Colegio Nacional Nicolas Esguerra
edificamos futuro
MARCO- MENU
IMAGENES
DanielAlejandro Robles C 905
Diego Alejandro Rodriguez G 905
MARCO
Los marcos o frames sirvenparadistribuirmejorlosdatosde laspáginas,yaque permiten
mantenerfijasalgunaspartes,comopuedenserel logotipoylabarra de navegación,mientrasque
otras sí puedencambiar.Ademásde mejorarlafuncionalidad,puedenmejorartambiénla
apariencia.
Cuandose insertanlasetiquetas<frameset>y</frameset>nohay que insertarlasetiquetas
<body> y </body>,ya que el cuerpodel documentoseráel cuerpode laspáginasque se carguen
encada unode los marcosdel conjuntode marcos, <framesetcols="142,*">
<framesetrows="80,*">...</frameset>
<framesetcols="25%,*,*">...</frameset>
</frameset>
CODIGO:
<HTML>
<HEAD>
<TITLE> EMPO GAMES LIMITED</TITLE>
</HEAD>
<framesetrows="*"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&aacute;ginatiene marcos,ytu navegadornolossoporta
</BODY>
</noframes>
</HTML>
MENU
Partiendode unamismalistaconenlaces,vamosa crear dosmenúsdistintoscambiandosóloel
CSS.
Puedesutilizarunalistaconenlacesadonde quieras,outilizarlamismaque enel sitio de ejemplo
del curso.
Guarda la paginacomo 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"><imgsrc="imagenes/logo2.jpg"border="3"
width="150" height"100"></a>
<a href="index3.html"target="marcoderecho"><imgsrc="imagenes/logo3.jpg"border="3"
width="150" height"100"></a>
<a href="index4.html" target="marcoderecho"><imgsrc="imagenes/logo1.jpg"border="3"
width="150" height"100"></a>
</CENTER>
</BODY>
</HTML>

Ultimo trabajo

  • 1.
    Colegio Nacional NicolasEsguerra edificamos futuro MARCO- MENU IMAGENES DanielAlejandro Robles C 905 Diego Alejandro Rodriguez G 905 MARCO Los marcos o frames sirvenparadistribuirmejorlosdatosde laspáginas,yaque permiten mantenerfijasalgunaspartes,comopuedenserel logotipoylabarra de navegación,mientrasque otras sí puedencambiar.Ademásde mejorarlafuncionalidad,puedenmejorartambiénla apariencia. Cuandose insertanlasetiquetas<frameset>y</frameset>nohay que insertarlasetiquetas <body> y </body>,ya que el cuerpodel documentoseráel cuerpode laspáginasque se carguen encada unode los marcosdel conjuntode marcos, <framesetcols="142,*"> <framesetrows="80,*">...</frameset> <framesetcols="25%,*,*">...</frameset> </frameset>
  • 2.
    CODIGO: <HTML> <HEAD> <TITLE> EMPO GAMESLIMITED</TITLE> </HEAD> <framesetrows="*"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&aacute;ginatiene marcos,ytu navegadornolossoporta </BODY> </noframes> </HTML>
  • 4.
    MENU Partiendode unamismalistaconenlaces,vamosa creardosmenúsdistintoscambiandosóloel CSS. Puedesutilizarunalistaconenlacesadonde quieras,outilizarlamismaque enel sitio de ejemplo del curso. Guarda la paginacomo menus.html.
  • 5.
    CODIGO: <HTML> <HEAD> <TITLE>EMPO GAMES LIMITED</TITLE> </HEAD> <BODYbgcolor="000000"> <CENTER> <a href="index.HTML"target="marcoderecho"><FONT COLOR="990000"><CENTER><H1>INICIO</H1></CENTER></a> <a href="index2.html"target="marcoderecho"><imgsrc="imagenes/logo2.jpg"border="3" width="150" height"100"></a> <a href="index3.html"target="marcoderecho"><imgsrc="imagenes/logo3.jpg"border="3" width="150" height"100"></a> <a href="index4.html" target="marcoderecho"><imgsrc="imagenes/logo1.jpg"border="3" width="150" height"100"></a> </CENTER> </BODY> </HTML>