Está en la página 1de 5

HOJAS DE

ESTILO
XSLT

GRUPO 4
Erlantz Gonzlez, Sergio Vicho, lvaro
Montoya, Fernando Carrera, Sofa
Murgua
Contenido
XML ....................................................................................... 2
XSL......................................................................................... 3
Resultado final ................................................................... 4

1
HOJAS DE ESTILOS XSL
El XSLT es un lenguaje de programacin declarativo que permite generar
documentos a partir de documentos XML. El documento XML, es el documento
inicial a partir del cual se va a generar el resultado. La hoja de estilo XSLT, es el
documento que contiene el cdigo fuente del programa, es decir, las reglas de
transformacin que se van a aplicar al documento inicial. El procesador XSLT, es el
programa de ordenador que aplica al documento inicial las reglas de
transformacin incluidas en la hoja de estilo XSLT y genera el documento final. El
resultado de la ejecucin del programa es un nuevo documento.

XML
En el reto anterior, desarrollamos un documento XML que guardaba la informacin
sobre unos cursos sobre actualizacin tecnolgica que iba a realizar nuestra
empresa.

En la parte superior del XML, se puede observar que se hace referencia a un


documento de estilos llamado cursos_tecnologicos.xsl; ese es el documento XSL,
que convertir el documento XML, en un documento HTML visible en el navegador,
con un estilo creado a nuestro gusto, que de una salida con un diseo.

1
Documento XML

2
XSL
El XSL creado en este reto, es un XSL creado para dar un diseo a nuestro XML.
Adems de aadirle el XSL, para darle un formato HTML, tambin hemos aadido
un documento CSS, para darle un estilo.

Como se puede observar en el XSL, principalmente hemos utilizado templates. Al


principio de la creacin del XSL, comenzamos a hacerlo sin templates, pero al
llegar al contenido, nos mostraba repetido todo el rato el mismo tema, por lo que
comenzamos a aplicar templates que solucionaron ese problema. Hemos
realizado una tabla, en cuyo interior se encuentran los cursos que se realizan.

2
Documento XSL

3
Dentro de la tabla no aparecen todos los apartados creados en el XML, porque si
no la tabla quedara muy grande y estrecha.
Realizamos una serie de divisiones para la hora de crear el CSS, hacerlo con ms
facilidad.
Tambin aplicamos condiciones (xsl:choose), para hacer que se mostrara el ttulo
de cada fila dependiendo del cdigo del curso y otro para aadir un color de
fondo a el estado de cada curso.
Creamos una lista, para dentro incluir la informacin referente a cada tema a
realizar en el curso.

Resultado final

Tras aplicarle al XSL, el correspondiente estilo de CSS, podemos comprobar como


ha quedado nuestra pgina de la informacin sobre los cursos. Al pasar por
encima de los temas, el fondo cambia de color.

3
Resultado de la pgina