F. Personalización de la apariencia en EducaMadrid (I)

Hemos visto cómo modificar la apariencia de nuestras páginas con el Diseñador web.

Sin embargo, a veces es cómodo partir de un trabajo ya hecho y realizar pequeños cambios para adaptarlo a nuestras necesidades.

La pestaña "Temas" cuenta con un conjunto de apariencias que podemos utilizar como punto de partida para nuestros diseños.

Su número irá creciendo con el tiempo.

Cada tema o diseño permite:

1. Previsualizarlo.
2. Saber algo más sobre el mismo (número de imágenes que utiliza, tipo de diseño...).
3. Descargarlo: podemos descargar un zip con todo su contenido y unas breves instrucciones para modificarlo. Veremos como hacerlo cuando sepamos CSS.
4. Seleccionarlo para aplicar ese diseño a nuestras páginas web.

Si seleccionamos el primer tema, teniendo "Previsualizar" activado, e inmediatamente después vamos a la pestaña "General" (o a cualquier otra pestaña), podemos empezar a hacer cambios.

Ejemplo (con "Previsualizar" activado):

1. Selecciona el primer tema.
2. Ve a la pestaña "General".
3. Selecciona "izquierda" en "Posición página".

Puedes hacer tantos cambios como quieras. Al terminar, pulsa en "Guardar y salir".

El Diseñador Web nos permite cambiar muchas cosas, aunque simplemente cambiando unos pocos valores y, si queremos, la imagen de la cabecera, tendremos nuestro propio diseño.

Trabajar con imágenes en el Diseñador Web

• El Diseñador Web nos permite incorporar imágenes decorativas en varias partes de la página (cabecera, fondo, pie de página, etc.).
• Es importante que esas imágenes tengan las dimensiones adecuadas y estén bien tratadas (que tengan un formato y peso adecuados, etc.).
• Aprenderemos hacerlo en el apartado B de este mismo bloque: "Tratamiento y optimización de imágenes para Internet".