Clase 5

1
Clase 5

• FRAMES
• Un documento con Frames es aquel que está
• dividido en varias secciones o cuadros, y cada
  una de
• ellas representa un documento html.
• Un documento HTML con Frames a diferencia de
• un documento HTML estándar carece de la etiqueta
• ltBODYgt que es sustituida por la etiqueta
• ltFRAMESETgt

2
Clase 5

• Ejemplo
• lthtmlgt
• ltheadgt lttitlegt.....lt/titlegt lt/headgt
• ltFRAMESETgt
• Definición de los distintos frames del costo
• lt/FRAMESETgt
• lt/htmlgt

3
Clase 5

• Ejemplo hacer una Primera Página 1
• ltHTMLgt  ltHEADgt  ltTITLEgtPagina1lt/TITLEgt 
  lt/HEADgt  ltBODYgt  ltH1gtPagina 1lt/H1gt  lt/BODYgt 
  lt/HTMLgt

4
Clase 5

• Ejemplo Hacer una segunda página
• ltHTMLgt  ltHEADgt  ltTITLEgtPagina1lt/TITLEgt 
  lt/HEADgt  ltBODYgt  ltH1gtPagina 2lt/H1gt  lt/BODYgt 
  lt/HTMLgt

5
Clase 5

• Ejemplo Hacer la utilizando la etiqueta Frames
• ltHTMLgt  ltHEADgt  ltTITLEgtFrameslt/TITLEgt 
  lt/HEADgt  ltFRAMESET COLS"20,80"gt  ltFRAME
  SRCpagina1.htm"gt  ltFRAME SRCpagina2.htm"gt 
  lt/FRAMESETgt  lt/HTMLgt 

6
Clase 5

• ATRIBUTOS
• ROWSfila1,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 correspondiente
• sector horizontal.
• Estos valores se pueden definir en pixeles,
• porcentajes, o con el símbolo , que significa
  que
• es un valor relativo.

7
Clase 5

• ATRIBUTOS
• COLScol1,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.

8
Clase 5

• NOTA
• SOLO SE PUEDE USAR UNO DE LOS DOS
• ATRIBUTOS A LA VEZ DENTRO DE LA MISMA
• ETIQUETA ltFRAMESETgt

9
Clase 5

• EJEMPLOS
• ltFRAMESET cols30,70gt
• Definición de cada frame del documento
• lt/FRAMESETgt
• ltFRAMESET cols200,100,120,110,200gt
• Definición de cada frame del documento
• lt/FRAMESETgt
• ltFRAMESET cols,,gt
• Definición de cada frame del documento
• lt/FRAMESETgt

10
Clase 5

• EJEMPLOS
• ltFRAMESET cols150,,gt
• Definición de cada frame del documento
• lt/FRAMESETgt
• ltFRAMESET rows25,50,25gt
• Definición de cada frame del documento
• lt/FRAMESETgt

11
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

12
Clase 5

• Ejemplo 2
• ltHTMLgt 
• ltHEADgt 
• ltTITLEgtFrameslt/TITLEgt
• lt/HEADgt 
• ltFRAMESET ROWS"30," FRAMEBORDER"0"
• FRAMESPACING"0" BORDER"0"gt 
• ltFRAME SRCpagina1.htm"gt 
• ltFRAME SRCpagina2.htm"gt 
• lt/FRAMESETgt 
• lt/HTMLgt

13
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.

14
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.

15
Clase 5

• ATRIBUTOS DE LOS FRAMES
• NORESIZE. Indica al navegador que no debe
  permitir al
• usuario cambiar el tamaño del frame.
• FRAMEBORDER"no". Sirve para eliminar el borde
• de un solo frame.

16
Clase 5

• ATRIBUTOS DE LOS FRAMES
• NOTA Los frames se pueden anidar.
• De una directiva ltFRAMEgt se puede colocar una
• directiva ltFRAMESETgt que afectaría a
  dicho
• frame subdividiéndole
• ltNOFRAMESgt...lt/NOFRAMESgt Permite prever en el
• caso del navegador que no admita frames
• Esta directiva se coloca después de la etiqueta
  de cierre
• de ltFRAMESETgt

17
Clase 5

• ATRIBUTOS DE LOS FRAMES
• entre estas etiquetas se puede colocar
• Un aviso
• Un documento HTML completo
• Un aviso que la página utiliza frames y un
  hiperenlace a una página alternativa que no los
  utilice.

18
Clase 5

• EJEMPLO
• Un frame anidado
• ltFRAMESET cols200,gt
• ltFRAMESET rows50,50gt
• ltFRAME src pagina1.htmgt
• ltFRAME src pagina2.htmgt
• lt/FRAMESETgt
• ltFRAME src pagina3.htmgt
• lt/FRAMESETgt

19
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 ltA HREF"pagina1.htm" TARGET"frame1"gtOpc
  ion 1lt/Agt

20
Clase 5

• Se pueden utilizar los siguientes parámetros en
  el
• atributo TARGET aparte de cualquier nombre
• TARGET"_blank". Obliga al navegador a crear una
• copia 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.

21
Clase 5

• TARGET"_top". Permite que el enlace se cargue a
• pantalla completa, suprimiendo todos los frames,
  pero sin
• crear 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.