Diagramación CSS en Dreamweaver CS4
Curso
En Santiago
Descripción
-
Tipología
Curso
-
Lugar
Santiago
-
Horas lectivas
24h
Controlar la capa de presentación de documentos XHTML aumentando la coherenciay mantenibilidad del sitio. Dirigido a: Personas que utilicen Dreamweaver que quieran profundizar en su uso aprovechando las prestaciones de diagramación CSS que ofrece el programa.
Sedes y fechas disponibles
Ubicación
comienzo
comienzo
A tener en cuenta
Para poder inscibirse en este curso de diagramación CSS se requiere haber tomado nuestro curso de Dreamweaver básico o demostrar conocimientos equivalentes. Contáctanos para coordinar una evaluación si no eres ex-alumno nuestro.
Uso de CSS en Dreamweaver CS3 es un curso de nivel intermedio que enseña la diagramación de páginas web mediante el estándar CSS (hojas de estilo en cascada).
Este es un curso de nivel intermedio y requiere haber aprobado el curso de Dreamweaver básico o aprobar una prueba de conocimientos equivalentes........
Opiniones
Temario
Contenido del Curso
HTML/XHTML
Para entender y aplicar correctamente las hojas de estilos es importante comprender el comportamiento del HTML. Comenzamos con una unidad dedicada a repasar HTML, XHTML y XML.
- Historia
- Sintaxis
- Elementos
- Estructura
- HTML semántico
CSS
CSS trabaja en conjunto con HTML/XML encargándose de la capa de presentación. En esta unidad se ve la separación de capas, y la función y generalidades del CSS.
- Modelo de tres capas: separación de contenido y presentación
- Sintaxis de CSS
- Aplicación de CSS
- Selectores
- Especificidad de selectores y la cascada CSS
- Propiedades
- CSS para distintos medios
CSS EN DREAMWEAVER CS3
Adobe Dreamweaver integra CSS en el proceso de diseño y producción de páginas y sitios Web. En esta unidad aprenderemos a utilizar la interfaz de Dreamweaver para trabajar el CSS.
- Preferencias de Dreamweaver para CSS
- La paleta unificada CSS
- Edición de CSS en Dreamweaver
- Ayudas visuales en pantalla
- Administración de CSS
FORMATO DE TEXTO
En esta unidad ya tenemos las bases para comenzar a trabajar aplicando CSS. Comenzaremos por controlar el formato del texto de un sitio, a nivel estructural y a nivel de necesidades arbitrarias.
- Propiedades generales: la etiqueta body
- Herencia
- Títulos
- Párrafos
- Listas
- Formato arbitrario mediante clases
IMÁGENES
Si bien CSS no controla imágenes directamente, lo podemos utilizar para aplicar imágenes de fondo a diversos elementos con un elevado nivel de control, y controlar la apariencia de las imágenes de nuestras páginas.
- Imágenes de contenido e imágenes de fondo
- Propiedades de las imágenes de fondo
- Diagramación con imágenes
- Fondos de página
- El problema de la transparencia
ENLACES Y FORMULARIOS
CSS nos permite un control muy fino de la apariencia de nuestros enlaces: desde evitar el uso de botones de imagen hasta la separación visual de enlaces con distintas funciones.
- Enlaces
- Pseudoclases
- Botones CSS
- Diferenciación de enlaces :before y :after
- Elementos de formulario, la pseudoclase :focus
DIAGRAMACION CSS Y POSICIONAMIENTO DE ELEMENTOS
El poder de CSS está en que nos permite disponer los elementos de página a nuestro arbitrio. Esto requiere manejar el posicionamiento de elementos de bloque.
- Elementos inline y de bloque.
- Posicionamiento CSS
- Posicionamiento relativo v/s absoluto
- Centrado de elementos
- Diseños de página comunes
- Flotación y clear
DIFERENCIAS ENTRE MEDIOS Y NAVEGADORES
Cualquier navegador no da lo mismo: todos despliegan el CSS en forma levemente distinta. Además no es lo mismo crear una hoja de estilos para impresión que para pantalla. En esta unidad aprenderemos a controlar la apariencia en diversos medios y navegadores.
- Modelo de caja W3C
- Propiedad has layout en Explorer
- Principales diferencias entre navegadores
- Comentarios condicionales
- Hojas de estilos para diversos medios
Diagramación CSS en Dreamweaver CS4