Diseño web responsive con Adobe Dreamweaver

Go to class
Write Review

Diseño web responsive con Adobe Dreamweaver provided by Domestika is a comprehensive online course. Diseño web responsive con Adobe Dreamweaver is taught by Arturo Servín. Upon completion of the course, you can receive an e-certificate from Domestika. The course is taught in Spanishand is $10.00. Visit the course page at Domestika for detailed price information.

Overview
  • 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.

Syllabus
    • 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