Malla del Curso
Diagramación CSS en Dreamweaver CS4
Total de cursos que ofrecemos en este software:
- Manejo de Dreamweaver CS4
- Desarrollo Javascript y Ajax (Spry) en Dreamweaver
- Diagramación CSS en Dreamweaver CS4
Contenido del Curso
IMPORTANTE: 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. También se requiere manejar en forma fluida Photoshop, Fireworks u otro editor de imágenes.
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
Las ofertas y otros descuentos de los cursos no son acumulables
Vea También
Manejo de Dreamweaver CS4 Uso de Adobe Photoshop CS4 Manejo de Flash Básico CS4 Páginas Dinámicas con PHP Y MySQL (en Dreamweaver CS4) Diagramación CSS en Dreamweaver CS4 Manejo de Flash Action Script 3 (AS3) Uso de Adobe Illustrator CS4 Diseño Gráfico usando Freehand MX Manejo de InDesign CS4 Técnicas Avanzadas de Retoque y Pintura Digital en Photoshop Desarrollo Javascript y Ajax (Spry) en Dreamweaver Introducción al desarrollo de aplicaciones con Adobe Flex Optimización de sitios para posicionamiento en buscadores web (SEO) Desarrollo de Aplicaciones Dinámicas con Flash Técnicas avanzadas para Diseño en Flash WordPress: Publicación de contenido dinámico en la Web Manejo de Strata 3D Animación en Strata 3D
Síguenos en:
Avda. 11 de Septiembre 1860 Piso 15, Oficina 151, Providencia, Santiago de Chile Fono: (56-2) 234 59 65 - Fax: (56-2) 234 99 68
Contacto - Información Legal - Diseño Sitio por TCI. Hosting provisto por Chilered