Creación y diseño responsivo de sitios web con DREAMWEAVER
ÁREA: HERRAMIENTAS WEB
PRESENTACIÓN
Dreamweaver incorpora una interfaz visual intuitiva, que ofrece un conjunto de herramientas para crear, codificar y gestionar sitios Web que se adapten dinámicamente a diversos dispositivos, para ser revisados antes de su publicación.
PERFIL DE INGRESO
El curso está dirigido a personas involucradas o que deseen internarse en el diseño Web, la comunicación visual, el multimedia o el desarrollo Web. Se requiere la acreditación o la demostración de conocimientos equivalentes al curso Creación de sitios web con HTML5.
OBJETIVO
El participante utilizará Dreamweaver como herramienta para la creación, la administración y el manejo de contenido Web multidispositivo.
TEMARIO
1. | INTRODUCCIÓN
1.1 | Evolución de HTML y CSS |
1.2 | Flujo de trabajo en Dreamweaver |
1.3 | Configuración básica de una página Web |
|
2. | ESPACIO DE TRABAJO
2.1 | Herramientas, inspectores y paneles |
2.2 | Vistas del documento |
2.3 | Barra de aplicaciones |
2.4 | Personalización del espacio de trabajo |
|
3. | ADMINISTRACIÓN DE SITIOS
3.1 | Configuración local y remota |
3.2 | Administración de archivos |
3.3 | Trabajo con plantillas DWT |
3.4 | Sincronización |
|
4. | MAQUETACIÓN
4.1 | Extraer composición desde PhotoShop |
4.2 | Uso de ayudas visuales |
4.3 | Diseño con retículas fluidas |
4.4 | Trabajo con Bootstrap |
4.5 | Cuándo usar tablas |
|
5. | DISEÑO CON CSS
5.1 | Panel Diseñador de CSS
5.1.1 | Crear y editar reglas de estilo |
5.1.2 | Aplicar reglas de estilo |
5.1.3 | Vinculación de CSS externa |
5.1.4 | Efectos de transición CSS |
|
5.2 | Uso de @media para breakpoints |
5.3 | Manejo de márgenes |
5.4 | Propiedades de margen |
5.5 | Propiedades de relleno y perfiles |
5.6 | Propiedades de texto e hipervínculos |
|
6. | ADICIÓN DE CONTENIDO
6.1 | Manejo de fuentes y texto |
6.2 | Uso de imágenes |
6.3 | Objetos multimedia |
6.4 | Activos y bibliotecas |
|
7. | USO WIDGETS Y EFECTOS
7.1 | Inserción de widgets |
7.2 | Widgets UI con jQuery |
7.3 | Aplicación de efectos jQuery |
|
8. | VÍNCULOS Y NAVEGACIÓN
8.1 | Planeación |
8.2 | Rutas absolutas y rutas relativas |
8.3 | Menús |
8.4 | Mapas de imagen |
8.5 | Anclas |
|
9. | CREACIÓN DE FORMULARIOS
9.1 | Objetivo del formulario |
9.2 | Campos de texto |
9.3 | Campos ocultos |
9.4 | Botones |
9.5 | Listas y menús |
9.6 | Casillas de verificación y botones de opción |
9.7 | Verificación y envío |
|
10. | PUBLICACIÓN
10.1 | Depuración del código |
10.2 | Validación del código |
10.3 | Verificación de vínculos |
10.4 | Pruebas multipantalla |
10.5 | Pruebas en navegador |
10.6 | Publicación de archivos Web |
|
PERFIL DE EGRESO
Los conocimientos adquiridos permitirán tener una noción clara sobre cómo generar sitios Web estandarizados, de manera rápida y eficiente, para que funcionen de manera homogénea en distintos dispositivos y navegadores.
REQUISITOS ACADÉMICOS
Estudios mínimos de preparatoria o equivalente.
DURACIÓN
20 hrs.
Enero 2018
101502/E