Ya están definidas las bases del proyecto a realizar y el prototipo de la web. Ahora toca empezar a desarrollar la web.
Desarrollando la web
El primero paso que voy a dar antes de comenzar a desarrollar ninguna de las páginas será construir un prototipo directamente con HTML que nos servirá a la vez de plantilla para todas las páginas del proyecto.
El código de la plantilla es el siguiente:
<html>
<head>
<title>Título del sitio web + Título de la página</title>
</head>
<body>
<h1>Título del sitio web</h1>
<p>
<ul>
<li><a href='A.html'>A</a></li>
<li><a href='B.html'>B</a></li>
<li><a href='C.html'>C</a></li>
<li><a href='D.html'>D</a></li>
<li><a href='E.html'>E</a></li>
</ul>
</p>
<h2>Título de la página</h2>
<p>Contenido</p>
</body>
</html>
<head>
<title>Título del sitio web + Título de la página</title>
</head>
<body>
<h1>Título del sitio web</h1>
<p>
<ul>
<li><a href='A.html'>A</a></li>
<li><a href='B.html'>B</a></li>
<li><a href='C.html'>C</a></li>
<li><a href='D.html'>D</a></li>
<li><a href='E.html'>E</a></li>
</ul>
</p>
<h2>Título de la página</h2>
<p>Contenido</p>
</body>
</html>
El prototipo de alta fidelidad será tan fácil como crear las cinco páginas del sitio web con exactamente el mismo código pero modificando el nombre del archivo por el correcto (la página principal será "A" y las otras "B", "C", "D" y "E").
Este proceso lo he hecho de ésta manera para facilitar el trabajo. Ahora podemos comprobar que las páginas web están bien enlazadas entre sí. El siguiente paso es coger el prototipo de alta fidelidad de la web y rellenarlo con el contenido de la web. Y ya estará.
Dejo en otras entradas los códigos del prototipo y del sitio web con el conenido finalizado por si queréis consultar alguna cosa.
No hay comentarios:
Publicar un comentario
RECUERDA: ésto no es ningún tutorial, pero estaré encantado de compartir información y ayudar en medida de lo posible a cualquiera :)