Diseño web adaptativo

Diseño web adaptativo

Diseño adaptativo con Adobe Dreamweaver

Descripción

Este curso muestra dos acercamientos al diseño web adaptativo, la nueva característica Grilla de Diseño Fluida y media queries, la cual permite a un amplio espectro de diseñadores alcanzar tu audiencia vía computadoras de escritorio, tabletas, y dispositivos móviles. El diseñador Mariano Caino muestra como utilizar la característica Grilla de Diseño Fluida en Dreamweaver para crear un sitio web que brinde diferentes diseños para tamaños de pantallas específicos. El curso también ofrece un acercamiento más avanzado para diseño utilizando media queries –empleando la característica Multipantalla Previa y mejorando el código resultante de salida– como también métodos para dar prioridad a imágenes adaptativas para móviles.

Temas incluídos

  • Explorando la Grilla de Diseño Fluida
  • Agregando elementos de bloque con etiquetas div
  • Insertando contenido en una grilla fluida
  • Modificando el número de columnas grilla
  • Ajustando anchos y márgenes de columna
  • Generando media queries de cero
  • Manejando cambios de orientación
  • Aplicando técnicas JavaScript