Es una especie de tutorial dividido en cuatro partes, es perfecto si eres nuevo en la codificación de páginas web. Nos enseña paso a paso el diseño y codificación de un sitio web sencillo, utilizando el editor gráfico Gimp, HTML y CSS (sin usar tablas o programas como Dreamweaver o Frontpage, en su lugar vamos a usar el Bloc de Notas).

El artículo es Introduction: Design and code a website in The Gimp, HTML and CSS, que encontramos en HelpDeveloper. El resultado final se verá así:

El tutorial nos enseña a crear el estilo CSS, dar forma a la estructura con “divs”, así como crear los menús “rollovers”, etc. El tutorial se divide en cuatro partes, según se detalla a continuación:

Parte 1, te enseña cómo diseñar el sitio con Gimp.

Parte 2, te enseña la estructura del diseño dejándolo listo para la codificación.

Parte 3, te enseña cómo construir el código y añadir el contenido.

Parte 4, te enseña cómo dar forma al estilo de los vínculos, los botones del menú, etc.