Frames o marcos en páginas html
- 1. Frames o marcos en páginas HTML Realizado por: Corina Arteaga Colegio sudamericano 9no “B”
- 2. ¿Qué son Frames? • Una de las más modernas características de HTML son los frames, que se añadieron, tanto en Netscape Navigator como en Internet Explorer, a partir de sus versiones 2.0. Los frames -que significan en castellano marcos- son una manera de partir la página en distintos espacios independientes los unos de los otros, de modo que en cada espacio se coloca una página distinta que se codifica en un fichero HTML distinto.
- 3. • Al principio se crearon como etiquetas propietarias del navegador Netscape y rápidamente la potencia del recurso hizo que el uso de frames se extendiera por toda la web. Poco tardaría Internet Explorer en incluirlos, para que no se le escapase una novedad tan popular de su competidor. Finalmente, como respuesta a la popularidad entre los desarrolladores de los frames, el estándar HTML 4.0 incluyó estas etiquetas dentro de las permitidas.
- 4. • Los frames, como decíamos, nos permiten partir la ventana del navegador en diferentes áreas. Cada una de estas áreas son independientes y han de ser codificadas con archivos HTML también independientes. Como resultado, cada frame o marco contiene las propiedades específicas que le indiquemos en el código HTML a presentar en ese espacio. Así mismo, y dado que cada marco es independiente, tendrán sus propias barras de desplazamiento, horizontales y verticales, por separado.
- 5. ¿Cómo utilizar frames? • <frameset cols=?%, ?%>: Sirve para verificar el porcentaje de la pantalla que se utilizará para cada columna. • <frameset rows=?,?>: Sirve para establecer el ancho de cada fila dentro del documento con un ancho n° 300. • Combinando estos factores se obtiene una página dividida en las partes deseadas…
- 6. Ejemplo de comandos para una página con frames… • <HTML> <HEAD> <TITLE>Un documento simple con marcos</TITLE> </HEAD> <FRAMESET cols="20%, 80%"> <FRAMESET rows="100, 200"> • <FRAME src="contenidos_del_marco1.html"> • <FRAME src="contenidos_del_marco2.gif"> </FRAMESET> • <FRAME src="contenidos_del_marco3.html"> • <NOFRAMES> <P>Este conjunto de marcos contiene: • <UL> <LI><A href="contenidos_del_marco1.html">Contenidos chéveres</A> • <LI><IMG src="contenidos_del_marco2.gif" alt="Una imagen chévere"> • <LI><A href="contenidos_del_marco3.html">Más contenidos chéveres</A> </UL> </NOFRAMES> </FRAMESET> </HTML>