ONLINE
DISEÑO DE PÁGINAS WEB

Dar a conocer las principales prestaciones del diseño de páginas web, para que los trabajadores conozcan las ventajas que éstas pueden aportar en el trabajo diario. Proporcionar los conocimientos necesarios a los trabajadores en materia de “diseño de páginas web” para poder adoptar una postura activa que les permita la implantación de diseño de páginas web en toda su actividad y aprender a organizar el trabajo utilizando los avances que se han producido en este ámbito. Mejorar la cualificación de los trabajadores y acercarles a las nuevas tecnologías para evitar su estancamiento en la sociedad.

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.