Introducción... 1 Diseño del Sitio Web de Sobremesa... 1 Estructura... 2 Cabecera... 2 Barra de Navegación... 2 Contenido... 3 Barra Lateral...

Transcripción

1 Obra Realizada por el Módulo de Confección y Publicación de Páginas Web

2 Introducción... 1 Diseño del Sitio Web de Sobremesa... 1 Estructura... 2 Cabecera... 2 Barra de Navegación... 2 Contenido... 3 Barra Lateral... 4 Pie de Página... 4 Mapa Web... 5 Contenido del Sitio... 6 Multimedia... 6 Controles de Video... 7 Tipos de Vídeos... 7 Diseño del sitio Web Móvil... 8 Cabecera... 9 Barra de Navegación... 9 Contenido Pie de Página Mapa Web Contenido del Sitio Multimedia... 13

3 Este manual pretende facilitar a los usuarios la comprensión de la estructura y funciones del Sitio Web dedicado a la Escuela Taller Río de Oro En este podemos informarnos de que trata la Escuela, los distintos módulos que se imparten, las certificaciones que se pueden obtener... Hay un apartado de multimedia en el cual podemos visualizar algunos de los vídeos de presentación, las obras realizadas por los módulos Esta es la página de inicio del sitio web que como vemos se divide en varias partes. Entre ellas la cabecera del sitio, la barra de navegación, el contenido de la misma (parte central de la página), en la derecha está la sección de últimas noticias, enlaces de interés, calendario mensual y nuestra localización. Y por último abajo tenemos el pie de la página. 1

4 CABECERA Vemos que la cabecera del sitio consta de dos logos de las entidades participantes en nuestro proyecto que enlazan a sus sitios web, el título de la Escuela-Taller además de la barra de navegación, esta cabecera tiene un fondo con un carrusel de imágenes con actividades de la escuela realizadas por alumnos-trabajadores de la misma. La barra de navegación está compuesta por siete apartados que tratan de cada módulo que forma la Escuela Taller además del apartado de multimedia en el cual tenemos los vídeos de presentación de la misma o las obras realizadas por los distintos módulos. El primer apartado Proyecto nos lleva a la página principal del sitio, comentada en el punto anterior. Al pasar el ratón por encima de cualquiera de los apartados del menú, cambia de color y hace un efecto de aproximación para que el usuario que navegue por la página pueda saber con mayor facilidad cual va a seleccionar. 2

5 Después de la barra de navegación la página se nos divide en dos partes, la parte izquierda es la del contenido, que es la que vamos a describir. En Información General tenemos la duración, la fecha de inicio y de finalización, el alumnado y los módulos que hay en el proyecto. Cada apartado consta de cuatro partes: Nombre del módulo, dos enlaces que llevan a la página oficial del BOE a cada anexo de dicho certificado, información del trabajo que realiza cada módulo, y una imagen relacionada con su área de trabajo. Por último detallamos el Personal Experto que compone la Escuela Taller Río de Oro. 3

6 En la parte derecha nos encontramos con la barra lateral, fija en todas las páginas, que está compuesta por: El tiempo que está haciendo en Gijón y la predicción del día siguiente. Noticias, detallamos las noticias más relevantes de nuestra escuela, van apareciendo en rollover de abajo a arriba, estas van saliendo en orden de novedad, las primeras serán las más actuales y las últimas las más antiguas en el tiempo. Enlaces de interés, aquí están todos los enlaces que están vinculados en alguna relación con las escuelas taller. Calendario, le ofrecemos al usuario la posibilidad de ver el calendario mensual, con el día actual indicado. Mapa, ofrecemos al usuario la posibilidad de visualizar nuestra localización en el mapa y poder navegar por él. El pie de página es la parte inferior de esta, donde tenemos los logos de las distintas organizaciones que subvencionan el proyecto; la Unión Europea, Servicio Público de Empleo, Gobierno de España y Ayuntamiento de Gijón, todos estos situados el parte superior del pie. En la parte inferior encontramos información de la escuela y del sitio: Logo de Gijón impulsa empleo que enlaza a su sitio web. La dirección de la Escuela Taller, su y teléfono. Enlace a este Manual de Usuario. El mapa web del sitio, los lenguajes con los que este está hecho. 4

7 Nivel de conformidad AA, enlaza al sitio donde se describe detalladamente el significado de este nivel de conformidad. Logo de móvil, que enlaza a nuestro sitio web móvil, el cual será detallado más adelante. El copyright. Es la representación textual de un sitio web, con un listado de enlaces, que son todos los vínculos que tiene dicho sitio. La mayoría de los motores de búsqueda sólo siguen un número finito de enlaces desde una página, por lo que si el sitio es muy grande la existencia del mapa del sitio puede ser necesaria para que tanto los motores de búsqueda como los usuarios accedan a todo el contenido del sitio. 5

8 En el menú como ya hemos mencionado nos dirige a las diferentes páginas que componen nuestro sitio web, las páginas de los módulos están compuestas por un título, breve descripción del módulo, un enlace que lleva al certificado de profesionalidad correspondiente a la imagen la cual es la ficha de este. Título, que será el nombre del módulo correspondiente. Breve descripción del trabajo a realizar por el módulo Nombre y código de identificación del certificado de profesionalidad Imagen de la ficha de certificado de profesionalidad correspondiente, la cual nos enlaza a la página oficial donde se encuentran. Enlace que nos lleva al anexo de identificación del certificado de profesionalidad. Al hacer clic en el menú en Multimedia, veremos esto: Visor desde el cual se visualizan los vídeos. Controles de vídeo Listado de los vídeos Barra de desplazamiento 6

9 Bajar volumen: al hacer clic baja el volumen un 10%. Play Pause Stop Quitar volumen Atrás Adelante Subir volumen: al hacer clic sube el volumen un 10%. Al pasar el ratón por encima de los vídeos de la lista hay una carátula que contiene una breve información de dicho vídeo y cambia de color dependiendo a que módulo pertenezca. Ejemplos: Módulo de Confección y Publicación de Páginas Web, sus vídeos tiene la carátula de color rojo. Módulo de Atención Sociosanitaria, sus vídeos tienen la carátula de color morado. El módulo de Actividades Deportivas, sus vídeos tienen la carátula de color azul oscuro. El módulo de Sistemas Microinformáticos, sus vídeos tienen la carátula de color azul agua. El módulo de Cámara de Cine, Vídeo y Televisión, sus vídeos tienen la carátula de color verde. Y por último los trabajos realizados por el módulo de Cámara, Vídeo y Televisión, sus vídeos tienen la carátula de color gris. 7

10 Esta es la página de inicio del sitio web móvil que como vemos se divide en tres partes. Entre ellas la cabecera del sitio con la barra de navegación (verticalmente), el contenido del sitio (parte central de la página), por último en la parte inferior tenemos el pie de la página. 8

11 La cabecera del sitio consta del logo de Gijón Impulsa, el título de la Escuela-Taller y la barra de navegación. Al ser una versión móvil la barra de navegación está posicionada verticalmente. La barra de navegación está compuesta por ocho apartados que tratan de cada módulo que forma la Escuela Taller además del apartado de multimedia en el cual tenemos algunos de los vídeos de presentación de las Escuela Taller o las obras realizadas por los distintos módulos de la misma y el apartado de noticias, donde estarán todas las noticias relacionadas con nuestra escuela, el primer apartado Proyecto nos lleva a la página principal del sitio, comentada en el punto anterior. 9

12 Después de la barra de navegación tenemos el contenido de la página principal, al igual que en el sitio de sobremesa tenemos el mismo contenido, lo único que al ser la versión móvil se redujo y no indicamos el Personal Experto de la Escuela: El pie de página al igual que el sitio web de sobremesa tenemos el mismo contenido, lo único que varía es el icono de móvil que en este caso es un ordenador, el cual nos sirve para volver al sitio web de sobremesa. 10

13 Al igual que el sitio web de sobremesa tenemos el Mapa Web que tiene la misma funcionalidad: 11

14 El menú como ya hemos mencionado nos dirige a las diferentes páginas que componen nuestro sitio web, estas están compuestas por un título, breve descripción del módulo, un enlace que lleva al certificado de profesionalidad correspondiente a la imagen la cual es la ficha de este. Tienen el mismo contenido que en el sitio web de sobremesa. 12

15 Al hacer clic en Noticias veremos que nos lleva a una página donde tenemos todas las noticias de la escuela ordenadas cronológicamente, en las primeras posiciones siempre estarán las nuevas noticias. Al hacer clic en el menú en Multimedia, veremos esto: Tiene la misma distribución que en el sitio web de sobremesa. 13

16 14