Vídeo Curso Crea Sitios Responsive Profesionales con Adobe Dreamweaver
Conocerás las mejores técnicas para crear sitios web que se adapten a los cambios de tamaño del navegador y a los diferentes tamaños de pantalla de los diferentes dispositivos con los cuales los usuarios acceden a los sitios web
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
Creación de plantilla
Ajuste final de las páginas
Finalización del ejercicio
¿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 Galería
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 tablets
Formatear contenido para tablets
Ajustes finales para tablets
Formatear estilos para móviles
Análisis de un problema de rendimiento en móviles
Cargar imágenes diferentes para móviles
Finalización del ejercicio
