Dreamweaver CC Avanzado para diseñadores

Temario

1. Trabajar con CSS
1 Cómo crear reglas CSS con Dreamweaver
2 Comprender la cascada
3 Crear y modificar estilos
4 Crear un estilo de clase con el inspector de propiedades
5 Crear y modificar estilos en el panel CSS Styles
6 Formateo avanzado de texto con CSS
7 Perfeccionar la apariencia de página con selectores
8 Etiquetas Div y CSS IDs
9 Hojas de estilo internas vs. externas
10 Adjuntar una hoja de estilo externa
11 Modificar estilos adjuntados
12 Crear un archivo nuevo .ccs

2. Crear maquetación de página con CSS
1 Márgenes CSS, padding y bordes
2 Revisar el elemento
3 Revisar el selector ID
4 Crear un contenedor centrado
5 Posición absoluta versus relativa
6 Ubicar contenido con AP Divs
7 Crear una sección de encabezado con Draw AP Div
8 Agregar una sección de introducción
9 Agregar imágenes a tu diseño
10 Integración con Photoshop
11 Agregar áreas de contenido
12 Sobreescribir márgenes predeterminados
13 Agregar bordes a los elementos

3. Características avanzadas de maquetación
1 Diseñar con AP divs versus diseñar con flotaciones
2 Crear una imagen fl otante
3 Crear columnas con HTML y CSS
4 Crear la estructura HTML con elementos div
5 Configurar el ancho y flotación de las columnas
6 Usar la propiedad Clear
7 Crear una barra de navegación de tipo lista
8 Cambiar el diseño y tamaño de las columnas
9 Crear la apariencia de columnas de igual altura
10 Toques finales
11 Crear diseños más sofi sticados

4. Transiciones CSS3
1 El rol de CSS3
2 Añadir una transición CSS
3 Modificar una transición CSS
4 Agregar transiciones CSS a un menú de navegación
5 Agregar un degradado CSS
6 Agregar un degradado al fondo de la página
7 Crear bordes redondeados

5. Usar fuentes de la web
1 Fundamentos de fuentes Web
2 Fuentes Web en Dreamweaver CC
3 Usar Adobe Edge Web Fonts
4 Crear un font stack personalizado con fuentes de Web
5 Dar estilo a tu contenido con Adobe Edge Web Fonts
6 Agregar fuentes locales Web con @font-face

6. Agregar video, audio e interactividad
1 Agregar video HTML5
2 Agregar video Flash
3 QuickTime y Windows Media
4 Insertar animaciones de Edge Animate
5 Insertar sonido HTML5

7. Maximizar el diseño
1 Crear elementos modulares de página
2 Snippets
3 El panel Snippets
4 Elementos de biblioteca
5 Modificar y actualizar elementos de biblioteca
6 Crear plantillas
7 Trabajar con regiones editables
8 Modificar plantillas
9 Regiones de repetición

8. Trabajar con características de edición de código
1 Trabajar con código
2 Acceder a código con el selector de etiquetas
3 Insertar etiquetas con el Tag Chooser
4 Insertar y editar comentarios
5 Trabajar en vista código
6 Modificar el espacio de trabajo de vista de código
7 La barra de herramientas de código
8 Contraer y expandir etiquetas y bloques e código
9 Validar el código
10 Resaltar y corregir código no válido
11 Ejecutar un reporte
12 Formatear código

9. Construir formularios Web en HTML5
1 Fundamentos de formularios HTML5
2 Construir un formulario de contacto
3 Insertar la etiqueta form
4 Configurar propiedades de formulario
5 Agregar elementos de formulario
6 Agregar campos de texto con Dreamweaver CC
7 Agregar un campo de texto HTML5
8 Agregar casillas de verificación, botones, grupos de opción, listas y menús
9 Agregar un campo File Upload
10 Crear botones de envío y restauración
11 Dar estilo con CSS
12 Adjuntar estilos externos
13 Dar estilo a los elementos de formulario
14 Procesamiento y validación
15 Validación HTML5
16 Panel Behaviors
17 Configurar un evento o detonador
18 Validar campos

10. Responsive Web Design y diseño para dispositivos móviles
1 Herramientas de Dreamweaver y diseño para móviles
2 Previsualizar la página usando tamaños de ventana
3 Crear media queries
4 Crear una maquetación optimizada para móviles
5 Crear estilos para navegación y composición de una sola columna
6 Maquetación con Fluid Grid
7 Crear tu maquetación para móviles
8 Crear maquetación para tabletas
9 Crear maquetación de tres columnas fluidas para el escritorio
10 Darle estilo a los elementos