viernes, 21 de julio de 2017

Ejemplo de Marcos o Frame Utilizando Hipervínculos, Imágenes y Tablas:

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”> 
 </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>