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