Aprende a crear sitios web responsive design, diseño de páginas web que se adaptan a diferentes dispositivos y tamaños de pantalla.
CREAR UN DISEÑO FIJO
-
Archivo inicial
-
Estructura básica
-
Revisión del boceto
-
Estilos iniciales
-
Contenido inicial
-
Configurar Web Fonts
-
Usar fuente web
-
Formatear el menú
-
Finalizar el menú
-
CSS Reset
-
Finalizar el encabezado
-
Estructura del contenido
-
Elementos del contenido
-
Crear botón con CSS
-
Ceación de plantilla
-
Ajuste final de las páginas
-
Finalización del ejercicio
CREAR UN DISEÑO FLEXIBLE
-
¿Qué es un diseño flexible?
-
Planeación de un diseño flexible
-
Editar área superior
-
Hacer flexible la descripción
-
Hacer flexible la imagen del encabezado
-
Hacer flexible el logo
-
Uso de media Queries
-
Controlar el ancho máximo y mínimo
-
Hacer flexible el área de contenido
-
Hacer flexible las áreas de Planes
-
Hacer flexibles las imágenes de Planes
-
Ajustes de la página Planes
-
Ajustes de la página Galeria
-
Finalización del ejercicio
CREAR UN DISEÑO RESPONSIVE
-
¿Qué es Responsive Layout?
-
Uso de Media Queries en bloque
-
Uso de Media Queries en enlace de estilos
-
Crear Media Queries con Consultas de medios
-
Crear Media Queries
-
Empezar a trabajar con hojas de estilo
-
Formatear encabezado para tabletas
-
Formatear contenido para tablets
-
Ajustes finales para tablets
-
Formatear estilos para móviles
-
Análicis de un problema de rendimiento en móviles
-
Cargar imágenes diferentes para móviles
-
Finalización del ejercicio
