Ver Mensaje Individual
  #7 (permalink)  
Antiguo 11/12/2014, 12:38
jezuz1n
 
Fecha de Ingreso: diciembre-2014
Mensajes: 7
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Agregar paginas a mi sitio HTML5

Hola buenas, yo estoy haciendo algo parecido para clase y lo hacemos por frames.
Tengo un archivo llamado index.html

<html>

<frameset frameborder="yes" border="10" bordercolor="black" frameborder="no" noresize="noresize" scrolling="0" rows="38%,*,6%">
<frame noresize="noresize" scrolling="0" src="cabecera.html"/>
<frameset frameborder="yes" border="10" bordercolor="black" cols="15%,*">
<frame noresize="noresize" scrolling="0" src="menu.html"/>
<frame name="centro" noresize="noresize" scrolling="0" src=""/>
</frameset>
<frame noresize="noresize" scrolling="0" src="final.html"/>
</frameset>
<NOFRAMES bgcolor="#FFA600"></NOFRAMES>

</html>

Tengo otra pagina llamada menu.html, aquí tengo un menu con enlaces que se cargan en el marco central.
<html>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<head>
<title>MENÚ</title>
</head>
<link rel="stylesheet" href="hojaestilo.css" type="text/css"/>

<body>
<center>
<ul id="menu2">
<li ><a class="actual" target="centro" href="sol.html">Índice</a></li>
<li ><a class="actual" target="centro" href="catalogo.html">Móviles</a></li>
<li ><a class="actual" target="centro" href="formulario3.html">Pedidos</a></li>
<li ><a class="actual" target="centro" href="tabla.html">Contacto</a></li>

</ul>
</center>
<hr/ id="linea">
<center>
<script type="text/javascript" src="http://counter2.allfreecounter.com/private/countertab.js?c=949c31780fdf42586ddd389aff056f0f"> </script>
</center>
<center>
<map name="twitter">
<area shape="circle" coords="18,16,9" target="_blank" href="http://www.twitter.com"/>
<area shape="default" nohref="nhref"/>


</map>
<img src="twitter.png" usemap="#twitter"/>
</center>
<center>
<map name="instagram">
<area shape="circle" coords="14,19,9" target="_blank" href="http://www.instagram.com"/>
<area shape="default" nohref="nhref"/>


</map>
<img src="instagram.png" usemap="#instagram"/>
</center>
</body>
</html>

Aparte de esto tengo sus estilos y los distintas páginas que se complementa, con esto quería resolver tu duda de unir tu index con distintas páginas.
Yo lo hice con frames porque estoy aprendiendo html, ya me gustaría saber nuevos métodos mas innovadores.

Salu2