CSS Avanzado y practico en video y completo
Diseña y desarrolla tu propio sitio usando CSS y aprende las ventajas de delegar toda la maquetación a las hojas de estilo y la estructura a HTML. En este curso video2brain verás cómo diseñar plantillas para diferentes dispositivos, y cómo combinarlas usando diseño fluido.
Introducción
Estructura
- Estructura de directorios y archivos 01:53
- Cabecera 06:32
- Resto del archivo 04:47
- JavaScript y CSS 05:16
- Formulario para el selector de plantillas 04:39
- Contenido de la página blog 04:34
- Contenido de productos y contacto 04:55
Maquetación CSS
Plantilla para PC
- Caja principal 02:55
- Estilizado de las cajas 04:43
- Contenido de cabecera y sección 04:04
- Desbordamiento 02:60
- Estilizado e imágenes 08:32
- Imágenes destacadas 03:14
- Estilos e imágenes 10:28
- Retoques finales 02:48
Plantilla para PC-HD
Plantilla para móvil
- Estructura del documento 02:45
- Estilos para los títulos 02:57
- Menú de navegación 05:50
- Artículos desplegados 04:57
- Retoques e imágenes 03:41
- Principios de diseño 02:37
- Estilizado de las cajas 02:16
- Ampliación de la programación 06:46
- Plantilla 05:19
Maquetado del resto de páginas
Formulario
- Plantilla por defecto 01:21
- Plantilla para PC 07:08
- Plantilla para móvil 06:17
Productos
- Contenedor para los productos 03:15
- Maquetación de los artículos 02:40
- Imágenes en los artículos 01:35
Diseño fluido
Diseño fluido con JavaScript
- Detección por anchura 04:54
- Detección por user-agent 03:35
- Detección de anchura 03:42
- Detección de medios 03:14
Despedida
NOTA: si hay links caídos por favor mencionarlo para subirlo nuevamente.
>> CANAL OFICIAL: http://www.youtube.com/4LANUG
>> TIENDA VIRTUAL Y OFERTAS: http://www.facebook.com/Jerboshop
En este curso aprenderás paso a paso a maquetar plantillas para sitios web usando CSS, y cómo combinarlas entre si usando diseño fluido. Desarrollaremos paso a paso un ejemplo de sitio web con cuatro plantillas diferentes: para PC, para PC de alta definición, para tableta y para teléfono móvil. Gracias a CSS aprenderás a crear cuatro plantillas para cuatro dispositivos bien diferentes, sin tener que modificar el archivo HTML original.
- Creación de una estructura HTML
- Creación de varias presentaciones CSS para múltiples medios
- Combinación de las plantillas con JavaScript y diseño fluido tanto con CSS como con JavaScript
Se facilitarán todos los archivos necesarios para el desarrollo del proyecto. Dentro de la carpeta principal, encontrarás tanto el proyecto finalizado, como todos los archivos y recursos necesarios para seguir el ejercicio del curso tal y como se desarrolla en el curso.
HTML es la estructura y CSS el aspecto. Descubre cómo aprovechar al máximo tu trabajo de diseño para diferentes tipos de dispositivos, y todo de la mano.
COMENTAR
COMENTAR USANDO FACEBOOK