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.1Evolución de HTML y CSS
1.2Flujo de trabajo en Dreamweaver
1.3Configuración básica de una página Web
2.ESPACIO DE TRABAJO
2.1Herramientas, inspectores y paneles
2.2Vistas del documento
2.3Barra de aplicaciones
2.4Personalización del espacio de trabajo
3.ADMINISTRACIÓN DE SITIOS
3.1Configuración local y remota
3.2Administración de archivos
3.3Trabajo con plantillas DWT
3.4Sincronización
4.MAQUETACIÓN
4.1Extraer composición desde PhotoShop
4.2Uso de ayudas visuales
4.3Diseño con retículas fluidas
4.4Trabajo con Bootstrap
4.5Cuándo usar tablas
5.DISEÑO CON CSS
5.1Panel Diseñador de CSS
5.1.1Crear y editar reglas de estilo
5.1.2Aplicar reglas de estilo
5.1.3Vinculación de CSS externa
5.1.4Efectos de transición CSS
5.2Uso de @media para breakpoints
5.3Manejo de márgenes
5.4Propiedades de margen
5.5Propiedades de relleno y perfiles
5.6Propiedades de texto e hipervínculos
6.ADICIÓN DE CONTENIDO
6.1Manejo de fuentes y texto
6.2Uso de imágenes
6.3Objetos multimedia
6.4Activos y bibliotecas
7.USO WIDGETS Y EFECTOS
7.1Inserción de widgets
7.2Widgets UI con jQuery
7.3Aplicación de efectos jQuery
8.VÍNCULOS Y NAVEGACIÓN
8.1Planeación
8.2Rutas absolutas y rutas relativas
8.3Menús
8.4Mapas de imagen
8.5Anclas
9.CREACIÓN DE FORMULARIOS
9.1Objetivo del formulario
9.2Campos de texto
9.3Campos ocultos
9.4Botones
9.5Listas y menús
9.6Casillas de verificación y botones de opción
9.7Verificación y envío
10.PUBLICACIÓN
10.1Depuración del código
10.2Validación del código
10.3Verificación de vínculos
10.4Pruebas multipantalla
10.5Pruebas en navegador
10.6Publicació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