A partir de hoy voy a comenzar a dar una serie de consejos para aquellos que empiezan o quieren empezar a hacer páginas web. La creación web es una tarea multidisciplinar, lo que significa que debes saber de todo: diseño, maquetación, programación, servidores,…

Cuando vamos a comenzar una página web debemos tener claro la cantidad de contenido que vamos a tener y la forma en que queremos presentarlo, es bueno en este primer paso, coger lápiz y papel para hacer una estructura de nuestro sitio, definir las secciones que vamos a tener y los elementos básicos: cabecera, contenido, menu, pie. Después de este primer análisis ya podemos coger Photoshop para empezar a diseñar.

La primera cuestión que debemos decidir es el tipo de página que vamos a hacer. Puede ser una página de ancho fijo (fixed) o de ancho variable (fluid).

Elegiremos ancho fijo, si queremos dar una importancia especial a nuestro diseño, es decir que no vamos a permitir que el diseño se distorsione, para distintas resoluciones de pantalla. Esto suele ser muy habitual.

Elegiremos ancho variable, si no importa que el diseño se distorsione, pero queremos que nuestros usuarios aprovechen al máximo el tamaño de su pantalla. Es el caso de sitios con mucho contenido, donde el diseño no importa demasiado, por ejemplo Wikipedia.

Una vez dedidido esto podemos empezar a diseñar. En el caso de que hayamos decidido hacer un diseño de ancho fijo (fixed) debemos tener en cuenta la resolución que utilizan los usuarios más habitualmente, para que nuestro diseño no se desborde y no aparezcan las antiestéticas “barras de desplazamiento horizontal”.

A día de hoy según las estadísticas, sólo un 5% de los internautas utilizan una resolución de 800px de ancho, un 42% utilizan una resolución 1024px y el resto utiliza resoluciones superiores a 1280px. Esto significa que podemos despreciar ese 5% y diseñar para resoluciones de 1024 o superiores.

Por tanto para un diseño de ancho fijo, vamos a dibujar un rectángulo principal (donde vamos a incluir el contenido de la web) menor a 1024px de ancho, pero como los navegadores tienen normalmente un borde y una barra de desplazamiento vertical, tendremos que reducir aún mas ese ancho máximo. Además es bueno que la web “respire” y que se vea un poco el fondo, por lo tanto el ancho máximo no debería ser superior a 980px.

Ahora dentro de ese rectángulo podemos empezar a situar todos los elementos necesarios, que previamente hemos pensado en la fase de estructuración de la web.

Salu2