Formación en Valor: Fraternidad.
Núcleo Integrador: Marcos <frameset>.
Indicador de desempeño: Conoce y aplica los atributos de la etiqueta <Frameset>
Conjunto de marcos <frameset>
Los marcos o frames sirven para distribuir mejor los datos de las páginas, ya que permiten mantener fijas algunas partes, como pueden ser el logotipo y la barra de navegación, mientras que otras sí pueden cambiar. Además de mejorar la funcionalidad, pueden mejorar también la apariencia.
Cuando se insertan las etiquetas <frameset> y </frameset> no hay que insertar las etiquetas <body> y </body>, ya que el cuerpo del documento será el cuerpo de las páginas que se carguen en cada uno de los marcos del conjunto de marcos.
Las etiquetas <noframes> y </noframes> se utilizan para que su contenido sea visualizado en aquellos navegadores que no soportan los marcos.
Para indicar qué documento se cargará en cada uno de los marcos habrá que insertar la etiqueta <frame> por cada uno de los marcos de la ventana. Estas etiquetas estarán entre las etiquetas <frameset> y </frameset>, y no necesitan etiqueta de cierre.
Taller: cree las siguientes páginas web y grabe los archivos con los nombres indicados:
INDEX.HTML
<html>
<head> <title>Pagina Principal de Betsauro Palomino Diaz</title> </head>
<frameset rows="*" cols="200,*" border="1" framespacing="0">
<frame src="MARCO_IZQUIERDO.html" name="Frame_Izquierdo" scrolling="No" noresize="noresize">
<frameset rows="80,*" border="1" framespacing="0">
<frame src="MARCO_SUPERIOR.html" name="Frame_Superior" scrolling="No" noresize="noresize">
<frame src="Marco_Principal.html" name="Frame_Principal">
</frameset>
</frameset>
<noframes>
<body>
Esta Pagina no soporta Marco de Paginas
</body>
</noframes>
</html>
MARCO_IZQUIERDO.HTML
<html>
<head> <title></title> </head>
<body background="Fondo_bpd.jpg" >
<p align="center">
<font color="Blue" size="3">
<b>
LISTA DE<br>
<font color="Blue" size="3">
<b>
LISTA DE<br>
OPCIONES
</b>
</font>
</p>
</b>
</font>
</p>
<p>1.<a href="Datos_Personales.html" target="Frame_Principal"> TEMA 1</a></p>
<p>2.<a href="Estudios.html" target="Frame_Principal">TEMA 2</p>
<p align="center"><a href="Marco_Principal.html" target="Frame_Principal"> Pagina Principal </p>
</body>
</html>
MARCO_PRINCIPAL.HTML
<html>
<head> <title> </title> </head>
<body>
<center>
ESCRIBA EL TEXTO DEL TEMA PRINCIPAL
</center>
</body>
</html>
MARCO_SUPERIOR.HTML
<html>
<head> <title></title> </head>
<body background="Imagen_Fondo.jpg">
<center>
<font color="red" size="6" face="Monotype Corsiva">
<b>Pagina Oficial </b>
</font>
</center>
</body>
</html>
Se debe crear dos arcivos mas de tipo bloc de notas y grabarlos con estos nombres:
Datos_Personales.html
Estudios.html
El archivo principal es INDEX.HTML el cual al momento de ejecutar se muestran todas las paginas en diferentes marcos, el resultado es el siguiente:
No hay comentarios:
Publicar un comentario