historia

Una buena estructura permitirá al lector visualizar todos los contenidos de una manera fácil y clara, mientras que un conjunto de páginas web con una mala estructura producirá en el lector una sensación de estar perdido, no encontrará rápidamente lo que busca y terminará por abandonar nuestro sitio. planifique la estructura antes de empezar
 
la estructura de tu web, su esqueleto, la base quesoportará todo lo demás. La forma en que estructures el contenido  de tu web será determinante para que los usuarios encuentren o no lo que buscan (algo muy relacionado con la usabilidad). Por tanto, ésta debe facilitar y agilizar al máximo la búsqueda de información de tus visitantes. Al mismo tiempo, también es importante diseñar la estructura de forma que actualizaciones futuras de la web noobliguen a cambiar muchas partes de la página.
Para crear la estructura, puede ser útil hacer un inventario de todo el material que vas a exponer en la página e ir organizándolo en un primero momento por temas para después construir gráficamente la estructura de la web.

organización
Sin una organización web sólida y lógica un sitio no funcionará bien incluso si el contenido es preciso y estábien escrito. Los 4 pasos básicos para organizar la información son:
1. Dividir la información en unidades lógicas.
2. Establecer una jerarquía por orden de importancia y generalidad.
3. Utilizar esta jerarquía para establecer relaciones entre las piezas de información.
4. Analizar el sistema estética y funcionalmente.
La página de inicio
La página de inicio de tu web es la puerta principal deacceso a tu web. Por ella entrarán la mayor parte de visitantes, por lo que hay que cuidar al máximo cada detalle.
Si tu sitio web es pequeño, puedes permitirte el lujo de enlazar a todas las páginas de tu web desde la página principal, así el usuario tiene a su alcance toda la información disponible en el sitio. Pero en muchos casos incluir un enlace a cada página convertiría en un caos a laportada del sitio debido a la gran cantidad de páginas internas. En estos casos lo más conveniente sería enlazar a las secciones principales de la web, desde las cuales se enlazaría al contenido de esa sección concreta, etc.
index en html es la pagina de inicio, y tiene todo el contenido.
wireframe es una representación esquemática de una página web sin elementos gráficos que muestran contenido ycomportamiento de las páginas. Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes. También se pueden utilizar para comprobar la usabilidad de un sitio web.
La principal ventaja que ofrece es que ofrece una perspectiva basada solamente en la arquitectura del contenido, obviando el diseño y evitando elementos accidentales quepuedan distraer (colores, tipografías, imágenes, textos, etc)
Concebir el hoy día del diseño web sin la utilización de un wireframe, es algo—por cierto—poco común. Especialmente que hoy día, el diseño de interacción utiliza wireframes en alguna etapa del proceso de diseño.
Wirify es un bookmarklet que lleva a cabo el proceso inverso y convierte cualquier página Web en un wireframe; mediantejQuery calcula las dimensiones de los elementos, lo cual le permite así obtener los tamaños finales.

planificar los recursos de la web.
Muchas páginas web son desarrolladas sobre la marcha sin una planificación concreta de sus objetivos y recursos. Como consecuencia, muchos sitios duran poco en Internet perdiendo la oportunidad de convertirse en buenos proyectos. Pensar antes de actuar, y estarseguros de que tenemos los recursos, capacidades y posibilidades suficientes para hacer que un proyecto tenga éxito, son partes fundamentales (y olvidadas) del diseño web.

Este proceso inicial implica elegir un tipo determinado de audiencia y unos objetivos claros.

Productos y objetivos
Debes elegir el producto que vas a ofrecer a tus visitantes, ya sea información, objetos físicos o...