Estructura de una web

Antes de empezar a construir nuestro sitio web debemos tener en cuenta dos cosas:

1. ¿A qué vamos a dedicar nuestra web? No es lo mismo un sitio para una tienda on-line que una página con apuntes de nuestras asignaturas, un blog o un fotoblog, por poner sólo unos cuantos ejemplos. Así que, antes que nada vamos a decidir qué es lo que queremos publicar. Más sobre este tema en este enlace.
2. ¿Qué estructura de web elijo? La estructura son los planos del invento. Se puede escoger entre la tradicional estructura jerárquica y otras que encontraréis aquí. Os pongo algunos sitios más para empezar:
• http://www.lawebera.es/de0/organizar-pagina-web.php
• Aquí podéis encontrar un gráfico con la estructura típica de una web empresarial.
• Este otro enlace es interesante porque habla de un elemento presente en versiones previas de HTML, los marcos (frames): http://www.joseacortes.com/recursosweb/8pasos/estructura.htm, sin embargo, hay que tener en cuenta que HTML 5 los elimina; así que, aunque los navegadores seguirán interpretando esta estructura durante algún tiempo, ya no es apropiado usar frames. En su lugar es preferible emplear referencias con el atributo @target y ventanas en las que mostrar la información, por ejemplo:

<A href="inicio.html" target="ventana_principal">
inicio</A>
<A href="temas.html" target="ventana_secundaria">
temas</A>
<A href="indice.html" target="ventana_principal">
indice</A>

Mi recomendación es que empecéis con algo sencillo, como una web de apuntes con una estructura lineal jerarquizada. Además deberéis introducir enlaces que apunten a lugares dentro de una misma página web.
Aquí os dejo algún enlace más para empezar con HTML:

• Una introducción muy sucinta: Para ver on-line y para descargar Manual de HTML5 en español.pdf
• Una página con todo tipo de manuales: http://www.jesusda.com/docs/ebooks/. Nos interesan Dive into HTML 5, que aunque está en inglés se puede entender muy bien; e Introducción a CSS, este sí, en castellano.

Y aquí una web con un libro on-line. Fijaos en el aspecto sencillo del sitio, con enlaces en el margen izquierdo, un par de imágenes y un mapa del sitio a base de hiperenlaces. Acceded al libro y observad los botones que permiten al lector en todo momento avanzar, retroceder, regresar al índice, subir al nivel superior y consultar el índice

RECORDATORIO: El viernes 8 de abril debéis tener el sitio de Google Sites funcionando mínimamente y una primera versión del trabajo con Nvu/Kompozer en marcha, al menos a nivel local (en el disco duro o pendrive).