DISEÑO DE PÁGINAS WEB (IFCT039PO)

Duración en horas: 50

OBJETIVOS

El objetivo del curso es enseñar a crear páginas web desde el inicio, de forma práctica, conociendo los estándares y las mejores prácticas para realizar esta tarea. El conocer HTML y CSS también permite mejorar la edición de posts y páginas en gestores de contenido como por ejemplo el WordPress.
Además de presentar información en Internet, se podrá crear páginas interactivas, a un nivel básico, de forma que el visitante pueda, por ejemplo, cumplimentar un formulario o elegir opciones en las mismas.
Por tanto, este curso va dirigido tanto a profesionales que quieren reforzar las técnicas y los conocimientos que ya poseen, como a aquellos que quieren introducirse en el mundo del diseño web.
Así pues, con esta formación se pretende:
- Entender qué es un servidor y un dominio.
- Comprender para qué sirve un programa FTP y los distintos tipos que existen.
- Conocer el lenguaje de marcas HTML, para crear las páginas web.
- Profundizar en los distintos atributos y elementos que han sido introducidos en la versión de HTML5.
- Conocer el lenguaje CSS (hojas de estilo) para dar formato y presentación a las páginas.
- Conocer las novedades que CSS3 introduce, para mejorar el estilo de nuestras páginas web creadas con HTML5.
- Conocer las diferencias entre WordPress.com y WordPress.org, así como los pasos para crear un blog/web en WordPress.com.
- Aprender de forma básica el lenguaje de programación JavaScript, para dotar de efectos visuales e interactividad a las páginas web.
- Conocer aspectos prácticos importantes: sitios de alojamiento, reglas de usabilidad y accesibilidad en el diseño de páginas web.

CONTENIDOS

UNIDAD 1. REFERENCIAS, PROGRAMAS EDITORES Y FTP
Introducción
Mapa conceptual
1.1. ¿Qué es un servidor?
1.1.1. Importancia de los servidores
1.1.2. Hosting
1.1.3. ¿Qué es la URL o dirección web?
1.1.4. Espacio web en tu hosting
1.2. ¿Qué es un dominio?
1.3. Programa FTP
1.3.1. Programas de FTP que puedes usar
1.4. Nociones elementales de Dreamweaver
1.4.1. Cómo crear un sitio web
Resumen
UNIDAD 2. HTML5 BÁSICO. SEMÁNTICA
Introducción

Mapa Conceptual
2.1. Etiquetas de estructura
2.1.1. Archivo multimedia: Estructura básica de una página en HTML5
2.2. Atributos y elementos obsoletos
2.3. Etiquetas de texto
2.4. Hipervínculos
2.4.1. Hipervínculos a correo
2.5. Imágenes
2.6. Tablas
2.7. Vídeos y audio
2.8. Formularios
Resumen
UNIDAD 3. HOJAS DE ESTILO (CSS)
Introducción
Mapa conceptual
3.1. Qué es CSS y para qué sirve
3.1.1. Creación de una hoja de estilo
3.1.2. Tipos de hojas de estilo
3.1.3. Uso de las hojas de estilo
3.2. ¿Cómo incluir CSS en nuestro documento?
3.3. Selectores
3.3.1. Selectores de tipo o etiqueta
3.3.2. Selectores de clase
3.3.3. Selectores de identificador
3.4. Colores
3.5. Modelo de caja
3.5.1. Propiedades de las cajas
3.6. Posicionamiento
Resumen
UNIDAD 4. CSS3
Introducción
Mapa conceptual
Contenido
4.1. Novedades
4.2. Nuevas pseudo clases CSS3
4.3. Nuevos selectores CSS3
4.4. Nuevos estilos CSS3
4.4.1. Archivo multimedia: Las novedades de CSS3
4.5. Transformaciones
4.6. Transiciones
4.7. Animaciones
4.8. Multicolumnas
Resumen
UNIDAD 5. EDITORES DE CONTENIDO Y JAVASCRIPT
Introducción
Mapa conceptual
Contenido
5.1. El CMS WordPress. Casos prácticos
5.1.1. Ejemplos de plantillas con responsive web design
5.1.2. Características de las plantillas
5.2. El lenguaje de programación JavaScript
5.2.1. Estructura básica del lenguaje
5.2.2. Ejemplos
Resumen
UNIDAD 6. ASPECTOS PRÁCTICOS IMPORTANTES
Introducción
Mapa conceptual
Contenido
6.1. Reglas de usabilidad y accesibilidad en el diseño de páginas web
6.1.1. Los conceptos de usabilidad y accesibilidad
6.2. Arquitectura de la información
6.2.1. La audiencia
6.2.2. Organización de la información
6.2.3. Sistemas de navegación
6.2.4. Diseño conceptual
6.2.5. Diseño visual
6.3. Usabilidad: principios y evaluación
6.3.1. Evaluación de la usabilidad
6.4. La accesibilidad y el World Wide Consortium (W3C)
Resumen
BIBLIOGRAFÍA
GLOSARIO