GUIA DIDACTICA DISEÑO DE PAGINAS WEB 100H V.1.

GUÍA DIDÁCTICA DEL ALUMNO

DISEÑO DE PÁGINAS WEB

2

Índice

1 Presentación ............................................................................................................................................................. 4

2 Objetivos ................................................................................................................................................................... 5

2.1 Objetivo General ............................................................................................................................................. 5

2.2 Objetivos Específicos ...................................................................................................................................... 5

3 Contenidos ................................................................................................................................................................ 6

4 Cronograma ............................................................................................................................................................ 10

5 Material didáctico .................................................................................................................................................... 10

6 Metodología general ............................................................................................................................................... 11

6.1 Metodología Teórica...................................................................................................................................... 11

6.2 Metodología Práctica ..................................................................................................................................... 11

7 Sistema de seguimiento y apoyo ............................................................................................................................ 12

7.1 Tutorización ................................................................................................................................................... 12

7.2 Seguimientos ................................................................................................................................................. 12

7.3 Contacto con el tutor y servicio técnico ......................................................................................................... 13

7.4 Otros medios de apoyo ................................................................................................................................. 13

8 Evaluación ............................................................................................................................................................... 14

8.1 Autoevaluación .............................................................................................................................................. 14

8.2 Sistema de Evaluación .................................................................................................................................. 14

8.3 Cómo se evalúa al alumno ............................................................................................................................ 14

9 Orientaciones para el estudio ................................................................................................................................. 15

10 Derechos y deberes del alumno ............................................................................................................................. 15

10.1 Derechos: ...................................................................................................................................................... 15

10.2 Deberes ......................................................................................................................................................... 15

11 Certificación ............................................................................................................................................................ 16

12 Instrucciones de la plataforma de teleformación ..................................................................................................... 16

12.1 Introducción ................................................................................................................................................... 16

12.2 Página principal del curso ............................................................................................................................. 17

12.3 Índice de lecciones ........................................................................................................................................ 20

12.4 La barra de navegación................................................................................................................................. 21

12.4.1 Utilidades ............................................................................................................................................. 22

12.5 Recursos relacionados .................................................................................................................................. 22

12.5.1 Enlaces ................................................................................................................................................ 23

12.5.2 Documentación del curso .................................................................................................................... 23

3

12.5.3 Preguntas y respuestas (FAQs) .......................................................................................................... 24

12.5.4 Glosario del curso ............................................................................................................................... 25

12.5.5 Bibliografía .......................................................................................................................................... 26

12.5.6 Herramientas de comunicación ........................................................................................................... 26

12.6 Exámenes del curso ...................................................................................................................................... 32

12.6.1 Exámenes realizados .......................................................................................................................... 32

12.6.2 Exámenes pendientes ......................................................................................................................... 33

4

1 Presentación

Bienvenido a la Acción Formativa Diseño de páginas web. Este curso se desarrollará en modalidad e-learning (teleformación), a lo largo de un total de 100 horas, pudiendo disponer para su realización de las 24 horas del día, todos los días de la semana.

Como alumno, conseguirás iniciar o afianzar tu formación a través de los contenidos de esta Acción Formativa.

Al inicio de la misma, como alumno recibirás, junto con la documentación, la dirección de la plataforma de teleformación, así como el usuario y contraseña que corresponda para acceder a la Acción Formativa a través de la plataforma de teleformación.

Debes estar informado que el centro gestor encargado de impartir esta formación es Grupo Femxa, con el que debes contactar en caso de dudas relativas a este curso.

El tutor o tutores asignados para la impartición de este curso se presentará el día de inicio en la plataforma, a través del mensaje de bienvenida, que se publicará en el primer módulo correspondiente a este curso. Como alumno podrás contactar con la ayuda de tu tutor o tutores para la resolución de cualquier duda del contenido del curso.

Confiamos en que los conocimientos que adquirirás a lo largo del desarrollo de esta Acción Formativa contribuirán a un mejor desempeño de tu trabajo y supondrán un salto cualitativo en tu promoción personal y profesional.

5

2 Objetivos

2.1 Objetivo General

-Adquirir las competencias y habilidades necesarias para poder comenzar a diseñar una página web, definiendo sitios, insertando elementos multimedia, formularios y publicando la web en internet.

2.2 Objetivos Específicos

-Conocer el programa de diseño de páginas web y gestión de sitios Macromedia Dreamweaver, principales elementos del entorno de trabajo de Dreamweaver, la forma de trabajar con sus paneles y herramientas y la forma de configurar el programa para poder ver el resultado en distintos navegadores y la utilización del sistema de ayuda.

-Adquirir competencias para crear y configurar un sitio web en el programa Macromedia Dreamweaver

-Aprender a crear y configurar nuevas páginas web en el programa Macromedia Dreamweaver, además de la forma de elegir colores en este programa

-Adquirir habilidades para introducir texto en las páginas web a través del programa Macromedia Dreamweaver.

-Adquirir el conocimiento y las habilidades necesarias para poder insertar hipervínculos en las páginas web a través del programa Macromedia Dreamweaver

-Adquirir habilidades para incorporar imágenes en las páginas web a través del programa Macromedia Dreamweaver

-Adquirir competencias y habiliades para poder distribuir o colocar los elementos en las páginas web con el programa Macromedia Dreamweaver

-Conocer las aplicaciones de marco (también llamado frame) y adquirir habilidade para trabajar con los marcos en el programa Macromedia Dreamweaver, así como la asignación de contenido y la creación de hipervínculos que trabajen con los marcos

-Adquirir las habilidades necesarias para trabajar con los formularios en Macromedia Dreamweaver

-Adquirir competencias y habilidades para insertar en las páginas web a través del programa Macromedia Dreamweaver: animaciones de Flash, vídeos de Flash, botones y textos Flash y conocer las posibilidades de trabajo conjunto entre Dreamweaver y Fireworks y la creación de un álbum de fotos web o la inserción de HTML procedente de Fireworks en una página web diseñada con Dreamweaver

-Conocer los elementos dinámicos que se pueden incluir en las páginas diseñadas con Macromedia Dreamweaver: applets de Java, sonido, marquesinas y capas animadas (creadas a través de HTML dinámico) y las distintas posibilidades en cuanto al trabajo en el código de las páginas con esta aplicación

6

-Conocer los pasos a seguir para preparar el sitio web creado en el programa Macromedia Dreamweaver y adquirir las habilidades necesarias para publicarlo en el servidor web, es decir, ponerlo a disposición de los usuarios, de forma que éstos puedan ver las páginas web en sus navegadores

Tanto el objetivo general como los específicos enumerados son observables, cuantificables y medibles a través de los mecanismos de seguimiento, evaluación y control propuestos para esta acción formativa.

3 Contenidos

A continuación se detallan los contenidos que serán tratados en el transcurso de la Acción Formativa, que están divididos en las siguientes unidades didácticas:

UNIDAD DIDÁCTICA 1 Introducción a Dreamweaver

Contenidos Teóricos (7 horas)

-Introducción al programa de diseño de páginas web y gestión de sitios Macromedia Dreamweaver

-Entorno de trabajo de Dreamweaver:

-paneles y herramientas

-Configuración del programa para poder ver el resultado en distintos navegadores y la utilización del sistema de ayuda

UNIDAD DIDÁCTICA 2 Crear sitios web


-Pasos para crear y configurar un sitio web en el programa Macromedia Dreamweaver

-Diferencias entre el sitio local y sitio remoto

UNIDAD DIDÁCTICA 3 Diseño de páginas web


-La creación y la configuración de nuevas páginas web en el programa Macromedia Dreamweaver:

-elección de colores

7

-Funciones útiles en el trabajo diario con el programa:

-el trabajo con las distintas ventanas

-el modo de deshacer los cambios realizados en una página

-la utilización de reglas, guías y cuadrícula como ayuda para la organización de los objetos

UNIDAD DIDÁCTICA 4 Introducir texto


-Introducir texto en las páginas web a través del programa Macromedia Dreamweaver

-El formato del texto (fuente, tamaño, color, alineación, sangría,...)

-Los estilos CSS

-La posibilidad de crear listas (numeradas, no numeradas o de definición)

-La utilización de otros objetos en las páginas:

-reglas horizontales

-comentarios

-la fecha de la última modificación de la página

UNIDAD DIDÁCTICA 5 Trabajo con vínculos


-Insertar hipervínculos en las páginas web a través del programa Macromedia Dreamweaver:

-vínculos a un lugar determinado de una página (a través de un anclaje con nombre)

-vínculos a otras páginas (del mismo sitio o a cualquier página de Internet)

-vínculos en un menú de salto

-Diferencias entre rutas absolutas y relativas

-El uso de comportamientos en las páginas, para ejecutar comandos en respuesta a determinados sucesos o eventos

UNIDAD DIDÁCTICA 6 Insertar imágenes

8


-La incorporación de imágenes en las páginas web a través del programa Macromedia Dreamweaver

-Los formatos gráficos que se pueden utilizar en una página web y sus diferencias

UNIDAD DIDÁCTICA 7 Capas y tablas


-La distribución y colocación de los elementos en las páginas web con el programa Macromedia Dreamweaver:

-la utilización de capas

-tablas

-la utilización del modo de diseño

-asignación del formato

-la inclusión del contenido

UNIDAD DIDÁCTICA 8 División en marcos


-El marco (también llamado frame)

-El trabajo con los marcos

-La asignación de contenido

-La creación de hipervínculos

-Las plantillas

UNIDAD DIDÁCTICA 9 Formularios


-Los formularios en Macromedia Dreamweaver

-Los campos que se pueden crear

9

UNIDAD DIDÁCTICA 10 Elementos multimedia


-Elementos multimedia dinámicos que podemos insertar en las páginas web a través del programa Macromedia Dreamweaver:

-animaciones de Flash

-vídeos de Flash

-botones

-textos Flash

-Trabajo conjunto entre Dreamweaver y Fireworks

UNIDAD DIDÁCTICA 11 Otros efectos


-Elementos dinámicos que se pueden incluir en las páginas diseñadas con Macromedia Dreamweaver:

-applets de Java

-sonido

-marquesinas

-capas animadas (creadas a través de HTML dinámico)

-Las posibilidades en cuanto al trabajo en el código de las páginas con esta aplicación

UNIDAD DIDÁCTICA 12 Publicar el sitio web


-Los pasos a seguir para preparar el sitio web creado en el programa Macromedia Dreamweaver

-La publicación en el servidor web

UNIDAD DIDÁCTICA 13 Diseño y publicación de un sitio web

Contenidos Prácticos (8 horas)

-Diseñar y publicar un sitio web

10

El calendario de esta acción formativa se distribuirá en función del tiempo que ocupe el desarrollo de los Contenidos Teóricos y Prácticos, el cual ha sido establecido en cada Unidad Didáctica.

4 Cronograma

El cronograma de la Acción Formativa se basa en una previsión de avance que han de realizar los alumnos en función tanto de los módulos, como de la duración programada para la misma.

En el mensaje de bienvenida publicado por su tutor podrá encontrar adjunto un cronograma orientativo del curso, que le servirá como guía del avance previsto.

5 Material didáctico

El material didáctico de la Acción Formativa consiste en un pack formado por:

Documentación de bienvenida, que contiene información general sobre el Plan de Formación, el origen de la financiación de las Acciones Formativas, la disponibilidad de servicios, las credenciales de acceso a la plataforma de teleformación a través de la que se desarrollará la acción formativa y el teléfono de contacto.

Carpeta Libreta Bolígrafo

11

6 Metodología general

Nuestro modelo pedagógico persigue, en todo momento, la accesibilidad del alumno al entorno y su interactividad con el mismo, con la finalidad de que pueda construir aprendizajes estructurados.

6.1 Metodología Teórica

En la actualidad se ha avanzado hacia un nuevo concepto de enseñanza-aprendizaje y este cambio de paradigma encuentra en la Teleformación la solución adecuada para el soporte de nuevos procesos.

Se ha producido un cambio metodológico en las formas de enseñar y aprender y la Teleformación actúa como modalidad adecuada para que todos los usuarios de la formación, tanto los formadores como formandos, a pesar de estar físicamente separados, compartan un mismo espacio virtual de aprendizaje, favoreciendo procesos comunicativos síncronos y aprendizajes compartidos, posibilitando de este modo una construcción significativa y colaborativa de conocimiento.

La formación tiende a ser más individualizada, ajustada a las necesidades y características de los usuarios. El alumno puede acceder a la formación en el momento que considere oportuno –posibilidad de ruptura espacio/temporal-, y podrá ajustar los procesos formativos a su propio ritmo de aprendizaje, responsabilizándose, tomando un papel más activo en su formación.

La innovación que nos ofrece la Teleformación es precisamente la posibilidad de interacción, de comunicación sincrónica (a través de foros y chat, video-conferencia, audio-conferencia, pizarra electrónica compartida…) y asincrónica (utilizando los foros de discusión, e-mail, listas de distribución...), dando a los usuarios tanto la posibilidad de acceso a la formación, como de reflexión colaborativa y constructiva sobre los contenidos que allí se presentan en un mismo ciberespacio.

6.2 Metodología Práctica

Insertados en un modelo de educación soportado en TIC, utilizaremos una metodología para el desarrollo de esta Acción Formativa que favorezca la construcción de conocimiento significativo y compartido en un entorno virtual construido para potenciar el aprendizaje atendiendo a la diversidad de usuarios que forman parte del mismo.

El esquema general de la práctica que se seguirá a lo largo del desarrollo de toda la Acción Formativa es la siguiente:

El alumno/a se acercará al contenido de la Acción Formativa, interaccionará, indagará, interiorizará y lo completará con ayuda de iguales, tutores, docentes… De esta forma irá

12

adquiriendo conocimientos, realizando aplicaciones prácticas del mismo a través de las diferentes actividades que se encontrará a lo largo de la Acción Formativa y comprobando la consecución, o no, de objetivos planteados al inicio de la secuencia didáctica. Para ello, además de la realización de actividades, autoevaluaciones y exámenes, se facilitará un feed-back tanto por parte del tutor como con los compañeros del curso, lo que permitirá ir adaptando y modificando el proceso de enseñanza-aprendizaje con el objeto de alcanzar, al final del mismo, todos los objetivos planteados al inicio.

Además, y unido a lo expuesto hasta este momento, tanto la interacción con el tutor, como con los iguales también favorecerá que el alumno reflexione amplíe y comparta información que será fundamental para la construcción del conocimiento significativo

7 Sistema de seguimiento y apoyo

7.1 Tutorización

El tutor o tutores asignados a la Acción Formativa se presentarán a través de la plataforma de teleformación a los alumnos el día de inicio.

Los tutores asignados a cada Acción Formativa serán expertos en la especialidad o módulos que han de impartir y realizarán una breve introducción de su currículum en la presentación indicada.

7.2 Seguimientos

Cuando el alumno inicia su formación, el tutor realiza periódicamente un seguimiento de los alumnos, estableciéndose como mínimo los siguientes contactos:

• Presentación del tutor. El tutor realizará una presentación a través de la plataforma de teleformación en la que se indicarán al alumno los conceptos básicos y requisitos de la Acción Formativa, las fechas de inicio y fin de curso, se realizará una presentación del tutor o tutores asignados, así como la forma de contacto mediante la disponibilidad de una línea de atención al alumno a través de la que se resolverán dudas técnicas y de contenido. En este mismo mensaje se indicará al alumno el sistema de evaluación del curso y las condiciones para superar el mismo.

• Contacto primera semana de desarrollo de la Acción Formativa. Si transcurrida una semana después del inicio de la misma el alumno no realiza una conexión a la plataforma tecnológica y, por tanto, inicia la Acción Formativa, el tutor efectuará una llamada de seguimiento y motivación al alumno.

• Contacto de mitad de desarrollo de la Acción Formativa: Aproximadamente a mitad de curso el tutor contactará con los alumnos que así lo requieran, basándose en un seguimiento de su evolución, a través de la información de seguimiento del curso realizado a través de la plataforma y de los contactos mantenidos con el alumno. Esta llamada tiene como fin principal detectar problemas técnicos y realizar labor de dinamización sobre el alumno, así mismo el tutor le recordará todos los medios de los que dispone para la realización del mismo.

• Contacto de fin de desarrollo de Acción Formativa: Con anterioridad a la finalización, entre 7 y 2 días antes de la fecha fin, se realiza un contacto con el

13

alumno para recordar al alumno las condiciones de finalización de la Acción Formativa.

7.3 Contacto con el tutor y servicio técnico

Durante el desarrollo de la Acción Formativa, el alumno dispondrá en todo momento de asistencia tutorial y técnica. Para ello, podrá contactar con el tutor y con el personal técnico a través de las siguientes vías:

El alumno contará con el servicio de tutorización o con el servicio técnico a través de una línea de teléfono gratuita de atención al alumno: 900.100.957, en horario de 8:00 horas a las 22:00 horas de lunes a viernes.

Vía fax a través del 986.494.120. Si utiliza esta segunda vía, deberá colocar en

el “asunto” del mensaje su nombre y la Acción Formativa sobre el que realiza la consulta.

Por correo electrónico: el alumno tendrá disponible un sistema de mensajería

directa con el tutor a través de la Web. El tutor contestará a las consultas en un plazo máximo de 24 horas en días laborales.

Se dispondrá de un servicio técnico para la resolución de problemas de acceso a

la plataforma y a los contenidos de teleformación al que los alumnos podrán acceder a través de la misma línea de atención al alumno.

Chat: el alumno tendrá a su disposición un servicio de chat para contactar con el

teletutor asignado a la Acción Formativa.

7.4 Otros medios de apoyo

Foros de debate: A través de la Web, el alumno podrá debatir y exponer intereses comunes que pueda tener con el resto de los participantes, relativos a la temática de la Acción Formativa y/o complementarios a la misma.

FAQs: En este apartado se recopilarán las preguntas y respuestas más frecuentes que han sido dirigidas y contestadas por el tutor. De esta forma, se ofrece a los participantes una base de conocimiento adicional muy útil para completar la formación recibida. Todo este proceso estará expuesto en la web, de forma amena y de fácil navegación para el alumno.

Además, otros accesos interesantes incluidos en la página son los relacionados con documentos y material adicional de consulta, bibliografía (clasificada y comentada), glosario de términos, temas de Ayuda y Enlaces.

14

8 Evaluación

8.1 Autoevaluación

Consiste en la realización de los ejercicios que aparecen en la plataforma, dentro del propio contenido de la Acción Formativa.

Aunque estos ejercicios no son de carácter obligatorio, sí pueden ser interesantes para el alumno, ya que, le permitirán realizar un seguimiento de sus progresos y ver su mejoría durante el transcurso de la acción formativa, antes de realizar el examen final. En esta autoevaluación, el alumno podrá apoyarse en el manual de contenidos de la Acción Formativa, que encontrará en formato pdf en la propia plataforma.

8.2 Sistema de Evaluación

Durante el desarrollo de la acción formativa el tutor podrá ir realizando pruebas de evaluación, siempre que así se la haga saber a los alumnos al inicio del curso.

El sistema para evaluar los conocimientos y cualidades profesionales adquiridas por los alumnos, para esta acción formativa, se indicará en cada caso por el tutor al inicio del curso en el mensaje de bienvenida. Esta evaluación se adaptará a los requisitos de convocatoria.

El tutor debe constatar la evolución en el proceso de aprendizaje de cada alumno participante, por ello, es obligatorio que los exámenes que figuran en la plataforma. Los exámenes o pruebas serán corregidos automáticamente, de modo que el alumno recibirá los resultados de forma inmediata e incluso podrá revisar su expediente para ver su evolución.

8.3 Cómo se evalúa al alumno

Para realizar la evaluación final positiva de los alumnos se tendrá en cuenta que cumpla los requisitos definidos en el mensaje de bienvenida del tutor, realizando o superando, según corresponda en cada caso, un porcentaje mínimo de los exámenes del curso.

15

9 Orientaciones para el estudio

Al inicio de cada Acción Formativa, el tutor correspondiente, dará unas indicaciones de los requisitos de la misma, a través de la mensajería. Además, cada Acción Formativa dispone de un cronograma, que se proporciona adjunto a dicho mensaje, mediante el que se proporciona al alumno una previsión de la evolución que ha de tener, en función de las fechas y de las unidades del mismo.

El alumno debe ser consciente de que en el e-learning es un proceso autónomo e independiente de aprendizaje para alcanzar los objetivos del curso. El alumno se deberá conectar de forma constante y regular a la plataforma para aprovechar los recursos de los que dispone y poder alcanzar de forma satisfactoria los objetivos.

10 Derechos y deberes del alumno

10.1 Derechos:

o Recibir una formación gratuita.

o Conocimiento del cronograma de la Acción Formativa.

o Utilizar materiales o equipos didácticos adecuados a los objetivos.

o Ser informados de los sistemas de evaluación, seguimiento y resultados del aprendizaje.

o Recibir un certificado de asistencia y/o un diploma según proceda.

10.2 Deberes

o Los alumnos tendrán la obligación de facilitar en el plazo estipulado la documentación que le sea solicitada por la entidad impartidora.

o El alumno de la modalidad de teleformación tendrá que cumplir con los requisitos de evaluación y conexiones que se indiquen por parte del tutor en el mensaje de bienvenida del curso.

o Los alumnos han de disponer de los medios técnicos necesarios para la realización de la Acción Formativa (PC, acceso a internet,…)

o Deberán cumplimentar un cuestionario de satisfacción acerca del desarrollo de la Acción Formativa.

16

11 Certificación

A la finalización del curso, el alumno que haya realizado el curso, superando el mismo según los criterios de evaluación establecidos al inicio (participante que supere la formación con evaluación positiva), recibirá un diploma donde se indicarán la denominación y las horas del mismo.

12 Instrucciones de la plataforma de teleformación

Estas instrucciones que a continuación te presentamos te permitirán conocer las funcionalidades de la plataforma para que, como alumno, puedas manejarte con facilidad en el entorno de aprendizaje que te presentamos, utilizando todos los recursos disponibles para obtener una experiencia formativa óptima.

12.1 Introducción

Este manual te permitirá conocer sus funcionalidades para que, como alumno, puedas manejarte con facilidad en el entorno de aprendizaje que te presentamos, utilizando todos los recursos disponibles para obtener una experiencia formativa óptima. Antes de nada, recalcar que el aspecto y distribución de algunos de los elementos mencionados en este manual puede variar según la estética adoptada por los administradores de la plataforma. De todos modos el manejo es muy sencillo, como veremos a continuación, por lo que esto no supone dificultad alguna. Para comenzar a trabajar en la plataforma el primer paso es acceder a ella. Se ha de acceder a través de un navegador de internet. Para ello debes introducir en el navegador la url que se te ha facilitado, en la documentación del curso, y tu nombre de usuario y contraseña en las casillas correspondientes de la página principal, haciendo clic a continuación en Entrar (la contraseña debes introducirla tal cual te la ha proporcionado el administrador del sistema, lo que incluye también la diferenciación entre mayúsculas y minúsculas). En dicha página tienes, además, información acerca de:

• El número de teléfono de atención personalizada • El enlace al Cuestionario de Evaluación de la Calidad • Un enlace al Video tutorial sobre nuestra plataforma, que te servirá de ayuda en

cualquier paso que quieras dar por ella. • Enlaces a herramientas gratuitas que puedas necesitar instalar para visualizar

correctamente los contenidos del curso (Java, Adobe Flash Player, Adobe Reader, etc.)

17

Figura 1. Autenticación de la plataforma.

Si la autenticación es correcta la plataforma te mostrará a continuación la página principal del campus en la que aparecen los cursos disponibles, teniendo acceso a aquellos en los que has sido dado de alta como alumno, fácilmente identificables por estar subrayados (son enlaces de acceso).

Figura 2. Página principal del campus.

12.2 Página principal del curso

18

Para acceder a la página principal de cualquier curso, basta con pulsar sobre el título en la lista anterior. De esta forma entraremos en la página principal del curso seleccionado, en la que podrá aparecer información de todo tipo sobre dicho curso, avisos importantes, consejos, etc.

Figura 3. Página principal de un curso.

Además, en la página principal de un curso, de manera automática se muestran otras informaciones de interés:

19

Figura 4. Detalle de la página principal

• Bandeja de entrada:

o Refleja el número total de mensajes que tenemos en la bandeja de entrada del sistema de mensajería interna, y entre paréntesis el número de mensajes no leídos. Mediante la mensajería nos podemos comunicar con los docentes y tutores. Si pulsamos sobre el enlace accederemos directamente a la bandeja de entrada de la mensajería.

• Número de mensajes nuevos en el tablón de anuncios: o Si pulsamos sobre el enlace accederemos directamente al tablón de anuncios

para poder consultar las notas que los profesores, la secretaría o el propio sistema de e-learning dejan allí para informar a todos los alumnos de asuntos importantes.

• Mensajes en los foros: o Muestra el número total de mensajes en los foros del curso y, entre

paréntesis, los no leídos. Haciendo clic sobre el enlace accederemos directamente a la zona de foros del curso.

• Estado del chat: o Muestra el estado de la sala de chat del curso. Puede indicar que está abierta

en este momento, el momento en que se abrirá una nueva sesión o, si no hay ningún horario definido, que el chat está permanentemente cerrado.

• Mi expediente: o Mediante este enlace podremos acceder a nuestro expediente de usuario de

la plataforma en el que podremos consultar todas las interacciones realizadas, exámenes, mensajes enviados y recibidos, etc.

• Última lección visitada: o Ofrece un enlace directo a la última lección que hayamos visitado. De este

modo, nada más entrar, podemos ir directamente al punto de estudio en el que nos encontrábamos la última vez que accedimos al curso.

• Exámenes pendientes de realizar: o Le indica cuantos exámenes quedan por realizar. Pulsando sobre ese enlace

irá directamente a la zona de evaluación del curso.

20

• Porcentaje completado: o Le indica qué porcentaje de los contenidos ha visitado ya.

12.3 Índice de lecciones

El índice de lecciones muestra el esquema de los contenidos del curso, y proporciona una forma rápida y cómoda de movernos por los contenidos.

21

Figura 5. Índice de lecciones.

Además, en todo momento sabremos en qué lección nos encontramos, ya que estará resaltada en el índice. NOTA: Dependiendo de la interfaz de usuario (también conocida como "piel", "skin") que haya elegido el administrador de la plataforma, puede que el índice y otros elementos se encuentren acoplados para maximizar el espacio destinado a los contenidos. Por ejemplo, en una de las interfaces más comunes existe una solapa lateral que, con sólo acercarle el puntero del ratón, se despliega mostrando el índice y otros elementos, como se ilustra en la figura:

12.4 La barra de navegación

En la aplicación existe una barra de navegación que permite realizar diferentes tareas de una forma rápida y cómoda. Esta barra aparecerá siempre en la parte superior de la plataforma y tiene un aspecto similar al siguiente (pueden variar los colores).

Figura 6. Barra de navegación.

La barra de navegación consta de los siguientes apartados de izquierda a derecha, tal como muestra la figura:

• Nombre del usuario actual: o Apellidos y nombre del usuario que se encuentra activo en la aplicación, en

caso de que esos datos no existan se mostrará su nombre de usuario. • Página principal:

Índice de lecciones

22

o Este enlace nos permitirá ir a la página principal de la plataforma desde cualquier zona de la misma.

• Página principal del curso: o Nos permite llegar a la página principal del curso desde cualquier zona, de

una manera rápida. • Utilidades:

o Enlace directo a las utilidades del usuario actual, que se explicarán a continuación.

• Desconexión: o Botón de desconexión, es importante que cuando salgamos de la plataforma

lo hagamos a través de este botón. • Ayuda:

o Aquí podremos encontrar ayuda referente a la zona de la plataforma en que nos encontremos en cada momento.

12.4.1 Utilidades

La zona de utilidades de la barra de navegación ofrece un menú dividido en tres secciones:

Figura 7.- Menú de utilidades

• Utilidades de usuario:

o Cambiar los datos personales: Permite modificar nuestros datos, que incluyen el nombre y apellidos,

la dirección de correo electrónico y otros datos de contacto, así como datos de nuestra empresa si corresponde.

o Cambiar contraseña: En esta zona podremos cambiar nuestra contraseña de acceso a la

aplicación. Se nos solicitará la contraseña actual para confirmar el cambio. Recuerda que en las contraseñas las letras mayúsculas son distintas de las minúsculas:

o Gestor no es lo mismo que gestor. o Mi expediente:

Aquí tendremos disponibles nuestras estadísticas en cada uno de los cursos en que nos hayamos matriculado, así como de nuestros exámenes. Es equivalente al acceso directo en la página principal mencionado antes.

o Utilidades de consulta de usuarios: o Ver el anuario:

En esta zona podremos visualizar un anuario con los alumnos pertenecientes al curso actual, con su nombre y su foto, en caso de tenerla.

12.5 Recursos relacionados

Los recursos relacionados proporcionan nos información complementaria sobre el curso o alguna lección en concreto. Son material de apoyo, y pueden ser de los siguientes tipos: enlaces, documentos, preguntas y respuestas frecuentes (FAQs), glosario y bibliografía.

23

Para acceder a cualquiera de estos tipos únicamente deberemos hacer clic sobre la opción correspondiente en el menú de recursos, aunque también se muestran en la zona de recursos relacionados con las lecciones que vamos visitando.

Figura 8. Menú de recursos relacionados.

12.5.1 Enlaces

Si pulsamos sobre la opción Enlaces del menú de recursos relacionados se nos mostrará algo similar a lo representado en la figura. Para utilizar un enlace simplemente haremos clic sobre él, y se nos abrirá una nueva ventana con el recurso en cuestión. Si hay muchos enlaces y no encontramos el que nos interesa, podemos buscarlo utilizando el cuadro de texto Buscar en el nombre del enlace.

Figura 9. Lista de enlaces del curso.

12.5.2 Documentación del curso

La documentación del curso puede comprender documentos, archivos con ejemplos, vídeos, etc. Para acceder a ella únicamente tendremos que pulsar sobre la opción Documentación del

24

Curso del menú de recursos relacionados, y se nos mostrará una lista con los recursos disponibles. Para descargarnos a nuestro ordenador un documento de la lista haremos clic sobre su nombre, y acto seguido se iniciará la descarga. Para buscar un documento entre todos los de la lista utilizaremos el cuadro de texto Buscar en la descripción del documento.

Figura 10. Lista de documentos del curso.

12.5.3 Preguntas y respuestas (FAQs)

Aquí se guardan preguntas frecuentes respecto a las lecciones del curso, con sus respectivas respuestas. Antes de plantear una pregunta al tutor, puede ser una buena idea comprobar esta sección. Para acceder a ella haremos clic sobre Preguntas y Respuestas (FAQs), en el menú de recursos relacionados. Se nos mostrará una lista similar a de la figura.

25

Figura 11. Lista de categorías de preguntas y respuestas.

En esta lista se nos muestran las categorías de preguntas que tenemos en el curso. Al lado del nombre de cada categoría podemos ver el número de preguntas que hay dentro. Para acceder a ella haremos clic sobre su nombre.

Figura 12. Preguntas incluidas en una categoría.

Una vez dentro de la categoría veremos la lista de preguntas que están dentro de ella.

12.5.4 Glosario del curso

En el glosario se definen términos relacionados con los contenidos de las lecciones. Al entrar en esta zona se nos muestra la lista de definiciones ordenadas alfabéticamente, y en la parte

26

superior las letras del abecedario. Al pulsar sobre cada una de estas letras nos desplazaremos automáticamente al primer término que comienza con dicha letra.

Figura 13. Glosario del curso.

12.5.5 Bibliografía

Libros o documentos recomendados para ampliar conocimientos más allá de lo explicado en el curso. Al acceder a esta zona veremos un listado semejante al de la figura:

Figura 14. Bibliografía recomendada.

12.5.6 Herramientas de comunicación

Las herramientas de comunicación nos permiten relacionarnos con el tutor o incluso con otros alumnos. Hay disponibles cinco herramientas de comunicación distintas: el tablón de anuncios, los foros, el chat, la mensajería y, opcionalmente, la videoconferencia. Las cuatro

27

primeras son accesibles desde los enlaces de la cabecera y desde el menú, mientras que la video conferencia únicamente lo es desde el menú. Veamos cada una.

12.5.6.1 Tablón de anuncios

El tablón de anuncios es la única de las herramientas de comunicación en la que únicamente los tutores pueden publicar mensajes. A través de él nos llegarán anuncios importantes sobre el curso (publicación de exámenes, plazos, etc.)

Figura 15. Tablón de anuncios.

En la figura anterior podemos ver el aspecto del tablón de anuncios. A la izquierda de cada anuncio se nos indica la fecha en que se publicó. Para ver el contenido del anuncio pulsaremos sobre su título.

12.5.6.2 Foros del curso

Los foros permiten el desarrollo de discusiones entre todos los alumnos y tutores del curso, de forma que las cuestiones y preguntas planteadas por un alumno pueden ser aprovechadas por los demás. Un curso puede tener uno o más cursos, cada uno con su temática propia, de forma que las discusiones no se mezclen y así sea más fácil buscar información sobre un tema concreto. Al acceder a la zona de foros, primero veremos la lista con los foros del curso, tal y como se muestra en la figura.

Figura 16. Lista de foros del curso.

Aquí podemos ver el nombre de los foros y el número de hilos de discusión abiertos de cada uno. Entre paréntesis se muestra el número de hilos de discusión que contienen mensajes

28

nuevos (un hilo de discusión contiene un mensaje y todas sus respuestas). Para entrar en uno de los foros, pulsaremos sobre su nombre.

Figura 17. Dentro de un foro.

En esta figura podemos ver el aspecto de un foro. El botón Nuevo Hilo permite plantear una nueva cuestión (y por lo tanto crear un hilo). Cada una de las líneas del listado es un hilo de discusión, que plantea una cuestión, y por cada uno de ellos podemos ver información referente al último mensaje publicado dentro del hilo, y el número de mensajes que lo componen. Para ver uno de los hilos de discusión haremos clic sobre su nombre, lo que nos llevará a una pantalla similar a la de la figura.

Figura 18. Un hilo de discusión.

29

Como se muestra en la imagen, aquí podemos ver los mensajes que componen el hilo, ordenados cronológicamente. Para responder a uno de ellos únicamente tendremos que pulsar en el botón Responder y rellenar el formulario que se nos presenta.

12.5.6.3 Chat

El chat permite la comunicación en tiempo real, tanto con el tutor como con otros alumnos del curso. El chat puede estar abierto permanentemente o tener un horario restringido definido por el tutor, fuera del cual no se puede acceder a la sala.

Figura 19. Horario del chat.

De todos modos, puede que el horario sea meramente informativo, para que sepamos que el tutor estará disponible en las horas indicadas. Al acceder a la sala mediante el enlace Ir a la sala (parte superior derecha) la plataforma nos informará si la sala está cerrada. Una vez dentro el funcionamiento del chat es bastante sencillo: introduciremos el texto en el cuadro Introduce texto y pulsaremos el retorno de carro (Enter) y el texto se incluirá en la conversación. A la izquierda se muestra la lista de usuarios que están conectados. Para salir basta con pulsar el botón Salir (de hecho, se aconseja utilizar este botón y no cerrar la ventana directamente).

Figura 20. Sala del chat.

12.5.6.4 Mensajería

30

La mensajería nos permite comunicarnos con el tutor de forma personal, sin afectar a los demás usuarios. Es como un sistema de correo electrónico interno, e incluso permite enviar archivos adjuntos. Al entrar en la zona de mensajería (mediante el enlace Mensajería, en el menú de herramientas de comunicación) lo primero que se nos muestra en la bandeja de entrada (siguiente figura), con los mensajes que otros usuarios (tutores) nos han enviado.

Figura 21. Bandeja de entrada de la mensajería.

En la lista de mensajes que se indica, además del remitente y la fecha de envío, el estado del menaje. Para ello se utilizan los siguientes iconos:

• Mensaje no leído. Además de este icono, el asunto del mensaje se mostrará resaltado en negrita.

• Mensaje leído. • Mensaje respondido. Este icono se muestra en los mensajes recibidos a los

que hemos respondido. • Archivo adjunto. Este icono indica que el mensaje lleva un archivo adjunto,

que podemos descargar haciendo clic él. Además de estos iconos informativos tenemos otro más, , que nos permite borrar el mensaje correspondiente, y otra opción más para responder al mismo. Para eliminar más de un mensaje se ofrece otro mecanismo más adecuado que consiste en marcar las casillas que están a la izquierda y hacer clic sobre el enlace Borrar seleccionados. Si pulsamos sobre el asunto veremos el mensaje al completo, con el texto del cuerpo. Desde aquí también es posible borrarlo o responder, mediante los enlaces Borrar mensaje y Responder.

31

Figura 22. Visualización de un mensaje.

En la bandeja de salida se guardan los mensajes que enviamos a los tutores. Su funcionamiento es muy similar al de la bandeja de salida, pero más sencillo, si cabe.

Figura 23. Bandeja de salida.

En este caso no hay iconos que nos indiquen el estado de los mensajes, salvo el clip, para de los mensajes con archivos adjuntos). Para enviar un mensaje nuevo a un tutor pulsamos sobre el enlace Nuevo Mensaje, y la plataforma nos preguntará a qué tutor queremos enviar el mensaje (ya que puede haber más de uno). Acto seguido redactaremos el mensaje y lo enviaremos.

32

Figura 24.Redactando un nuevo mensaje.

12.6 Exámenes del curso

En esta zona encontraremos los exámenes del curso, tanto los que ya hemos realizado como los que todavía no:

Figura 25. Exámenes del curso.

12.6.1 Exámenes realizados

Para los exámenes ya realizados podemos ver la fecha de realización, el tiempo invertido y la nota (en porcentaje). Además hay dos iconos: Ver corrección, que nos permite ver el examen con las respuestas que dimos cuando lo realizamos, así como alguna explicación sobre las preguntas más complejas. Indica que nos excedimos del tiempo máximo para la realización del examen. Esto no significa necesariamente que hayamos suspendido, pues se tienen en cuenta las respuestas dadas hasta el momento.

33

12.6.2 Exámenes pendientes

En la lista de exámenes pendientes podemos ver su nombre y la nota mínima exigida para aprobarlo. Para realizar un examen debemos hacer clic sobre su nombre, tras lo cual se nos darán unas instrucciones a tener en cuenta para la realización del ejercicio. Es conveniente leerlas bien antes de comenzar el examen. Una vez aceptadas las condiciones expuestas, comenzaremos el ejercicio.

Figura 26. Realizando el examen.

Una vez hayamos respondido a las preguntas haremos clic en Enviar Respuestas, en el pie de la página. Sabremos la nota obtenida al momento, y desde la lista de exámenes realizados (punto 7.1) podremos consultar la corrección, siempre y cuando el tutor la haya publicado. En caso de haber suspendido no hay que desesperar, ya que podremos pedir al tutor que nos permita repetir el ejercicio y, si él lo estima oportuno podremos volver a intentarlo.

Le recordamos que para cualquier duda con el seguimiento y evaluación del curso contacte con su tutor en el teléfono 900 100 507.

GUIA DIDACTICA DISEÑO DE PAGINAS WEB 100H V.1.

Documents

Transcript of GUIA DIDACTICA DISEÑO DE PAGINAS WEB 100H V.1.