Anda di halaman 1dari 3

Institucin Tcnica Industrial Donald Rodrigo Tafur Programacin HTML

ACTIVIDAD 4 I. En tu cuaderno explica las siguientes preguntas, despus de un anlisis detallado. Pgina recomendada: http://www.aulaclic.es/html/t_7_1.htm Qu entiendes por marcos o frames? Por qu son importantes al construir pginas Webs? A partir de que etiqueta se definen los marcos en HTML, y despus de que etiqueta la colocamos? Qu etiquetas se excluyen al utilizar marcos, en la pgina principal? Qu atributos se pueden especificar sobre la etiqueta de marcos (mnimo 6).? Es posible anidar marcos, porque? Escribe el significado de los siguientes atributos para modificar un marco.

1. 2. 3. 4. 5. 6. 7.

Atributo Significado Frame border Name Noresize Margin width Margin height Scrolling Src 8. Elabora el un grfico que visualice las siguientes pginas con marcos(con relacin a la imagen anterior sobre marcos): a. Dos marcos el superior ms pequeo que el inferior. b. Dos marcos el izquierdo ms pequeo que el derecho c. Dos marcos el derecho ms pequeo que el izquierdo d. Tres marcos, el superior pequeo al igual el izquierdo y el derecho ms grande. 9. Averiguar y escribir el cdigo para pgina que tenga dos marcos. 10. Crear una carpeta en D: llamada ejemplo dos marco, dentro de ella crear un index que me permita llamar dos pginas una superior y otra inferior. Mira el siguiente proceso para crear tus marcos, las pginas se encuentra en los siguientes cdigos, cambia tu nombre, fondo e imgenes.

Para crear una pgina dividida en marcos, es necesario crear varios archivos HTML referidos a un archivo principal, que es el que permite su gestin. Primero debemos crear el archivo fuente, por lo general lo llamaremos index.html, y posterior mente los dems archivos que harn parte del marco. As crearemos una ventana dividida en dos marcos, en la cual cargaremos 1. Definir un html con la estructura. Superior Inferior

En este cargaremos el archivo superior.htm, creado a parte y un marco central llamado central.htm, que cambiar segn la pgina a mostrar.

<FRAMESET rows="80,*"> <frame name="alto" src="superior.htm"> <frame name="central" src="central.htm"> </FRAMESET>

Como podemos ver, el cdigo del marco est encerrado entre las marcas <FRAMESET></FRAMESET> que se comportan como las marcas usuales <HTML></HTML>. El tamao de los marcos, o mejor dicho, el espacio que cada uno de ellos debe ocupar en la pgina, queda establecido mediante la marca rows="80,*, que significa que el marco alto (que en este caso es una fila, "row") debe tener 80 pxel, mientras que "*" significa que todo el resto debe asignarse al marco central. Asimismo, habramos podido expresar el tamao de los marcos en tantos por ciento de esta manera:

<FRAMESET rows="20%,*">

Cdigo para la pgina principal llamada Index.htm,


<html> <head> <title>pagina con dos marcos: superior e inferior</title> <FRAMESET rows="80,*"> <frame name="alto" src="superior.htm"> <frame name="central" src="central.htm"> </FRAMESET> </html>

Cdigo para la pgina superior, debe guardarse como superior.htm


<html> <head> <title>pagina superior</title> <html> <head> <body bgcolor=#Ffcc99"> <MARQUEE bgcolor="#006699" behavior="alternate" direction="right"> <font color="RED"><center><i><h1>PAGINA Superior</h1><i></center></font> </MARQUEE > </body> </html> </html>

Cdigo para la pgina central, debe guardarse como central.htm


<html> <head> <title>pagina central</title> <body bgcolor=#Ffcc99"> <MARQUEE bgcolor="#006699" behavior="alternate" direction="right"> <font color="RED"><center><i><h1>PAGINA CENTRAL</h1><i></center></font> </MARQUEE > <br> <img alt="a" src="http://s950.photobucket.com/albums/ad343/elrinconcito/nombresanimados/Letras//Estilo-0541/c.gif" border="0" ></a></center> <img alt="a" src="http://s950.photobucket.com/albums/ad343/elrinconcito/nombresanimados/Letras//Estilo-0541/i.gif" border="0" ></a></center> <img alt="a" src="http://s950.photobucket.com/albums/ad343/elrinconcito/nombresanimados/Letras//Estilo0541/e.gif" border="0" ></a></center> <img alt="a" src="http://s950.photobucket.com/albums/ad343/elrinconcito/nombresanimados/Letras//Estilo-0541/l.gif" border="0" ></a></center> <img alt="a" src="http://s950.photobucket.com/albums/ad343/elrinconcito/nombresanimados/Letras//Estilo0541/o.gif" border="0" ></a></center> <br> <div align="center"><img alt="a" src="http://www.salvapantallas.com.es/img/miniaturas/744.gif" border="0" ></a></center> </body> </html>