Asignatura: Tecnología e Informática
Formación en valor: Fraternidad
Núcleo integrador: Entrega de taller Frame - Marcos
Indicador de desempeño: Desarrolla sitios web utilizando Marcos o Frame.
Exploración Cognitiva
¿Qué utilidad tienen los marcos en los sitios web?
Ejemplo de Marcos o Frame Utilizando Hipervínculos, Imágenes y Tablas:
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 Página no soporta Marco de Paginas
</body>
</noframes>
</html>
MARCO_IZQUIERDO.HTML
<html>
<head> <title></title> </head>
<body background="Fondo_bpd.jpg" >
<p align="center">
<IMG SRC=”Imagen-Lista-Opciones.jpg” Height=”80” Width=”200”>
<IMG SRC=”Imagen-Lista-Opciones.jpg” Height=”80” Width=”200”>
</p>
<p> <a href="SubTema1.html" target="Frame_Principal">
<IMG SRC=”Imagen-SubTema1.jpg” Height=”80” Width=”200”>
</a>
</p>
<p> <a href="SubTema2.html" target="Frame_Principal">
<IMG SRC=”Imagen-SubTema2.jpg” Height=”80” Width=”200”>
</a>
</p>
<p align="center"><a href="Marco_Principal.html" target="Frame_Principal">
<IMG SRC=”Imagen-Marco_Principal.jpg” Height=”80” Width=”200”>
</p>
</body>
</html>
MARCO_PRINCIPAL.HTML
<html>
<head> <title> </title> </head>
<body>
<CENTER> <IMG SRC=”Imagen_Tema_Principal.jpg” Height=”80” Width=”200”> </CENTER> <BR>
<TABLE >
<TR>
<TD> <IMG SRC=”FOTO.JPG” Height=”400” Width=”400”> </TD>
<TD>
<font color="red" size="6" face="Monotype Corsiva">
Escriba la explicción del tema principal.
</font>
</TD>
</TR>
</TABLE >
</body>
</html>
MARCO_SUPERIOR.HTML
<html>
<head> <title></title> </head>
<body background="Imagen_Fondo.jpg">
<center>
<IMG SRC=”Imagen_Tema_Principal.jpg” Height=”80” Width=”200”>
</center>
</body>
</html>
