1.5 Diseña una cabecera y personaliza el aspecto

Objetivos

El contenido de una web es muy importante pero su aspecto también lo es. Una web con aspecto limpio, moderno, bien organizado, trabajado, etc. da imagen de web acabada y profesional, con contenido de calidad. Por eso es importante dedicar un poco de tiempo al aspecto visual que queremos darle a nuestra web y personalizarlo acorde a su temática.

El objetivo de esta tarea es justamente ese, aprender a personalizar la apariencia de la web para incluir una imagen de cabecera, aplicar un tema, un esquema de colores, etc. De paso también aprender a manejarse con imágenes para conseguir la cabecera que más nos interese.

Desarrollo

1. Debéis cambiar la apariencia de vuestra web seleccionado un tema del Diseñador Web y si queréis también podéis cambiar el ancho, incluir una imagen de fondo, ajustar más los colores o lo que más os guste. Probad distintas opciones del Diseñador Web. En el libro C. ¿Cómo comunicar con la web del centro? tenéis información interesante sobre cómo ir definiendo la identidad visual de vuestro centro.

2. Debéis diseñar una cabecera para vuestra web que incluya una imagen, un texto, un logo y lo que consideréis necesario para que la web del centro vaya cogiendo forma. Para ello tened en cuenta lo siguiente:

2. • Elegid el tamaño de cabecera que más os interese, siempre pensando en el ancho de la web y con una altura que no sea demasiado excesiva, entre 100 y 200 px de alto, es un buen tamaño.
   • Podéis incorporar imágenes propias o ajenas, pero tened en cuenta que no debéis usar imágenes que contengan derechos de autor. El el tema 3 disponeis del libro C. Publicación, búsqueda y uso de materiales, con más información sobre el tema. La mejor opción es buscarla en repositorios de imágenes libres: Pixabay, Pexels, Foter, etc.
   • Podéis incorporar también uno o varios textos con el nombre del centro.
   • Para diseñar esta imagen, podéis usar GIMP, o el editor de imágenes que queráis y que mejor manejéis. Podéis consultar el material de apoyo que proporcionamos en este mismo bloque: Diseñar una cabecera para nuestra web de centro
   • Cuando hayáis diseñado la imagen de cabecera, debéis guardarla en el ordenador preferiblemente en formato .jpg o .png (recomendado).
   • Toda la información que necesitas para crear una cabecera similar a la que incluimos en nuestra web de ejemplo, la encontrarás en el libro D. Personalización de la apariencia en EducaMadrid (I) . En concreto en el apartado 4 encontrarás varios videotutoriales que recogen todo el proceso desde la búsqueda y preparación de las imágenes que forman parte de la cabecera, la composición con el texto y la incorporación de la cabecera diseñada a la web del centro.

3. Subid la imagen que habéis dejado ya preparada en el paso 2 como imagen de cabecera de la parte pública de vuestro espacio, a través del Diseñador Web, pestaña "Cabecera".

4. Y por último, completad el documento de bitácora que tenéis compartido en el Cloud, reflejando qué herramienta habéis usado, dónde habéis localizado las imágenes, referencia a la licencia de las imágenes, cómo habéis configurado esa imagen de cabecera y qué dificultades habéis encontrado. (Recordad siempre añadir como título a vuestra intervención en el documento del cloud, el nombre de esta tarea)

Entrega

Esta es una actividad en grupo por lo tanto, debéis realizarla en colaboración todos los miembros del equipo del centro, pero la entrega sólo la deberá realizar uno de vosotros, la persona a la que designéis como responsable de hacer la entrega.
Quien vaya a entregar la actividad, debe incluir la dirección URL de la web del centro así como la URL del documento compartido en Cloud, a través del botón "Agregar entrega" que se muestra aquí debajo, para que el tutor pueda evaluar vuestra actividad.

Evaluación

Vuestro tutor/a valorará el diseño de cabecera que hayáis hecho, verificando que es práctico y adecuado para vuestra web. También comprobará que se ha modificado correctamente el aspecto de la web incluyendo un tema personalizado, de los disponibles en la pestaña "Temas" del diseñador web y que habéis configurado correctamente la cabecera de vuestra web incluyendo esa imagen de cabecera que habéis diseñado y ajustando los tamaños de altura y anchura, para que se muestre correctamente en la web de vuestro centro.

También verificará que habéis completado el documento de bitácora con toda la información solicitada.

Aunque la actividad sólo la entrega una persona, la calificación será la misma para todos los integrantes del equipo del centro.