Sesión Nº 08: Ing. Edgar A. Cruz Huaman INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”   HTML Avanzado, Frames
I. Practica Calificada 01
II. HTML Avanzado <ul><li>Historia: 1990 - Tim Berners Lee. </li></ul><ul><li>Estándares y extensiones del lenguaje HTML. ...
III. XHTML <ul><li><?xml version=&quot;1.0&quot;?> </li></ul><ul><li>Todas las etiquetas deben tener instrucción de inicio...
IV. El futuro de HTML <ul><li>Incorporación de nuevas tecnologías. Lenguajes de Script. </li></ul><ul><ul><li>Mayor intera...
V. Extensiones a las listas <ul><li>Listas no ordenadas: Atributo “TYPE” </li></ul><ul><ul><li>TYPE=&quot;Circle“ </li></u...
V. Extensiones a las listas (ii) <ul><li>Listas Ordenadas </li></ul>
Ejercicio: Lista Ordenada
VI. La etiqueta META <ul><li>Carga automática de páginas </li></ul><ul><li>Información para los buscadores </li></ul>
VII. Descriptor HTML
VIII. El atributo TARGET
IX.  La etiqueta BASE
X. Frames <ul><li>Sirven para dividir la pantalla en varios marcos con una página diferente en cada una.  </li></ul>
X. Creación de páginas con frames (ii)
X. Creación del documento de definición de frames (iii) <ul><li>Etiqueta:  FRAMESET . </li></ul>
XI. División en columnas (frame) <ul><li><FRAMESET COLS=&quot;ancho_col1, ancho_col2, ...&quot;> </li></ul>
XII. La etiqueta FRAME <ul><li><FRAME SRC=&quot;docum.htm&quot; </li></ul><ul><li>  NAME=&quot;primer_frame&quot;> </li></ul>
XIII. Página completa con frames
Ejemplo
XIV.  Atributos de la etiqueta FRAME
XIV.  Atributos de la etiqueta FRAME (i)
Ejemplo
XV.  Bordes de los frames <ul><li>Cambiando el color del borde </li></ul><ul><ul><li><FRAME BORDERCOLOR=&quot;#FF0000&quot...
PREGUNTAS?
Upcoming SlideShare
Loading in …5
×

Sesion Nº8 Html Avanzado Frames En El Www

2,415 views

Published on

Tópicos Especiales - Sesion Nº8 Html Avanzado, extension de listas, etiqueta meta, descriptor html, atributo target, etiqueta base, Frames.

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,415
On SlideShare
0
From Embeds
0
Number of Embeds
68
Actions
Shares
0
Downloads
99
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Sesion Nº8 Html Avanzado Frames En El Www

  1. 1. Sesión Nº 08: Ing. Edgar A. Cruz Huaman INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” HTML Avanzado, Frames
  2. 2. I. Practica Calificada 01
  3. 3. II. HTML Avanzado <ul><li>Historia: 1990 - Tim Berners Lee. </li></ul><ul><li>Estándares y extensiones del lenguaje HTML. </li></ul><ul><ul><li>El estándar HTML 2.0: W3C. </li></ul></ul><ul><ul><li>El estándar HTML 3.2 </li></ul></ul><ul><ul><ul><li>Nuevos elementos para introducir en la cabecera como <SCRIPT>, <STYLE> , <META>, <BASE > y <LINK> </li></ul></ul></ul><ul><ul><ul><li>Nuevos atributos para la etiqueta BODY para poner color o imágenes de fondo y para cambiar el color del texto y links. </li></ul></ul></ul><ul><ul><ul><li>La posibilidad de cambiar el tamaño y color del texto con la etiqueta <FONT>. </li></ul></ul></ul><ul><ul><ul><li>la posibilidad de usar tablas. </li></ul></ul></ul><ul><ul><li>HTML 4.0 y XHTML </li></ul></ul><ul><ul><ul><li><?xml version=&quot;1.0&quot;?> </li></ul></ul></ul>
  4. 4. III. XHTML <ul><li><?xml version=&quot;1.0&quot;?> </li></ul><ul><li>Todas las etiquetas deben tener instrucción de inicio e instrucción de fin. </li></ul><ul><li>Las etiquetas de una única instrucción deben terminar con />. </li></ul><ul><ul><li><img src=&quot;img.gif&quot;/> </li></ul></ul><ul><li>Todos los valores de los atributos deben ir entrecomillados. </li></ul>
  5. 5. IV. El futuro de HTML <ul><li>Incorporación de nuevas tecnologías. Lenguajes de Script. </li></ul><ul><ul><li>Mayor interactividad con el visitante. </li></ul></ul><ul><li>Uso de las hojas de estilo. </li></ul><ul><li>Html Dinámico. </li></ul>
  6. 6. V. Extensiones a las listas <ul><li>Listas no ordenadas: Atributo “TYPE” </li></ul><ul><ul><li>TYPE=&quot;Circle“ </li></ul></ul><ul><ul><li>TYPE=&quot;Square“ </li></ul></ul><ul><ul><li>TYPE=&quot;Disk“ </li></ul></ul>
  7. 7. V. Extensiones a las listas (ii) <ul><li>Listas Ordenadas </li></ul>
  8. 8. Ejercicio: Lista Ordenada
  9. 9. VI. La etiqueta META <ul><li>Carga automática de páginas </li></ul><ul><li>Información para los buscadores </li></ul>
  10. 10. VII. Descriptor HTML
  11. 11. VIII. El atributo TARGET
  12. 12. IX. La etiqueta BASE
  13. 13. X. Frames <ul><li>Sirven para dividir la pantalla en varios marcos con una página diferente en cada una. </li></ul>
  14. 14. X. Creación de páginas con frames (ii)
  15. 15. X. Creación del documento de definición de frames (iii) <ul><li>Etiqueta: FRAMESET . </li></ul>
  16. 16. XI. División en columnas (frame) <ul><li><FRAMESET COLS=&quot;ancho_col1, ancho_col2, ...&quot;> </li></ul>
  17. 17. XII. La etiqueta FRAME <ul><li><FRAME SRC=&quot;docum.htm&quot; </li></ul><ul><li> NAME=&quot;primer_frame&quot;> </li></ul>
  18. 18. XIII. Página completa con frames
  19. 19. Ejemplo
  20. 20. XIV. Atributos de la etiqueta FRAME
  21. 21. XIV. Atributos de la etiqueta FRAME (i)
  22. 22. Ejemplo
  23. 23. XV. Bordes de los frames <ul><li>Cambiando el color del borde </li></ul><ul><ul><li><FRAME BORDERCOLOR=&quot;#FF0000&quot;> </li></ul></ul><ul><li>Como quitar el borde </li></ul><ul><ul><li><FRAME FRAMEBORDER=&quot;0&quot;> (0 ó 1) </li></ul></ul><ul><li>Grosor del borde </li></ul><ul><ul><li><FRAMEBORDER BORDER=“10&quot;> </li></ul></ul><ul><ul><li>... </li></ul></ul><ul><ul><li></FRAMEBORDER> </li></ul></ul>
  24. 24. PREGUNTAS?

×