Diseño web redimensionable

Diseño web redimensionable

Creando un diseño redimensionable con Adobe Dreamweaver

Descripción

Descubre como hacer un sitio web más legible y eficiente a través de varios tamaños de pantalla y dispositivos. El diseñador Mariano Caino comparte sus técnicas especializadas para crear un sitio web redimensionable. El curso comprende un sitio de inicio a fin, desde componer ideas en Illustrator o Photoshop, a ajustar la página HTML y contenedores, a dar estilo para elementos establecidos para pantallas pequeñas, medianas y grandes. En particular, Mariano muestra como cargar imágenes con CSS, dar posición a la barra de navegación para una mejor visualización en dispositivos móviles, y como hacer que el tiempo de descarga sea más rápido para pequeñas pantallas brindando múltiples versiones de tus imágenes. Además, aprende como reemplazar gráficos con versiones de alta resolución para pantallas Retina utilizando CSS media queries.

Temas incluídos

  • Entendiendo las necesidades del software
  • Planificar el diseño y la diagramación
  • Agregando contenedores, contenido, y enlaces
  • Creando y delimitando imágenes en Adobe Illustrator y Photoshop
  • Enlazando a archivos CSS con media queries
  • Ajustando la escala de la ventana
  • Dando estilo a encabezados, texto de cuerpo, y pies
  • Dando estilo y posición a enlaces de navegación
  • Cambiando gráficos de alta resolución para pantallas Retina