PDF (adobe.com)

Aplicación de estilos a fragmentos de XSLT

Al crear una página completa XSLT (es decir, una página XSLT que contiene etiquetas <body> y <head>), puede visualizar los datos XML en la página y, después, aplicarles formato como haría con cualquier otro fragmento de contenido mediante el inspector de propiedades o el panel Estilos CSS. Sin embargo, al crear un fragmento de XSLT para su inserción en una página dinámica (por ejemplo, un fragmento para insertar en una página ASP, PHP o Cold Fusion), la representación de los estilos en el fragmento y en la página dinámica se complica bastante. Aunque trabaje con un fragmento de XSLT fuera de la página dinámica, es importante recordar que el fragmento sirve para su utilización dentro de la página y que el resultado del fragmento reside en última instancia en las etiquetas <body> de la página dinámica. Teniendo en cuenta este flujo de trabajo, es importante asegurarse de no incluir elementos <head> (como definiciones de estilos o vínculos a hojas de estilos externas) en los fragmentos de XSLT. Si lo hace, el servidor de aplicaciones insertará estos elementos en la sección <body> de la página dinámica, lo que provocará un marcado no válido.

Por ejemplo, puede que desee crear un fragmento de XSLT para insertarlo en una página dinámica y aplicarle formato con la misma hoja de estilos externa que la página dinámica. Si adjunta la misma hoja de estilos al fragmento, la página HTML resultante contendrá un vínculo duplicado a la hoja de estilos (uno en la sección <head> de la página dinámica y otro en la sección <body> de la página, donde aparece el contenido del fragmento de XSLT). En vez de utilizar este método, debería utilizar hojas de estilo de tiempo de diseño para hacer referencia a la hoja de estilos externa.

Al dar formato al contenido de los fragmentos de XSLT, utilice el siguiente flujo de trabajo:

  • En primer lugar, adjunte una hoja de estilos externa a la página dinámica. (Esta es la práctica recomendada para aplicar estilos al contenido de cualquier página Web).

  • A continuación, adjunte la misma hoja de estilos externa al fragmento de XSLT como una hoja de estilos de tiempo de diseño. Tal como indica su propio nombre, las hojas de estilos de tiempo de diseño sólo funcionan en la vista Diseño de Dreamweaver.

    Una vez finalizados los dos pasos anteriores, puede crear nuevos estilos en el fragmento de XSLT con la misma hoja de estilos que adjuntó a la página dinámica. El código HTML resultante será más claro (ya que la referencia a la hoja de estilos sólo es válida mientras se trabaja en Dreamweaver) y el fragmento seguirá mostrando los estilos adecuados en la vista Diseño. Además, todos los estilos se aplicarán tanto al fragmento como a la página dinámica cuando la visualice en la vista Diseño, o cuando obtenga una vista previa de la página dinámica en un navegador.

    Nota: Si obtiene una vista previa del fragmento de XSLT en un navegador, éste no mostrará los estilos. Deberá obtener la vista previa de la página dinámica en el navegador para poder visualizar el fragmento de XSLT en el contexto de la página dinámica.

    Para más información sobre el uso de CSS para dar formato a fragmentos de XSLT, consulte www.adobe.com/go/dw_xsl_styles_es.