Diseño Web CSS con Dreamweaver

Con la evolución de la web 2.0 a los diseños web, no sólo se les pide que tengan un diseño atractivo, sino que su código tenga la calidad suficiente para aumentar la accesibilidad de la web, su promoción en buscadores y facilitar su usabilidad.

El diseño web con tablas es ya obsoleto ¡El diseño web con CSS es el futuro!

En este curso vamos a ver las técnicas más avanzadas para el diseño web basadas en estilos CSS para desarrollar la excelencia tanto de nuestro diseño como del código que producimos.

El método de trabajo está dirigido para aquellos profesionales que ya tienen un conocimiento básico del diseño web con Dreamweaver, tanto al diseñador como al técnico programador. Es decir, en el curso no vamos a explicar cómo crear páginas web, introducir texto o crear enlaces... eso se da por sabido. Nos centraremos desde el principio en el uso de los estilos CSS

Duración: 65 horas
  1. Introducción a tener en cuenta
    • 1. A tener en cuenta
    • Para qué sirve este Módulo
    • Introducción a los Estandares web
    • Las cosas claras sobre el CSS
    • XHTML y CSS de la mano
    • Los navegadores
    • RECETA Extra 1: Web Developer y Firebug
  2. Breve Glosario de CSS
    • 2. Glosario básico de CSS
    • Introducción
    • Componentes de una regla CSS
    • Selectores básicos
    • Selectores avanzados
    • PSeudo-clases
    • PSEUDO-elementos
    • REsumen
    • Herencia y Especificidad
    • Comentarios en css
    • RECETA de Gourmet: Resumir el CSS
  3. CSS y Dreamweaver
    • 3. CSS y Dreamweaver
    • Introducción
    • Preferencias de Dreamweaver
    • Ayudas
    • Aplicar CLASES E IDENTIFICADORES
    • Gestión y Creación de estilos en DW
    • El panel Estilos a fondo
    • RECETA 1 Extra: Detectar el Estilo Actual
  4. Gestión de Hojas de estilos
    • 4. Gestión de hojas de Estilo
    • Localización de estilos
    • Gestionar hojas de estilo
    • Los Media de la hojas de estilos
    • Consejos
    • receta extra 1: vincular una hoja a varias páginas.
    • Receta Extra 2: Escudriñar los estilos de las páginas por las que navegamos
    • Receta extra 3: Resetear la CSS del navegador
  5. Layouts 1: Bases de la maquetación con CSS
    • 5. Layout 1: Bases de la maquetación CSS
    • Introducción
    • Elementos de Bloque y de LÍNEA
    • Modelo de Cajas
    • Medida de Anchuras
    • Posicionamiento 1: POSITION
    • Posicionamiento 2 : FLOTAR y limpiar
    • Position vs. Float
    • Resumen
    • RECETA extra 1: Índice z y desbordamiento
    • RECETA extra 2: Centrar una página horizontalmente
    • RECETA extra 3: Centrar una pÁgina verticalmente.
  6. Layouts 2: Perfeccionando la maquetación
    • 6. LAYOUT 2: Perfeccionamiento
    • Introducción
    • Layout FLOAT de 2 columnas fijas.
    • Layout FLOAT 3 columnas fijas
    • Layout ELÁSTICOS
    • Alturas/anchuras máximas y mínimas
    • RECOMENDACIONES.
    • RECETA EXTRA 1: Layout de rejilla
    • RECETA EXTRA 2: Proporción Aurea
    • Receta Extra 3: Equivalencias.
  7. Encabezados y Textos
    • 7. Encabezados, Listas y textos
    • Introducción
    • Estilizando encabezados
    • Estilizando cajas de texto
    • Tamaño del texto al detalle
    • Repartir el PESO visual del texto
    • Recomendaciones
    • Listas
    • Propiedades raras
    • Receta Extra 1: Reemplazar texto por IMÁGENES
    • Receta Extra 2: Tests de Legibilidad
    • RECETA ESTA 3: Hoja de estilo para imprimir
    • Ejercicios
    • Ejercicio 1
    • Ejercicio 2
    • Ejercicio 3
    • Ejercicio 4
    • Ejercicio 5
  8. Imágenes y Fondos
    • 8. Imagen y fondos
    • Introducción
    • ESTILIZAR IMÁGENES
    • Propiedades de Imagen de fondo
    • Técnicas de fondo de imagen
    • IMÁGENES de fondo que engañan
    • Receta Extra 1: Columnas de 100% de altura
    • Receta Extra 2: Fondos de cajas elásticas
  9. Enlaces y Barras de navegación
    • 9. Estilizar la navegación: Listas, enlaces y menús
    • La importancia de la navegación
    • CSS básico para enlaces
    • Lista - Barra vertical
    • Lista - Barra horizontal: nivel 1
    • Lista - Barra horizontal: nivel 2
    • Roll Over sólo de imagen
    • RECETA de gourmet 1: Lista-Barra-Solo imagen
    • RECETA DE GOURMET 2: Todo con una sola imagen.
    • Ejericicios
    • Ejercicio 1
    • Ejercicio 2
    • Ejercicio 3
  10. Tablas y Formularios
    • 10. Tablas y Formularios
    • Introducción
    • CSS de Tablas
    • CSS de Formularios
  11. Técnicas Multi-Navegadores y Hacks
    • 11. Validación, Técnicas Multinavegador y Hacks
    • Control de calidad
    • Validación del Código
    • Probando el diseño PARA navegadores
    • QuÉ hacer cuando algo no funciona
    • Hacks y filtros
    • RECETA EXTRA 1: hasLayout
    • RECETA EXTRA 2: min-height
    • RECETA EXTRA 3: PNG transparentes
    • Receta Extra 4: Extensiones CSS
    • CSS3: el Css que viene

Los datos que aparecen con el símbolo * son obligatorios

Este sitio web utiliza cookies de terceros con la finalidad de analizar el uso que hace de nuestra web y personalizar el contenido de los anuncios. Si continúa navegando entendemos que acepta su uso. Más información