En primer lugar, realizaremos una rápida visita guiada por las nuevas funciones de creación XML de Dreamweaver 8 para ayudarle a familiarizarse con el espacio de trabajo.
Con Dreamweaver 8, puede crear documentos XML y XSL desde cero, al igual que con cualquier otro tipo de página. Abra Dreamweaver 8 y seleccione Archivo > Nuevo. Aparecerá el cuadro de diálogo Nuevo documento.
Figura 1. Selección de XSLT (página completa) en el cuadro de diálogo Nuevo documento
Tenga en cuenta que también puede crear fragmentos de XSLT para usarlos posteriormente en el procesamiento de datos XML en sus páginas dinámicas. Un fragmento de XSLT es un archivo que no contiene las etiquetas <head> y <body> como una página XSLT completa. Es una parte de código simple que se inserta posteriormente en una página dinámica.
Si ya dispone de un sitio estático configurado y desea que sea dinámico, puede convertir fácilmente páginas HTML en plantillas XSL desde el menú Archivo, seleccionando Archivo > Convertir > XSLT 1.0 (tal como se muestra en la figura 2).
Figura 2. Conversión de una página HTML a un documento XSLT
Lo mejor de Dreamweaver 8 es que simplifica el desarrollo en lenguaje XML. En el panel Vinculaciones puede ver una representación en forma de árbol de la fuente de datos XML que utiliza:
Figura 3. Árbol XML en el panel Vinculaciones
Puede arrastrar nodos desde el árbol y soltarlos en su hoja de estilos XSL, como verá más tarde en este artículo.
Asimismo, puede usar cualquier objeto de la ficha XSLT de la barra Insertar para ver los nodos que se repiten, definir condiciones simples o múltiples y añadir comentarios al código.
Figura 4. Ficha XSLT de la barra Insertar
Hacia el final de este tutorial, también aprenderá a usar el comportamiento del servidor XSL Transformation (desde el panel Aplicación) en sus páginas dinámicas para procesar y mostrar datos XML:
Figura 5. Comportamiento del servidor XSL Transformation
Si desea retocar el código o probar sus propios trucos de XSL, puede hacerlo mediante las funciones de sugerencias y terminación automática de código de Dreamweaver 8.
Figura 6. Sugerencias de código
A medida que siga este tutorial, descubrirá y dominará todas estas funciones rápidamente.