Bloque I. Diseño básico de páginas web en HTML.
1. Introducción al diseño de páginas web.
- Conceptos previos.
- La organización de una presentación web.
- Introducción al lenguaje HTML.
- Primeros pasos.
- La sintaxis del lenguaje HTML.
- Editores y convertidores.
2. El texto.
- Introducción.
- Dar formato al texto.
- Introducción a los atributos.
- La etiqueta.
- El color en HTML.
- Márgenes.
- Caracteres especiales.
- Listas.
3. Los enlaces.
- Estructura de los enlaces.
- Enlaces dentro de una misma página.
- Enlaces con otra página dentro del mismo sitio web.
- Enlaces con otro sitio web.
- Enlaces con una dirección de e-mail.
- Enlaces con un archivo para descargar.
4. Imágenes.
- Formato de las imágenes.
- Insertar una imagen. Etiqueta y atributos.
- Alineación y tamaño de imágenes.
- Crear un enlace en una imagen.
- Mapas de imágenes.
- Fondos de pantalla o backgrounds.
5. Las tablas.
- Descripción de etiquetas para la creación de tablas.
- Atributos para las tablas.
- Titular de la tabla.
- Atributos de las celdas.
- Celdas de cabecera.
- Contenido de las celdas.
- Tablas anidadas.
6. Formularios.
- Descripción del concepto de formulario.
- Distintos elementos de un formulario.
- Diseño de un formulario.
- Métodos de acceso.
7. Los frames.
- Descripción del concepto de frame.
- Etiquetas para crear frames.
- Navegación entre distintos frames.
- Anidación de frames.
- Cosas a evitar en el uso de frames.
8. Introducción a las hojas de estilo (CSS).
- ¿Qué son las hojas de estilo?.
- ¿Cómo se aplican las hojas de estilo?.
- Sintaxis de las hojas de estilo.
- Estilo para etiquetas concretas o un grupo de ellas.
- Estilo para un documento HTML.
- Enlazando distintos documentos a una hoja de estilo.
- Templates.
9. Cómo publicar una página web.
- Alojamiento de las páginas.
- Cómo subir los archivos de nuestra página.
- Actualizar las páginas.
Bloque II. Técnicas avanzadas de diseño web.
1. Evolución del diseño web.
- La evolución del diseño de páginas web.
- Diferencia entre una página estática y una dinámica.
- Páginas web con conexión a bases de datos.
- Objetivos de las páginas web.
- Estructura básica de una página web.
- Introducción a los lenguajes básicos de diseño web.
- Presente y futuro de la tecnología web.
- Introducción al desarrollo web. Software de diseño y edición.
2. Hojas de estilo (CSS).
- Concepto de hojas de estilo o css.
- ¿Cómo se aplican las hojas de estilo?.
- La estructura de cajas.
- Ejemplo práctico.
- Templates.
3. Javascript.
- ¿Qué es javascript?.
- El código javascript.
- Ejemplo práctico: acceso a una página mediante contraseña.
4. HTML dinámico o DHTML.
- Introducción a DHTML.
- Definición de capa (layer).
- Propiedades de las capas.
- Ejemplos prácticos.
5. XML.
- ¿Cómo nace XML?.
- ¿Qué es XML?.
- Sintaxis de XML.
- Validación de XML.
- Atributos y comentarios en XML.
- Secciones cdata e identificación del lenguaje.
- XML en el servidor.
- ¿XML es el sustituto de HTML?.
6. Usabilidad y accesibilidad.
- Usabilidad.
- Accesibilidad.
7. Desarrollo web avanzado.
- ¿Qué es una aplicación web?.
- Estructura de una aplicación web.
- Lenguajes para el desarrollo de aplicaciones web. Lenguajes del lado del servidor.
- Introducción a Ajax.
- Gestores de contenidos: joomla!, moodle, phpnuke.
- Ejemplos de aplicaciones web: crm, e-commerce, foros.
8. Publicación y promoción de páginas web.
- ¿Dónde publicar?.
- ¿Cómo transferir las páginas al servidor?.
- Protección de directorios web.
- Promoción del sitio web.
- Actualizar las páginas web.