Curso Básico Responsive Desing - Pixelweb

respinsive-desing

CONTENIDO DEL CURSO

Capítulo 1: Introducción al diseño de sitios responsivos

  • 1.1 ¿Qué es el diseño adaptable o responsive web design?
  • 1.2 ¿Por qué desarrollar un sitio responsivo?
  • 1.3 Beneficios del diseño responsivo
  • 1.4 Tendencias actuales de navegación
  • 1.5 Diferencias entre diseño responsivo, mobile web y mobile app
  • 1.6 Diseño fluido
  • 1.7 Uso de grillas fluidas
  • 1.8 Diferencia entre diseño fijo, diseño fluido, diseño adaptable y diseño responsivo
  • 1.9 Mobile first, ¿qué es?
  • 1.10 Uso de grillas responsivas
  • 1.11 Herramientas para crear grillas
  • 1.12 Diseño de interfaz responsiva
  • 1.13 Áreas mínimas para los elementos clickeables

Capítulo 2: Maquetación fluida

  • 3.1 Maquetación con grillas fluidas
  • 3.2 Definición de ancho máximo y mínimo
  • 3.3 Utilización de em en lugar de px
  • 3.4 Beneficios de utilizar em
  • 3.5 Formula de conversion de px a em
  • 3.6 Utilización de rem
  • 3.7 Márgenes y rellenos flexibles
  • 3.8 Herramientas de visualización
  • 3.9 Concepto de breakpoint
  • 3.10 Definición de breakpoints
  • 3.11 Retina display

Capítulo 3: Maquetación responsive

  • 3.1 Concepto de viewport
  • 3.2 Concepto de mediaqueries
  • 3.3 Sintaxis de las mediaqueries
  • 3.4 Capacidades de las mediaquieries
  • 3.5 Uso de mediaquieries en la etiqueta link
  • 3.6 Uso de mediaquieries en el archivo de estilo
  • 3.7 Imágenes fluidas
  • 3.8 Limitación de ancho máximo para las imágenes
  • 3.9Tipografía adaptable

Capítulo 4: Maquetación mediante Frameworks (Bootstrap)

  • 4.1 Concepto de framework
  • 4.2 Beneficios de trabajar con frameworks
  • 4.3 Introducción a bootstrap
  • 4.4 Sistema de rejillas con bootstrap
  • 4.5 Tipos de rejillas
  • 4.6 Reseteando columnas
  • 4.7 Desplazando columnas
  • 4.8 Anidando columnas
  • 4.9 Re-ordenando las columnas

ENVÍENOS UN CORREO