Creación de sitios webs compatibles XHTML con ayuda de Macromedia Dreamweaver 8 - Paso 1: Elección de la plantilla y del DTD de nuestro sitio.

Una de las opciones que nos permite Macromedia Dreamweaver 8 es crear un sitio a partir de muestras de Diseños de Páginas (CSS).

En nuestro caso de ejemplo vamos a crear un sitio de dos columnas, con la navegación en la parte derecha compatible con el estandar DTD XHTML 1.0 de transición.

Una vez creado el sitio, se nos creará una página web totalmente compatible con XHTML 1.0 de transición y un fichero CSS llamado 2col_rightNav.css que contendrá la hoja de estilos de nuestro sitio web. La vista en código del fichero HTML que hemos creado (en nuestro caso, index.html) nos delatará todas las etiquetas compatibles XHTML así como la delegación de la maquetación al CSS.

Macromedia Dreamweaver 8, a diferencia de otros programas de edición HTML WYSIWYG, ha realizado un gran esfuerzo para adaptarse a los estándares del W3C, conscientes de los beneficios anteriormente descritos. En la plantilla que nos ha creado en el archivo creado, tendremos casi todos los elementos que vamos a necesitar para la creación de nuestra página y introducirnos fácilmente en los estándares.

Una de las utilidades interesantes de Dreamweaver para la adaptación a los estándares es la opción de convertir una página web a distintos DTD, entre ellos XHTML 1.0 de transición, estricto y XHTML 1.1. Esta opción que encontraremos dentro del menú Archivo > Convertir, nos facilitará adaptar nuestras webs no XHTML a XHTML compatibles.

Aunque su funcionalidad no resulte muy adecuada, Dreamweaver nos ofrece una utilidad llamada Limpiar HTML/XHTML que nos permitirá realizar una pequeña limpieza de código mal formado en nuestro documento HTML que encontraremos en el menú Comandos > Limpiar XHTML.

Puede que una de las funciones más importantes para un maquetador web que puede ofrecer un editor HTML es la escritura automática en la vista de código, donde Dreamweaver realiza un notable papel escribiendo etiquetas XHTML compatibles siempre que el documento resulte bien definido. Un ejemplo de esta escritura puede ser la etiqueta <br/> (XHTML compatible) en lugar de <br> (HTML pero no XHTML compatible) con la combinación de teclas Shift+Intro, o el cierre automático de etiqueta “/>” cuando insertamos etiquetas que no requieren etiqueta de cerrado como <input /> o <img />.