Diseño web responsive con Adobe Dreamweaver

Aprende HTML y CSS básico para crear paso a paso un sitio web responsive y con una interfaz visual

• Introducción
• Principios de diseño web
• Perdiendo el miedo a Dreamweaver: construyendo una página web básica
• Agregando estilo a una página web
• Un sitio responsivo
• Publicación de sitio web
• Proyecto final

Adobe Dreamweaver es un software que permite construir páginas web desde una interfaz completamente visual, y que, a diferencia de otros programas, tiene la capacidad de generar códigos HTML y CSS sin errores, porque cuenta con una función que verifica que estén escritos correctamente. Además, integra sin dificultad las herramientas de Creative Cloud como colores, imágenes o archivos .svg, entre otros.



En este curso, el diseñador web Arturo Servín —más conocido como Monky Lab— te enseñará a realizar un sitio web responsive con Adobe Dreamweaver de una manera visual y sin conocimientos en HTML y CSS utilizando una interfaz gráfica con herramientas de construcción y escritura de código. De este modo, con la fusión entre la programación básica y el diseño, tendrás un mayor control en la elaboración de cualquier documento web.




Para realizar este curso no es necesario tener conocimientos en HTML y CSS. Además, es el complemento ideal para los alumnos de su Domestika Basics: Adobe Photoshop para diseño web, para hacer realidad la página web que han diseñado.

• Presentación
• Influencias
• ¿Qué haremos en el curso?
• ¿Qué son la UX y UI?
• Dirección de arte
• La ventaja de estandarizar
• ¿Porque usar Dreamweaver?
• Descripción general del área de trabajo
• Creación de carpetas de trabajo
• Sintaxis HTML usando etiquetas, atributos y valores
• Estructura general de una página web
• Colocando texto e imágenes
• Enlaces
• Vinculación de un archivo CSS y su Sintaxis
• Selectores y valores
• El modelo de caja y reinicio de una hoja de estilos
• Estilos tipográficos
• Estilos para el diseño de cajas P1
• Estilos para el diseño de cajas P2
• Aplicando position, display y floats P1
• Aplicando position, display y floats P2
• Decoración CSS
• Creando Media Queries
• Primero el móvil
• Haciendo un menú responsivo sencillo P1
• Haciendo un menú responsivo sencillo P2
• Usando las vistas previas
• Revisar y corregir
• Definiendo un sitio remoto desde Dreamweaver
• Subiendo el sitio web
• Sincronizar el sitio local y el sitio remoto
• Introducción al diseño web responsive con Adobe Dreamweaver