Presentacion

347 views
300 views

Published on

aqui sta profe !!!

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
347
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Presentacion

  1. 1. Frames <ul><li>Introducción a los marcos
  2. 2. Marcos HTML permit a los autores presentar documentos en múltiples puntos de vista, que puede ser independiente de las ventanas o subventanas. Las vistas múltiples ofrecen a los diseñadores una forma de mantener cierta información visible, mientras que otras vistas se desplazan o reemplazado. Por ejemplo, en la misma ventana, un marco podría mostrar un banner estático, un segundo un menú de navegación, y un tercero el documento principal que puede ser desplazado o sustituido por la navegación en el segundo marco. </li></ul>
  3. 3. Este es un documento marco simple: <ul><li><HTML>
  4. 4. <HEAD><TITLE> Título de la página </TITLE></HEAD>
  5. 5. <FRAMESET ROWS=75,*>
  6. 6. <FRAME SRC=&quot;frames1.htm&quot; >
  7. 7. <FRAME SRC=&quot;frames2.htm&quot; >
  8. 8. </FRAMESET>
  9. 9. <NOFRAMES>
  10. 10. <BODY>
  11. 11. Lo siento,su navegador no soporta frames.
  12. 12. Pulse <a href=&quot;frames1.htm>aquí </A>
  13. 13. para acceder a los contenidos de estas páginas.
  14. 14. </BODY>
  15. 15. </NOFRAMES>
  16. 16. </HTML> </li></ul>
  17. 17. <FRAMESET> </FRAMESET>, <ul><li>Dentro de ellos se definen los nombres y los archivos que deberán invocarse en los dos marcos creados. Es necesario dar un nombre al marco (name=&quot;alto&quot;) e indicar el archivo HTML que deberá cargarse dentro del marco (SRC=&quot;top.htm&quot;). Deben, por tanto, crearse previamente dos archivos de nombre &quot;top.htm&quot; y &quot;central.htm&quot;. </li></ul>
  18. 18. Cuadros <ul><li>Para crear dos marcos verticales basta sustituir el término &quot;rows&quot; (filas) con el término &quot;cols&quot; (columnas): Aqui una imagen </li></ul><ul><li><FRAMESET cols=&quot;100,*&quot;>
  19. 19. <frame name=&quot;sx&quot; src=&quot;sx.htm&quot;>
  20. 20. <frame name=&quot;central&quot; src=&quot;central.htm&quot;>
  21. 21. </FRAMESET> </li></ul>
  22. 22. Cuadro de 2 marcos <ul><li>Su sentencia es:
  23. 23. <FRAMESET cols=&quot;100,*&quot;>
  24. 24. <frame name=&quot;sx&quot; src=&quot;sx.htm&quot;>
  25. 25. <frame name=&quot;central&quot; src=&quot;central.htm&quot;>
  26. 26. </FRAMESET> </li></ul>
  27. 27. Cuadro divido en columnas arriba y abajo <ul><li>Su sentencia es :<frameset rows=&quot;100,*&quot;>
  28. 28. <frame name=&quot;alto&quot; src=&quot;top.htm&quot;>
  29. 29. <frameset cols=&quot;150,*&quot;>
  30. 30. <frame name=&quot;sx&quot; src=&quot;sx.htm.htm&quot;>
  31. 31. <frame name=&quot;central&quot; src=&quot;central.htm&quot;>
  32. 32. </frameset>
  33. 33. </frameset> </li></ul>
  34. 34. Cuadro dividido en 4 columnas arriba,abajo.lado. <ul><li>Su sentecia es :<frameset cols=&quot;120,*&quot;>
  35. 35. <frame name=&quot;sx&quot; src=&quot;sx.htm&quot;>
  36. 36. <frameset rows=&quot;20%,60%,20%,*&quot;>
  37. 37. <frame name=&quot;alto&quot; src=&quot;top.htm&quot;>
  38. 38. <frame name=&quot;central&quot; src=&quot;central.htm&quot;>
  39. 39. <frame name=&quot;bajo&quot; src=&quot;basso.htm&quot;>
  40. 40. </frameset>
  41. 41. </frameset> </li></ul>
  42. 42. IFRAMES <ul><li>La IFRAMEelemento permite a los autores insertar un marco dentro de un bloque de texto. Inserción de un marco en línea dentro de una sección del texto es muy similar a la inserción de un objeto a través de el elemento: ambos permiten insertar un documento HTML en medio de otro, ambos pueden estar alineados con el texto circundante, etc
  43. 43. Para los agentes de usuario que soporten marcos, el siguiente ejemplo colocará un marco en línea rodeado por un borde en la parte central del texto.
  44. 44. <IFRAME src = &quot;foo.html&quot; width = &quot;400&quot; height = &quot;500&quot;
  45. 45. scrolling = &quot;auto&quot; frameborder = &quot;1&quot;>
  46. 46. [Su agente de usuario no soporta marcos o está actualmente configurado
  47. 47. para no mostrar marcos.
  48. 48. <A Href=&quot;foo.html&quot;> el documento relacionado. </ A>]
  49. 49. </ IFRAME> </li></ul>
  50. 50. Gracias por su atencion <ul><li>REALIZADO POR: PABLO CH
  51. 51. Curso: 10 “A” </li></ul>

×