Frames

571 views

Published on

concepto de frames

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

  • Be the first to like this

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

No notes for slide

Frames

  1. 1. Lo primero que tenemos que hacer es crear un documento HTML en el que definiremos cuántas zonas va a haber, qué distribución y tamaño van a tener, y cuál va ser el contenido de cada una de ellas. En el ejemplo que vamos a desarrollar, la página va a tener dos frames distribuidos en columnas (es decir, uno al lado del otro, en vez de uno encima del otro, lo que sería una distribución en filas). Con respecto al tamaño, haremos que el primero (el del izquierda) ocupe el 20% del ancho de la pantalla, y el otro, el 80% restante. Y con respecto al contenido, el frame de la izquierda va a contener un documento HTML llamado mipagind.html, y el de la derecha otro documento HTML igual que de la otra pagina.
  2. 2. DOCUMENTO HTML <ul><li><HTML>  <HEAD>  <TITLE>Mi pagina con frames</TITLE>  </HEAD>  <FRAMESET COLS=&quot;20%, 80%&quot;>  <FRAME SRC=&quot;mipagind.html&quot;>  <FRAME SRC=&quot;mipagpre.html&quot; NAME=&quot;principal&quot;>  </FRAMESET>  </HTML> </li></ul>
  3. 3. DIVISION DE COLUMNAS
  4. 4. CREACION DE TRES FRAMES <ul><li>En este caso serán necesarios 4 documentos HTML. El primero simplemente contiene el código que le indica al navegador el número de frames de la página, su tamaño, su posición y el nombre de los archivos donde está el contenido de los 3 frames, a este documento HTML le llamaremos documento de definición de frames . Los otros 3 documentos HTML tienen el contenido de cada uno de los tres frames y deben ser creados de la misma manera que hemos venido creando los documentos HTML hasta ahora, eso sí, hay que tener en cuenta que ese contenido será mostrado en un espacio reducido (el del frame correspondiente) y no en toda la ventana del navegador. </li></ul>
  5. 5. DEFINICION DE LA ESTRUCTURA
  6. 6. FRAME DE 4 DIVISIONES <ul><li>Es posible adoptar simultáneamente una división tanto en columnas como en filas, de manera que se cree una ventana dividida en varios marcos. Veamos cómo debemos intervenir en el código HTML del documento según el número y la posición de los marcos que queremos crear. </li></ul>
  7. 7. CODIGO <ul><li><frameset cols=&quot;120,*&quot;> <frame name=&quot;sx&quot; src=&quot;sx.htm&quot;> </li></ul><ul><li><frameset rows=&quot;20%,60%,20%,*&quot;> <frame name=&quot;alto&quot; src=&quot;top.htm&quot;> <frame name=&quot;central&quot; src=&quot;central.htm&quot;> <frame name=&quot;bajo&quot; src=&quot;basso.htm&quot;> </li></ul><ul><li></frameset> </frameset > </li></ul>
  8. 8. ESTRUCTURA
  9. 9. SINTAXIS <ul><li>Los frames se declaran con la etiqueta <FRAMESET>, que debe ser colocada antes de la etiqueta <BODY>. Si no se cumple este requisito, la etiqueta se ignorará. </li></ul>
  10. 10. CODIGO <ul><li><HTML> </li></ul><ul><li><HEAD> </li></ul><ul><li><TITLE> Título de la página </TITLE> </li></ul><ul><li></HEAD> </li></ul><ul><li><FRAMESET ROWS=75,*> </li></ul><ul><li><FRAME SRC=&quot;frames1.htm&quot; > </li></ul><ul><li><FRAME SRC=&quot;frames2.htm&quot; > </li></ul><ul><li></FRAMESET> </li></ul><ul><li><NOFRAMES> </li></ul><ul><li><BODY> </BODY> </li></ul><ul><li></NOFRAMES> </li></ul><ul><li></HTML> </li></ul>
  11. 11. ESTRUCTURA

×