Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Domestika

Diseño web responsive con Adobe Dreamweaver

via Domestika

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

Taught by

Arturo Servín

Reviews

Start your review of Diseño web responsive con Adobe Dreamweaver

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.