Ultimo trabajo

Colegio Nacional Nicolas Esguerra edificamos futuro

MARCO- MENU

IMAGENES

Daniel Alejandro Robles C 905Diego Alejandro Rodriguez G 905

MARCO

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, <frameset cols="142,*">

<frameset rows="80,*">...</frameset>

<frameset cols="25%,*,*">...</frameset>

</frameset>

CODIGO:

<HTML><HEAD><TITLE> EMPO GAMES LIMITED</TITLE></HEAD>

<frameset rows="*" cols="180,*" framespacing="0" frameborder="NO" border="3"><frame src="menu.html" name="marcoizquierdo" frameborder="SI" scrolling="SI"

noresize><frame src="index.html" name="marcoderecho" frameborder="SI"></frameset>

<noframes><BODY bgcolor="#990000">

Esta Página tiene marcos, y tu navegador no los soporta

</BODY></noframes></HTML>

MENU

Partiendo de una misma lista con enlaces, vamos a crear dos menús distintos cambiando sólo el CSS.

Puedes utilizar una lista con enlaces a donde quieras, o utilizar la misma que en el sitio de ejemplo del curso.

Guarda la pagina como menus.html.

CODIGO:

<HTML><HEAD><TITLE>EMPO GAMES LIMITED</TITLE></HEAD><BODY bgcolor="000000">

<CENTER><a href="index.HTML" target="marcoderecho"><FONT COLOR="990000"><CENTER><H1>INICIO</H1></CENTER></a><a href="index2.html" target="marcoderecho"><img src="imagenes/logo2.jpg" border="3" width="150" height"100" ></a><a href="index3.html" target="marcoderecho"><img src="imagenes/logo3.jpg" border="3" width="150" height"100" ></a><a href="index4.html" target="marcoderecho"><img src="imagenes/logo1.jpg" border="3" width="150" height"100" ></a></CENTER>

</BODY></HTML>

Art & Photos

Ultimo trabajo