Bloque I. Diseño básico de páginas web en HTML

UD1. Introducción al diseño de páginas web

1.1. Conceptos previos

1.2. La organización de una presentación web

1.3. Introducción al lenguaje HTML

1.4. Primeros pasos

1.5. La sintaxis del lenguaje HTML

1.6. Editores y convertidores

UD2. El texto

2.1. Introducción

2.2. Dar formato al texto

2.3. Introducción a los atributos

2.4. La etiqueta

2.5. El color en HTML

2.6. Márgenes

2.7. Caracteres especiales

2.8. Listas

UD3. Los enlaces

3.1. Estructura de los enlaces

3.2. Enlaces dentro de una misma página

3.3. Enlaces con otra página dentro del mismo sitio web

3.4. Enlaces con otro sitio web

3.5. Enlaces con una dirección de e-mail

3.6. Enlaces con un archivo para descargar

UD4. Imágenes

4.1. Formato de las imágenes

4.2. Insertar una imagen. Etiqueta y atributos

4.3. Alineación y tamaño de imágenes

4.4. Crear un enlace en una imagen

4.5. Mapas de imágenes

4.6. Fondos de pantalla o backgrounds

UD5. Las tablas

5.1. Descripción de etiquetas para la creación de tablas

5.2. Atributos para las tablas

5.3. Titular de la tabla

5.4. Atributos de las celdas

5.5. Celdas de cabecera

5.6. Contenido de las celdas

5.7. Tablas anidadas

UD6. Formularios

6.1. Descripción del concepto de formulario

6.2. Distintos elementos de un formulario

6.3. Diseño de un formulario

6.4. Métodos de acceso

UD7. Los frames

7.1. Descripción del concepto de frame

7.2. Etiquetas para crear frames

7.3. Navegación entre distintos frames

7.4. Anidación de frames

7.5. Cosas a evitar en el uso de frames

UD8. Introducción a las hojas de estilo (CSS)

8.1. ¿Qué son las hojas de estilo?

8.2. ¿Cómo se aplican las hojas de estilo?

8.3. Sintaxis de las hojas de estilo

8.4. Estilo para etiquetas concretas o un grupo de ellas

8.5. Estilo para un documento HTML.

8.6. Enlazando distintos documentos a una hoja de estilo

8.7. Templates

UD9. Cómo publicar una página web

9.1. Alojamiento de las páginas

9.2. Cómo subir los archivos de nuestra página

9.3. Actualizar las páginas

Bloque II. Técnicas avanzadas de diseño web

UD1. Evolución del diseño web

1.1. La evolución del diseño de páginas web

1.2. Diferencia entre una página estática y una dinámica

1.3. Páginas web con conexión a bases de datos

1.4. Objetivos de las páginas web

1.5. Estructura básica de una página web

1.6. Introducción a los lenguajes básicos de diseño web

1.7. Presente y futuro de la tecnología web

1.8. Introducción al desarrollo web. Software de diseño y edición

UD2. Hojas de estilo (CSS)

2.1. Concepto de hojas de estilo o css

2.2. ¿Cómo se aplican las hojas de estilo?

2.3. La estructura de cajas

2.4. Ejemplo práctico

2.5. Templates

UD3. Javascript

3.1. ¿Qué es javascript?

3.2. El código javascript

3.3. Ejemplo práctico: acceso a una página mediante contraseña

UD4. HTML dinámico o DHTML

4.1. Introducción a DHTML

4.2. Definición de capa (layer)

4.3. Propiedades de las capas

4.4. Ejemplos prácticos

UD5. XML

5.1. ¿Cómo nace XML?

5.2. ¿Qué es XML

5.3. Sintaxis de XML

5.4. Validación de XML

5.5. Atributos y cometarios en XML

5.6. Secciones cdata e identificación del lenguaje

5.7. XML en el servidor

5.8. ¿XML es el sustituto de HTML?

UD6. Usabilidad y accesibilidad

6.1. Usabilidad

6.2. Accesibilidad

UD7. Desarrollo web avanzado

7.1. ¿qué es una aplicación web?

7.2. Estructura de una aplicación web

7.3. Lenguajes para el desarrollo de aplicaciones web. Lenguajes del lado del servidor

7.4. Introducción a Ajax

7.5. Gestores de contenidos: joomla!, moodle, phpnuk

7.6. Ejemplos de aplicaciones web: crm, e-commerce, foros

UD8. Publicación y promoción de páginas web

8.1. ¿Dónde publicar?

8.2. ¿Cómo transferir las páginas al servidor?

8.3. Protección de directorios web

8.4. Promoción del sitio web

8.5. Actualizar las páginas web

La METODOLOGÍA ONLINE propuesta se ajusta a las características y necesidades de cada alumno/a, combinando las metodologías de enseñanza programada y de trabajo autónomo del alumnado con el asesoramiento de un/a formador/a especializado y mediante el uso de las nuevas tecnologías de la información y comunicación, creando un entorno de aprendizaje activo, próximo y colaborativo en el Campus Virtual.

• ENSEÑANZA PROGRAMADA: Persigue transmitir los conocimientos al alumnado sin la intervención directa de el/la formador/a, a través de la organización y estructuración de los contenidos de forma secuencial. La realización periódica de ejercicios y pruebas de autoevaluación permiten afianzar lo aprendido y corregir los posibles errores en el aprendizaje.
• TRABAJO AUTÓNOMO: Sistema de trabajo donde el/la alumno/a asume la responsabilidad de su proceso de aprendizaje, adaptándolo a su ritmo de trabajo y a sus propias necesidades, lo que exige una mayor implicación por su parte.

Las acciones formativas están diseñadas para propiciar el fomento de las habilidades, conocimientos y experiencias relevantes para el desarrollo profesional dentro del ámbito de la temática del curso.

El material didáctico objeto fundamental del proceso de enseñanza, será puesto a disposición del alumno en el Campus de manera ordenada y en los formatos más idóneos para ajustarlos a las especificaciones del curso. El alumno debe trabajarlos de manear autónoma dedicando un tiempo que dependerá de las necesidades individualizadas del alumno.

Cursos
Duración	75 horas