Valga este enlace para ver como podría ser un resultado final:

Transcripción

1 TRABAJO FINAL DE HTML El alumnado debe realizar un sitio web de una tienda/ un evento/ una empresa/ una ong/ una asociación/ un club o cualquier otra actividad que sea de su interés. En el existirán una serie de páginas con información relevante y enlaces suficientes para poder navegar por el sitio web cómodamente y sin perdernos. Valga este enlace para ver como podría ser un resultado final: DONDE CREAR EL SITIO WEB Lo haremos en google sites Para saber las posibilidades que ofrece google sites, conviene consultar el siguiente material Google sites dispone de un buen número de plantillas. Lo más práctico es buscar aquella que contenga un menú que no cambie a lo largo de la visita a la web. Ilustración 1: Selector de plantillas. Escoja la que más le convenga. Se deja libertad total para poder realizar su sitio web (en el ejemplo se ha usado la plantilla Professional Site Template). Para la corrección de la página web por parte del profesor, indique en la moodle el enlace exacto para poder ver en su sitio web los distintos aspectos a valorar. Las indicaciones de como debe hacerse cada aspecto se indican posteriormente.

2 ASPECTO A VALORAR URL DIRECCIÓN DE SU SITIO WEB 1. Logotipo 2. Montaje gráfico para la cabecera 3. Información de la página principal 4. Menú lateral 5. Un listado de enlaces 6. Un calendario (google calendar) 7. Un formulario (google drive) 8. Galería de imágenes (google+) 9. Un mapa (GOOGLE MAPS) 10. Sindicación de contenidos 11. Mapa de imagen (distintos enlaces en misma imagen) 12. Página de descarga de ficheros Obligatoriamente su sitio web debe incluir los 12 elementos que se desarrollan a continuación: 1. Logotipo: Se realizará un logotipo de la empresa que ha de ser diseñado por nosotros (usando un editor de imágenes como gimp, draw o similares). Este logotipo interesa que aparezca en distintas páginas de nuestro sitio web y dentro de la cabecera.

3 2. Montaje gráfico para la cabecera: En la parte superior se creará un collage (hecho con un editor de imágenes como gimp, draw o similares). En él deberá aparecer necesariamente el nombre del sitio web así como el logotipo. Los cambios para modificar la cabecera se hacen en Más acciones Modificar el diseño del sitio 3. Información de la página principal: La página principal del sitio web debe contener la información más relevante de nuestro sitio web. Para cambiar el contenido de las páginas basta con darle al icono del lápiz en parte superior derecha. 4. Menú lateral: En alguno de los laterales (según como sea la plantilla seleccionada) del sitio web deberá incluir un menú con enlaces a las páginas más importantes de su sitio web que nos ayude a navegar por él. Los cambios para modificar los menús laterales se hacen en Más acciones Modificar el diseño del sitio

4 Ilustración 2: Menú lateral de enlaces a las páginas de nuestro sitio web. 5. Un listado de enlaces. En alguna de las páginas de su sitio web ha de contener un listado con enlaces. Para ello cree una nueva página de tipo Enlaces 6. Un calendario (google calendar). Ha de contener un calendario suyo propio (creado en google calendar) con los eventos más importantes de su empresa. 7. Un formulario (google drive). Ha de contener un formulario para el uso que considere necesario. Deberá crear el formulario en google drive e Insertarlo en una página con el menú Insertar

5 Ilustración 3: Ejemplo de formulario de google drive insertado en nuestro sitio web. 8. Galería de imágenes (google+) Ha de contener una galería de fotos relacionada con su sitio web. Las imágenes estarán en un álbum de google+ y debe de visualizarse como pase de diapositivas. El pase de diapositivas se crea dándole al menú insertar. 9. Un mapa (GOOGLE MAPS) Debe aparecer un mapa de la supuesta ubicación física de donde está la sede sobre la que se ha creado el sitio web.

6 Ilustración 4: Ejemplo de mapa de google maps dentro de nuestro sitio web. 10.Sindicación de contenidos Es un complemento muy interesante que muestra las novedades de alguna página web que disponga de sindicación rss. Inserte este Gadget dándole al menú Insertar ->Más gadgets y buscando un gadget que contenga la palabra rss. Una vez ahí le pedirá la dirección a la que quiere sindicarse. La forma más sencilla es ir a la página a la que sindicarse, ser el código fuente de la página (dándole al botón derecha) y buscar dentro de la página la dirección de la sindicación. Para más información consulte

7 Ilustración 5: Ejemplo de sindicación rss a la página de la Junta de Andalucía. 11.Mapa de imagen (distintos enlaces en misma imagen) Debe incluir un mapa de imagen que pueda resultar de utilidad. Esto lo debe conocer tras lo realizado en las prácticas de gimp. 12.Página de descarga de ficheros: Deberá existir una página con ficheros relacionados con su sitio web. Para ello dele a Crear página de tipo Archivador Se valorará positivamente la inclusión de cuantas páginas adicionales se estime oportuno. En la tarea de moodle explique cuantas cosas considere para que el profesor pueda entender mejor su sitio web y pueda encontrar aquellos elementos extra que haya incluido.