Download - curso de html
Clase 5
FRAMES
Un documento con Frames es aquel que está dividido en varias secciones o cuadros, y cada una deellas representa un documento html.
Un documento HTML con Frames a diferencia deun documento HTML estándar carece de la etiqueta <BODY> que es sustituida por la etiqueta <FRAMESET>
Clase 5
Ejemplo
<html><head> <title>.....</title> </head><FRAMESET> Definición de los distintos frames del costo</FRAMESET></html>
Clase 5
Ejemplo: hacer una Primera Página 1
<HTML> <HEAD> <TITLE>Pagina1</TITLE> </HEAD> <BODY> <H1>Pagina 1</H1> </BODY> </HTML>
Clase 5
Ejemplo: Hacer una segunda página
<HTML> <HEAD> <TITLE>Pagina1</TITLE> </HEAD> <BODY> <H1>Pagina 2</H1> </BODY> </HTML>
Clase 5
Ejemplo: Hacer la utilizando la etiqueta Frames
<HTML> <HEAD> <TITLE>Frames</TITLE> </HEAD> <FRAMESET COLS="20%,80%"> <FRAME SRC=“pagina1.htm"> <FRAME SRC=“pagina2.htm"> </FRAMESET> </HTML>
Clase 5
ATRIBUTOS
ROWS=fila1,fila2,fila3...filan. Este atributo sirve para dividir la pantalla en sectores horizontales.Son Listas de valores separados por comas que indican que tamaño tendrá su correspondientesector horizontal.
Estos valores se pueden definir en pixeles, porcentajes, o con el símbolo *, que significa que es un valor relativo.
Clase 5
ATRIBUTOS
COLS=col1,col2,col3...coln. Este atributo sirve para dividir la pantalla en sectores verticales y se utiliza de igual forma que el anterior pero referido a las columnas.
Nota: el símbolo *, significa que es un valor relativo y el frame correspondiente ocupará el espacio que reste en la pantalla. Si hay mas de un frame con asterisco, el espacio sobrante se repartirá en partes iguales entre ellos. Si colocamos un número delante del asterisco ese frame tendrá ‘n’ veces mas espacio que los otros con asterisco.
Clase 5
NOTA
SOLO SE PUEDE USAR UNO DE LOS DOS ATRIBUTOS A LA VEZ DENTRO DE LA MISMA ETIQUETA <FRAMESET>
Clase 5
EJEMPLOS:<FRAMESET cols=“30%,70%”> Definición de cada frame del documento</FRAMESET>
<FRAMESET cols=“200,100,120,110,200”> Definición de cada frame del documento</FRAMESET>
<FRAMESET cols=“*,*,*”> Definición de cada frame del documento</FRAMESET>
Clase 5
EJEMPLOS:<FRAMESET cols=“150,”*,*”> Definición de cada frame del documento</FRAMESET>
<FRAMESET rows=“25%,50%,25%”> Definición de cada frame del documento</FRAMESET>
Clase 5
ATRIBUTOS
FRAMEBORDER = “n” (1/ 0) (yes, no)Especifica si el frame tendrá o no un borde
FRAMESPACING="n“Sirve para definir la separación entre frames, donde n es un valor en pixeles, si es cero el borde desaparece. Este atributo es valido para el Internet Explorer.
BORDER= “n” El tamaño del borde
Clase 5
Ejemplo 2
<HTML> <HEAD> <TITLE>Frames</TITLE></HEAD> <FRAMESET ROWS="30%,*" FRAMEBORDER="0" FRAMESPACING="0" BORDER="0"> <FRAME SRC=“pagina1.htm"> <FRAME SRC=“pagina2.htm"> </FRAMESET> </HTML>
Clase 5
ATRIBUTOS DE LOS FRAMES
SRC= url Donde URL es la dirección de un documento HTML.
NAME="nombre del frame". Permite asignar un nombre al frame, convirtiéndose en el destino de cualquier hiperenlace
MARGINWIDTH="n". Donde n es un numero en pixeles que sirve para definir la anchura de los márgenes del frame.
Clase 5
ATRIBUTOS DE LOS FRAMES
MARGINHEIGTH="n". Donde n es un numero en pixeles que sirve para definir la altura de los márgenes del frame.
SCROLLING="yes,no,auto". Permite definir si el Frame tendrá o no una barra deslizadora. "yes“, el frame siempre tendrá barra deslizadora aunque no la necesite, "no", nunca tendrá barra, "auto“, será el navegador el que decida si la lleva o no.
Clase 5
ATRIBUTOS DE LOS FRAMES
NORESIZE. Indica al navegador que no debe permitir alusuario cambiar el tamaño del frame.
FRAMEBORDER="no". Sirve para eliminar el borde de un solo frame.
Clase 5
ATRIBUTOS DE LOS FRAMES
NOTA: Los frames se pueden anidar. De una directiva <FRAME> se puede colocar una directiva <FRAMESET> que afectaría a dicho frame subdividiéndole
<NOFRAMES>...</NOFRAMES>: Permite prever en el caso del navegador que no admita frames Esta directiva se coloca después de la etiqueta de cierre de <FRAMESET>
Clase 5
ATRIBUTOS DE LOS FRAMES
entre estas etiquetas se puede colocar:a) Un avisob) Un documento HTML completo c) Un aviso que la página utiliza frames y un
hiperenlace a una página alternativa que no los utilice.
Clase 5
EJEMPLOUn frame anidado<FRAMESET cols=“200,*”><FRAMESET rows=“50%,50%”> <FRAME src = “pagina1.htm”> <FRAME src = “pagina2.htm”></FRAMESET> <FRAME src = “pagina3.htm”></FRAMESET>
Clase 5
ATRIBUTOS PARA RELACIONAR LOS FRAMES
TARGET="nombre de frame". Este atributo permite definir el nombre del frame que recibirá el documento del hiperenlace.
Ejemplo:etiqueta <A HREF="pagina1.htm"
TARGET="frame1">Opcion 1</A>
Clase 5
Se pueden utilizar los siguientes parámetros en el atributo TARGET aparte de cualquier nombre
TARGET="_blank". Obliga al navegador a crear unacopia a pantalla completa. Por lo tanto se tiene dos navegadores, aunque esta ventana no tiene nombre y no se podrá utilizar como destino de otro hiperenlaces.
TARGET="_self". Es el defecto si no ponemos target, el documento se carga sobre el mismo frame que contiene el enlace.
Clase 5
TARGET="_top". Permite que el enlace se cargue a pantalla completa, suprimiendo todos los frames, pero sincrear una copia del navegador.
TARGET="_parent". Cuando se hace un anidamiento de frames se crea una jerarquía, por lo que al hacer uso de este atributo desaparece la jerarquía inferior y el hiperenlaces se muestra en el frame jerárquicamente superior.