Html + CSS

Lo primero que toca hacer es la maquetación de la página web. Para poder realizar dicha tarea, tenemos que saber qué contenidos queremos mostrar. Para ello, nos basaremos en el diagrama del post anterior, en el que mostramos la estructura de una de las páginas. Todas las páginas seguirán el mismo esquema.
Para el diseño gráfico, hemos recorrido varias páginas mirando CSS de otras fuentes, así como de templates (existen páginas que muestran ciertos moldes css que pueden ayudar a uno a coger inspiración o una base)
Claramente, a medida que se vaya haciendo el desarrollo, los CSS pueden sufrir ciertas variaciones y correcciones.
A su vez he utilizado unas cuantas imagenes hechas con el photoshop para darle un toque estilístico a la página web más importante. De todas formas, un diseñador profesional podría haber cuidado mejor los detalles.

Los CSS están colgado en estas direcciones:

1. http://scoreandsound.com/css/style.css
2. http://scoreandsound.com/css/layout.css
3. http://scoreandsound.com/css/reset.css

Estos CSS incluyen la gestión de los plug-in javascript que utilizaremos así como la del diseño de la página en sí.

Finalmente la página web tiene un aspecto de este estilo: