CSS avanzado y practico

Maquetación web para múltiples dispositivos

CSS como lenguaje para definir estilos y la forma en cómo se ve un sitio web ha evolucionado mucho a lo largo de la historia. Dado lo funcional de las últimas mejoras con la versión CSS3 se han generado nuevas reglas que pueden cubrir muchos aspectos que todo diseñador y desarrollador web está buscando.

Con este curso podrás entender mejor los selectores, trabajar mejor con el texto y las animaciones, así como sacar el mejor provecho de los media queries para la construcción de sitios web y algunos trucos que harán que tu sitio o aplicación web luzca espectacular.

• 1. Introduccion
  • 1.1. Presentacion
  • 1.2. Estructura
    • 1.2.1. Estructura de directorios y archivos
    • 1.2.2. Cabecera
    • 1.2.3. Resto del archivo
    • 1.2.4. JavaScript y CSS
    • 1.2.5. Formulario para el selector de plantillas
    • 1.2.6. Contenido de la pagina blog
    • 1.2.7. Contenido de productos y contacto
• 2. Maquetacion CSS
  • 2.1. Plantilla para PC
    • 2.1.1. Caja principal
    • 2.1.2. Estilizado de las cajas
    • 2.1.3. Contenido de cabecera y seccion
    • 2.1.4. Desbordamiento
    • 2.1.5. Estilizado de imagenes
    • 2.1.6. Imagenes destacadas
    • 2.1.7. Estilos de imagenes
    • 2.1.8. Retoque finales
  • 2.2. Plantilla para PC-HD
  • 2.3. Plantilla para movil
    • 2.3.1. Estructura de documento
    • 2.3.2. Estilos para los titulos
    • 2.3.3. Menu de navegacion
    • 2.3.4. Articulos desplegados
    • 2.3.5. Retoque de imagene
  • 2.4. Plantilla para tableta
    • 2.4.1. Principios de diseño
    • 2.4.2. Estilizado de las cajas
    • 2.4.3. Ampliacion de la programacion
    • 2.4.4. Plantilla
• 3. Maquetado del resto de paginas
  • 3.1. Formulario
    • 3.1.1. Plantilla por defecto
    • 3.1.2. Plantilla para PC
    • 3.1.3. Plantilla para movil
  • 3.2. Blog
    • 3.2.1. Maquetacion a dos colulmnas
    • 3.2.2. Finalizacion de la maquetacion
    • 3.2.3. Plantilla para movil
  • 3.3. Productos
    • 3.3.1. Contenedor para los productos
    • 3.3.2. Maquetacion de los articulos
    • 3.3.3. Imagenes en los articulos
• 4. Diseño fluido
  • 4.1. Diseño fluido con JavaScript
    • 4.1.1. Deteccion por anchura
    • 4.1.2. Deteccion por user-agent
  • 4.2. Diseño fluido con CSS-media
    • 4.2.1. Deteccion de anchura
    • 4.2.2. Deteccion de medios
• 5. Despedida

Referencia

| |