VÍDEO CURSO CSS AVANZADO Y PRÁCTICO MAQUETACIÓN WEB PARA MÚLTIPLES DISPOSITIVOS

Aprende a diseñar tus propios sitios web, utilizando todas las ventajas que nos provee CSS designando todos los detalles de la maquetación a las hojas de estilo y a tu estructura HTML

Diseña paso a paso las plantillas para us sitios web, adaptadas a varios dispositivos usando Javascript y/o CSS - media

 

Presentación del curso

ESTRUCTURA

• Estructura de directorios y archivos
• Cabecera
• Resto del archivo
• JavaScript y CSS
• Formulario para el selector de plantillas
• Contenido de la página blog
• Contenido de productos y contacto

PLANTILLA PARA PC

• Caja principal
• Estilizado de las cajas
• Contenido de cabecera y sección
• Desbordamiento
• Estilizado e imágenes
• Imágenes destacadas
• Estilos e imágenes
• Retoques finales

PLANTILLA PARA PC - HD

• Plantilla para alta definición

PLANTILLA PARA MÓVIL

• Estructura del documento
• Estilos para los títulos
• Menú de navegación
• Artículos desplegados
• Retoques e imágenes

PLANTILLA PARA TABLETA

• Principios de diseño
• Estilizado de las cajas
• Ampliación de la programación
• Plantilla

MAQUETADO DE UN FOMULARIO

• Plantilla por defecto
• Plantilla para PC
• Plantilla para móvil

MAQUETADO DE UN BLOG

• Maquetación a dos columnas
• Finalización de la maquetación
• Plantilla para móvil

MAQUETADO DE PRODUCTOS

• Contenedor para los productos
• Maquetación de los artículos
• Imágenes en los artículos

DISEÑO FLUIDO CON JAVASCRIPT

• Detección por anchura
• Detección por user-agent

DISEÑO FLUIDO CON CSS - MEDIA

• Detección de anchura
• Detección de medios