Entrar al aula
×

Curso de Diseño Web CSS con Dreamweaver

65 horas
Bonificar curso

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

Dirigido a:

Este curso va dirigido a los diseñadores y profesionales del diseño web que deseen actualizar sus conocimientos sobre las últimas técnicas de diseño web con estilos CSS, respetuosas con los estándares W3C, y que ya tengan un conocimiento básico de estilos CSS, HTML y Dreamweaver en cualquiera de sus versiones.

Objetivo

Aprender las posibilidades del uso de Estilos CSS para desarrollar un diseño web complejo sin la necesidad de recurrir a códigos y tecnologías que restan accesibilidad a nuestro sitio web.

Se le dotará al alumno de una serie de recursos eminentemente prácticos y técnica de diseño de última generación para que pueda dar formato a cualquier elemento XHTML de una página web con la mínima injerencia en su código y, de esta forma, aumentar la accesibilidad de esa web, poder mejorar fácilmente su promoción en buscadores y facilitar la gestión posterior de su código.
Todo ello sin la necesidad de renunciar a un diseño elaborado y de calidad que sea atractivo para el visitante.

Requisitos:

Disponer de Dreamweaver CS3 y conocimientos básicos de HTML y diseño web.

Temario

  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

Modalidades

  Con Tutor
Acceso secuencial a las unidades del curso. Disponible
Descarga de contenidos en PDF. Disponible
Acceso a recursos didácticos y multimedia. Disponible
Ilimitadas consultas al tutor. Disponible
Videoconferencias con el tutor desde el entorno de comunicaciones Disponible
Ejercicios prácticos corregidos y evaluados por el tutor. Disponible
Certificado de realización PDF firmado digitalmente -
Certificado de aprovechamiento PDF e impreso. Disponible
Posibilidad de bonificación hasta el 100% Disponible
  65 horas
  325€
Bonificar curso