0
Clase 5 FRAMES Un documento con Frames es aquel que está  dividido en varias secciones o cuadros, y cada una de ellas repr...
Clase 5 Ejemplo <html> <head> <title>.....</title> </head> <FRAMESET> Definición de los distintos frames del costo </FRAME...
Clase 5 Ejemplo:  hacer una Primera Página 1 <HTML>    <HEAD>    <TITLE> Pagina1 </TITLE>    </HEAD>    <BODY>    <H1>Pagi...
Clase 5 Ejemplo:  Hacer una segunda página <HTML>    <HEAD>    <TITLE> Pagina1 </TITLE>    </HEAD>    <BODY>    <H1>Pagina...
Clase 5 Ejemplo:  Hacer la utilizando la etiqueta Frames <HTML>   <HEAD>   <TITLE> Frames </TITLE>   </HEAD>   <FRAMESET C...
Clase 5 ATRIBUTOS ROWS= fila1,fila2,fila3...filan. Este atributo sirve  para dividir la pantalla en se ctores  horizontale...
Clase 5 ATRIBUTOS COLS= col1,col2,col3...coln. Este atributo sirve para  dividir la pantalla en  sectores  verticales y se...
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...
Clase 5 EJEMPLOS: <FRAMESET cols=“150,”*,*”> Definición de cada frame del documento </FRAMESET> <FRAMESET rows=“25%,50%,25...
Clase 5 ATRIBUTOS FRAMEBORDER = “n”  (1/ 0) (yes, no) Especifica si el frame tendrá o no un borde   FRAMESPACING=&quot;n“ ...
Clase 5 Ejemplo 2 <HTML>    <HEAD>    <TITLE> Frames </TITLE> </HEAD>   <FRAMESET ROWS=&quot;30%,*&quot; FRAMEBORDER=&quot...
Clase 5 ATRIBUTOS DE LOS FRAMES SRC=   url   Donde URL es la dirección de un documento  HTML . NAME=&quot;nombre del frame...
Clase 5 ATRIBUTOS DE LOS FRAMES MARGINHEIGTH=&quot;n&quot;.  Donde n es un numero en pixeles que sirve para definir la  al...
Clase 5 ATRIBUTOS DE LOS FRAMES NORESIZE.   I ndica al navegador que no debe permitir al usuario cambiar el tamaño del fra...
Clase 5 ATRIBUTOS DE LOS FRAMES NOTA:  Los frames se pueden anidar .   D e una directiva   <FRAME>   se puede colocar  una...
Clase 5 <ul><li>ATRIBUTOS DE LOS FRAMES </li></ul><ul><li>entre  estas etiquetas se puede colocar: </li></ul><ul><li>U n a...
Clase 5 EJEMPLO Un frame anidado <FRAMESET cols=“200,*”> <FRAMESET rows=“50%,50%”> <FRAME src = “pagina1.htm”> <FRAME src ...
Clase 5 ATRIBUTOS PARA  RELACIONAR LOS FRAMES TARGET=&quot;nombre de frame&quot; . Este atributo permite  definir el nombr...
Clase 5 Se pueden utilizar los siguientes  parámetros   en el  atributo TARGET aparte  de cualquier nombre TARGET=&quot;_b...
Clase 5 TARGET=&quot;_top&quot;.   Permite que  el enlace se cargue a  pantalla completa, suprimiendo todos los frames, pe...
Upcoming SlideShare
Loading in...5
×

curso de html

4,451

Published on

curso de html basico para aficionados a paginas webs

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
4,451
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
190
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "curso de html"

  1. 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 <BODY> que es sustituida por la etiqueta <FRAMESET>
  2. 2. Clase 5 Ejemplo <html> <head> <title>.....</title> </head> <FRAMESET> Definición de los distintos frames del costo </FRAMESET> </html>
  3. 3. Clase 5 Ejemplo: hacer una Primera Página 1 <HTML>   <HEAD>   <TITLE> Pagina1 </TITLE>   </HEAD>   <BODY>   <H1>Pagina 1</H1>   </BODY>   </HTML>
  4. 4. Clase 5 Ejemplo: Hacer una segunda página <HTML>   <HEAD>   <TITLE> Pagina1 </TITLE>   </HEAD>   <BODY>   <H1>Pagina 2 </H1>   </BODY>   </HTML>
  5. 5. Clase 5 Ejemplo: Hacer la utilizando la etiqueta Frames <HTML>  <HEAD>  <TITLE> Frames </TITLE>  </HEAD>  <FRAMESET COLS=&quot;20%,80%&quot;>  <FRAME SRC=“ p agina1.htm&quot;>   <FRAME SRC=“ p agina2.htm&quot;>   </FRAMESET>  </HTML> 
  6. 6. Clase 5 ATRIBUTOS ROWS= fila1,fila2,fila3...filan. Este atributo sirve para dividir la pantalla en se ctores 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. 7. Clase 5 ATRIBUTOS COLS= col1,col2,col3...coln. Este atributo sirve para dividir la pantalla en sectores verticales y se u tiliza 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. 8. Clase 5 NOTA SOLO SE PUEDE USAR UNO DE LOS DOS ATRIBUTOS A LA VEZ DENTRO DE LA MISMA ETIQUETA <FRAMESET>
  9. 9. 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>
  10. 10. 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>
  11. 11. Clase 5 ATRIBUTOS FRAMEBORDER = “n” (1/ 0) (yes, no) Especifica si el frame tendrá o no un borde FRAMESPACING=&quot;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. 12. Clase 5 Ejemplo 2 <HTML>   <HEAD>   <TITLE> Frames </TITLE> </HEAD>   <FRAMESET ROWS=&quot;30%,*&quot; FRAMEBORDER=&quot;0&quot; FRAMESPACING=&quot;0&quot; BORDER=&quot;0&quot;>   <FRAME SRC=“ p agina1.htm&quot;>  <FRAME SRC=“ p agina2.htm&quot;>  </FRAMESET>   </HTML>
  13. 13. Clase 5 ATRIBUTOS DE LOS FRAMES SRC= url Donde URL es la dirección de un documento HTML . NAME=&quot;nombre del frame&quot;. Permite asignar un nombre al frame, convirtiéndose en el destino de cualquier hiperenlace MARGINWIDTH=&quot;n&quot;. Donde n es un numero en pixeles que sirve para definir la anchura de los m á rgenes del frame.
  14. 14. Clase 5 ATRIBUTOS DE LOS FRAMES MARGINHEIGTH=&quot;n&quot;. Donde n es un numero en pixeles que sirve para definir la altura de los m á rgenes del frame. SCROLLING=&quot;yes,no,auto&quot;. Permite definir si el Frame tendrá o no una barra deslizadora. &quot;yes“ , el frame siempre tendrá barra deslizadora aunque no la necesite, &quot;no&quot;, nunca tendrá barra, &quot;auto“ , será el navegador el que decida si la lleva o no.
  15. 15. Clase 5 ATRIBUTOS DE LOS FRAMES NORESIZE. I ndica al navegador que no debe permitir al usuario cambiar el tamaño del frame. FRAMEBORDER=&quot;no&quot;. S irve para eliminar el borde de un solo frame.
  16. 16. Clase 5 ATRIBUTOS DE LOS FRAMES NOTA: Los frames se pueden anidar . D e 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>
  17. 17. Clase 5 <ul><li>ATRIBUTOS DE LOS FRAMES </li></ul><ul><li>entre estas etiquetas se puede colocar: </li></ul><ul><li>U n aviso </li></ul><ul><li>U n documento HTML completo </li></ul><ul><li>Un a viso qu e la página utiliza frames y un hiperenlace a una página alternativa que no los utilice. </li></ul>
  18. 18. Clase 5 EJEMPLO Un frame anidado <FRAMESET cols=“200,*”> <FRAMESET rows=“50%,50%”> <FRAME src = “pagina1.htm”> <FRAME src = “pagina2.htm”> </FRAMESET> <FRAME src = “pagina3.htm”> </FRAMESET>
  19. 19. Clase 5 ATRIBUTOS PARA RELACIONAR LOS FRAMES TARGET=&quot;nombre de frame&quot; . Este atributo permite definir el nombre del frame que recibirá el documento del hiperenlace. Ejemplo: etiqueta <A HREF=&quot;pagina1.htm&quot; TARGET=&quot;frame1&quot;>Opcion 1</A>
  20. 20. Clase 5 Se pueden utilizar los siguientes parámetros en el atributo TARGET aparte de cualquier nombre TARGET=&quot;_blank&quot;. 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=&quot;_self&quot;. Es el defecto si no ponemos target, el documento se carga sobre el mismo frame que contiene el enlace.
  21. 21. Clase 5 TARGET=&quot;_top&quot;. Permite que el enlace se cargue a pantalla completa, suprimiendo todos los frames, pero sin crear una copia del navegador. TARGET=&quot;_parent&quot;. 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.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×