Tutor online del curso de Diseño y Técnicas para la creación de Páginas Web para CEOE Formación

MÓDULO 1. DISEÑO BÁSICO DE PÁGINAS WEB (60 horas)

UNIDAD DIDÁCTICA 1. Introducción (5 horas)

Contenidos teóricos (2,5 horas)

-Nacimiento de internet

-La World wide web

Contenidos prácticos (2,5 horas)

-Definición y análisis de la World wide web

UNIDAD DIDÁCTICA 2. Organización para crear una página web (2 horas)

Contenidos teóricos (1 horas)

-Estructura y diseño

Contenidos prácticos (1 horas)

-Definición del concepto página web y análisis de sus características más importantes

UNIDAD DIDÁCTICA 3. Software para crear páginas web (3 horas)

Contenidos teóricos (2 horas)

-Editores de texto y software wysiwyg

-Entornos de edición y utilidades de conversión

Contenidos prácticos (1 horas)

-Manejo de los entornos de edición

UNIDAD DIDÁCTICA 4. El lenguaje html (2 horas)

Contenidos teóricos (1 horas)

-El html y los navegadores

Contenidos prácticos (1 horas)

-Definición del concepto lenguaje html

UNIDAD DIDÁCTICA 5. Estructura básica de un documento html (3 horas)

Contenidos teóricos (2 horas)

-Estructura básica de un documento html

Contenidos prácticos (1 horas)

-Análisis de un documento html

UNIDAD DIDÁCTICA 6. Etiquetas de formato (5 horas)

Contenidos teóricos (2,5 horas)

-Títulos, estilos y tamaño de fuentes

-Tipos de fuentes

-Párrafos y bloques

-Color de las fuentes

-Color del fondo

-Caracteres especiales

Contenidos prácticos (2,5 horas)

-Clasificación y control de las etiquetas de formato

UNIDAD DIDÁCTICA 7. Listas (5 horas)

Contenidos teóricos (2,5 horas)

-Crear una lista

-Lista de viñetas

-Ejercicio de listas combinadas

Contenidos prácticos (2,5 horas)

-Definición del concepto listas

UNIDAD DIDÁCTICA 8. Tablas (5 horas)

Contenidos teóricos (2,5 horas)

-Creación de tablas

-Atributos de la etiqueta table

-Atributos de las etiquetas de fila y celda

-Prioridad en los atributos

-Tablas anidadas

Contenidos prácticos (2,5 horas)

-Definición del concepto tablas

UNIDAD DIDÁCTICA 9. Imágenes (5 horas)

Contenidos teóricos (2,5 horas)

-Atributos de img

-Ejemplos de la utilización de los atributos

-Inserción de imagen

-Tipos de imágenes

-Las imágenes utilizadas como fondos

Contenidos prácticos (2,5 horas)

-Definición del concepto imagen

UNIDAD DIDÁCTICA 10. Enlaces (5 horas)

Contenidos teóricos (2,5 horas)

-Explicación de url

-Enlace a una dirección de internet

-Enlace a otra página local

-Enlace a otro lugar del mismo documento

-Enlace usando imágenes

-Enlace con una dirección de correo

-Enlace con un grupo de noticias

-Enlace para descargar un fichero

-Enlace que se abre en una nueva ventana

Contenidos prácticos (2,5 horas)

-Definición del concepto enlace

UNIDAD DIDÁCTICA 11. Mapas sencillos (3 horas)

Contenidos teóricos (1 horas)

-Valores de shape y coords

Contenidos prácticos (2 horas)

-Definición del concepto mapas sencillos

UNIDAD DIDÁCTICA 12. Frames o marcos (5 horas)

Contenidos teóricos (2,5 horas)

-Frameset

-Frames

-Los bordes de los marcos

-El atributo target

-Anidamiento de marcos

-Noframes

Contenidos prácticos (2,5 horas)

-Definición del concepto frame

UNIDAD DIDÁCTICA 13. Formularios (5 horas)

Contenidos teóricos (2,5 horas)

-Abrir y cerrar un formulario

-Entrada de texto de una línea

-Entada de texto de varias líneas

-Lista de opciones o menú desplegable

-Casillas de verificación o checkboxes

-Botones de radio o de opción

-Botones envío y borrado

Contenidos prácticos (2,5 horas)

-Definición y análisis del concepto formulario

UNIDAD DIDÁCTICA 14. Buscadores y metatags (5 horas)

Contenidos teóricos (2,5 horas)

-Metatags básicas

-Otras metatags: Autor y fecha publicación

-Otras metatags: instrucciones a robots

-Otras metatags: idioma de las palabras clave

-Otras metatags: metarefresh

Contenidos prácticos (2,5 horas)

-Definición y análisis del concepto metatags

UNIDAD DIDÁCTICA 15. Hojas de estilo en cascada (2 horas)

Contenidos teóricos (1 horas)

-Introducción

-Estilo para etiquetas concretas o un grupo de ellas

-Inclusión global del estilo

-Enlazando distintos documentos a una hoja de estilo

Contenidos prácticos (1 horas)

-Diseño de hojas de estilo

MÓDULO 2. TÉCNICAS AVANZADAS DE DISEÑO WEB (60 horas)

UNIDAD DIDÁCTICA 1. Introducción al Diseño Web (7,5 horas)

Contenidos teóricos (4,5 horas)

-Historia del diseño Web

-Fases y tipos de diseño Web

-Estructura de una página Web

-Interactividad en la Web. Páginas dinámicas

-Páginas dinámicas de cliente

-Páginas dinámicas de servidor

-Formas de crear una página Web

-Características deseables de todo sitio Web

-Presente: La Web 2.0

-Futuro: La Web 3.0

Contenidos prácticos (3 horas)

-Lectura documental sobe la historia del diseño Web

-Desarrollo de los procedimientos necesarios para la creación de una página Web

-Análisis de las características significativas de la Web 2.0 y la Web 3.0. Posterior puesta en común a través del foro

-Ejemplificación de páginas Web dinámicas de cliente y servidor

UNIDAD DIDÁCTICA 2. HTML y Hojas de Estilo o CSS (7,5 horas)

Contenidos teóricos (4,5 horas)

-Estructura básica de un documento HTML

-Formato del texto con HTML

-Insertar enlaces

-Insertar imágenes

-Estructuración del contenido de una página I: Listas

-Estructuración del contenido de una página II: Tablas

-Formularios

-Elementos de entrada de un formulario

-Etiquetar controles. Agrupar elementos por temática

-Qué son las hojas de estilo o CSS. Clases y pseudoclases

-Parámetros para definir los estilos

-Hojas de estilo: referencia

Contenidos prácticos (3 horas)

-Ejemplificación de los distintos tipos de listas y tablas HTML que podemos emplear en las páginas Web

-Análisis de las ventajas e inconvenientes de maquetar páginas Web con tablas

-Desarrollo de los procedimientos necesarios para la creación y configuración de un formulario con el fin de que el visitante envíe información al servidor Web

-Lectura documental sobre las hojas de estilo o CSS. Clases y pseudoclases

UNIDAD DIDÁCTICA 3. JavaScript (7,5 horas)

Contenidos teóricos (4,5 horas)

-¿Qué es JavaScript?

-Primeros pasos con JavaScript

-El código JavaScript

-Operadores

-Sentencias y eventos

-Arrays en JavaScript

Contenidos prácticos (3 horas)

-Identificación de las principales características del lenguaje JavaScript

-Visualización de la utilización del lenguaje JavaScript en el diseño de páginas Web

-Lectura sobre los tipos de sentencias y eventos en JavaScript

-Ejemplificación del proceso de creación de arrays y aplicación de sus funciones básicas

UNIDAD DIDÁCTICA 4. HTML Dinámico o DHTML (7,5 horas)

Contenidos teóricos (4,5 horas)

-Introducción a DHTML

-Definición de capa

-Propiedades de las capas

-Maquetación con capas y CSS

-Acceso a las propiedades de las capas con JavaScript

Contenidos prácticos (3 horas)

-Desarrollo del procedimiento a seguir para realizar la maquetación con capas y CSS

-Análisis de las ventajas que nos proporciona el trabajo con capas

-Lectura documental sobre HTML dinámico o DHTML

-Descripción del conjunto de técnicas que permiten crear sitios Web interactivos

UNIDAD DIDÁCTICA 5. El lenguaje XML (7,5 horas)

Contenidos teóricos (4,5 horas)

-¿Cómo nace XML?

-¿Qué es XML?

-Sintaxis de XML

-Atributos y comentarios en XML

-Secciones Cdata e identificación del lenguaje

-¿XML es el sustituto de HTML?

Contenidos prácticos (3 horas)

-Investigación sobre las características y ventajas del lenguaje XML

-Elaboración de un glosario con la sintaxis principal de XML

-Identificación de los atributos y comentarios que podemos emplear en XML

-Reflexión personal sobre la siguiente cuestión: ¿XML es el sustituto de HTML? Posterior debate en el foro

UNIDAD DIDÁCTICA 6. Usabilidad y Accesibilidad (7,5 horas)

Contenidos teóricos (4,5 horas)

-¿Qué es la usabilidad?

-Metodología para la usabilidad

-¿Qué es la accesibilidad Web?

-Recomendaciones y niveles WAI

-¿Cómo construir con accesibilidad?

Contenidos prácticos (3 horas)

-Búsqueda y análisis de la información que nos proporciona Internet sobre la usabilidad: orígenes, definiciones, beneficios…

-Lectura documental sobre las recomendaciones WAI para la creación de diseños Web que respeten los principios de usabilidad y accesibilidad

-Reflexión personal y propuesta de nuevas recomendaciones para conseguir una Web más accesible para todos los usuarios mediante una puesta en común a través del foro

UNIDAD DIDÁCTICA 7. Desarrollo Web Avanzado (7,5 horas)

Contenidos teóricos (4,5 horas)

-Aplicación Web. Concepto y estructura

-Lenguaje PHP

-¿Cómo trabajar con PHP en modo local?

-Funcionamiento de una página PHP. Ejemplos

-Lenguaje JSP

-Funcionamiento de las páginas JSP

-Lenguaje ASP/ASP.NET

-¿Cómo escribir aplicaciones en VB.NET?

-AJAX

-Funcionamiento de una aplicación AJAX

-Creación de una aplicación con AJAX

Contenidos prácticos (3 horas)

-Realización de un trabajo documental sobre los diferentes lenguajes de programación que se utilizan en el diseño y desarrollo de páginas Web, analizando las características principales de cada uno de ellos

-Visualización de ejemplos sobre el funcionamiento de las páginas PHP

-Desarrollo de los procedimientos para la creación y funcionamiento de una aplicación AJAX

-Búsqueda de información en Internet sobre aplicaciones dinámicas. Posterior puesta en común a través del foro

UNIDAD DIDÁCTICA 8. Publicación y Promoción de Páginas Web (7,5 horas)

Contenidos teóricos (4,5 horas)

-Publicación del sitio Web

-Promoción del sitio Web. Publicidad y Banners

-Promoción de páginas Web. Alta y posicionamiento en buscadores

-Alta y posicionamiento en buscadores. Metatags

-Recomendaciones para construir las metatags

Contenidos prácticos (3 horas)

-Ejemplificación del proceso de publicación y promoción de páginas Web mediante la realización de un ejercicio práctico

-Búsqueda de información en Internet sobre la publicidad en Banners

-Análisis de la importancia de un adecuado posicionamiento en los buscadores mediante la construcción de metatags. Posterior puesta en común a través del foro