UOC

CSS con Dreamweaver 8

Datos del taller

Calendario:
Del 1 al 28 de febrero
Créditos:
2
Duración:
30 horas
Lugar:
Campus Virtual
Coordinación:
Jose Manuel López Pola
Idioma Docencia:
Español
Material Web:
Material papel:
No
Bibliografía:
No
Idioma Material:
Español
CD:
No

Introducción:

CSS es uno de los pilares que soportan la Web 2.0, la Web actual que ha hecho posible el "Acceso Universal a la Información", idea que en su momento dio origen a la Web (la World Wide Web). Nuestro primer contacto con CSS puede tentarnos a pensar que complica innecesariamente algo tan sencillo y probado durante años como insertar o arrastrar contenido a una celda de una tabla, pero el uso de CSS tal como recomienda el W3C, nos da un control total sobre la presentación de todo el sitio en un tiempo record. Una operación de mantenimiento que sin hoja de estilo suponía tener que modificar docenas de documentos, ahora es posible en pocos segundos, lo que se tarda en editar un único documento css y modificar una regla de estilo. Pero la principal aportación de CSS a la Web, ha sido en términos de accesibilidad, ha permitido separar la parte de presentación del contenido, facilitando que este último pueda llegar al cada vez mayor número de dispositivos de diferentes características que se conectan a Internet, incluidos dispositivos de ayuda técnica a discapacitados. Aprovechar estas importantes ventajas para el desarrollo web siempre ha requerido un buen conocimiento del estándar CSS, y un buen número de horas practicando. En este taller aprenderemos a utilizar el potencial de Dreamweaver 8 para simplificar el trabajo con CSS, lo que nos permitirá en muy poco tiempo desarrollar documentos web controlando su presentación, y la de todos los documentos del sitio en los diferentes agentes de usuario (navegadores y dispositivos). Para ello dividiremos el proceso de desarrollo en dos fases, en la primera aprenderemos a marcar el contenido con la estructura y significado semántico necesario para que siga teniendo sentido y coherencia independientemente de la presentación, dispositivo o aplicación que lo procese. En la segunda fase presentaremos ese contenido para distintos dispositivos utilizando únicamente las herramientas de Dreamweaver 8 para el trabajo con CSS. El resultado final será un documento muy versátil, con accesibilidad multidispositivo, adaptable a diferentes resoluciones, provisto de un código limpio, y un contenido bien marcado y estructurado, en el que resultará muy fácil cualquier operación de mantenimiento o adaptación a diferentes estándares y niveles de adecuación accesible.

Objetivos:

Marcar correctamente el contenido web en base a su significado semántico, y jerarquía estructural, para que mantenga intacto su sentido, significado, y coherencia independientemente de la presentación, y dispositivo de salida. Controlar la presentación de un documento o todo un sitio web aprovechando el potencial de Dreamweaver 8 para trabajar con el estándar CSS 2.0. Adquirir una buena base de conocimientos sobre maquetación web, que aporte soluciones alternativas al uso de tablas, un contenido adaptable a distintas resoluciones, y una separación total entre contenido y presentación. Aprender a realizar las operaciones de mantenimiento más frecuentes a nivel de sitio web, utilizando hojas de estilo externas.

Material docente

Guía de Dreamweaver 8

Como material principal nos centraremos en los tutoriales 2, 3, y 4 de la guía de Dreamweaver 8, donde se explican los conceptos y procesos clave del taller sobre elementos del código y presentación CSS. Además contaremos con los tutoriales 1 y 5 por si fuese necesario repasar algunas operaciones básicas del trabajo con Dreamweaver.

Guía de Estándares Web

Como material de consulta contaremos con los módulos de Estructura de documentos, Presentación css, y Accesibilidad, de la guía de Estándares Web. Este material nos aportará la base teórica necesaria para comprender mejor y profundizar en algunas cuestiones directamente relacionadas con el trabajo en CSS que realizaremos con Dreamweaver.

Contenidos

A continuación se relacionan los contenidos correspondientes al material principal (Guía de de Dreamweaver 8)

Observaciones

Los estudiantes deberán disponer de Dreamweaver 8, o descargar la versión de prueba del software.

Valid XHTML 1.0 Transitional