XSL: extensible Stylesheet Language



Похожие документы
Corso di Laurea Specialistica in Ingegneria Informatica. Corso di Linguaggi e Tecnologie Web A. A Language) Stylesheet.

MODA-ML: Esempi di XSL (Extensible Stylesheet Language) Vocabolario di supporto alla creazione di un set di Schemi di documenti XML

XML INVITO ALLO STUDIO EUROPEAN NETWORK OF INNOVATIVE SCHOOLS

a cura di Maria Finazzi

Rappresentare i file XML - XSL

extensible Markup Language

Tecniche Multimediali

Lezione 3. Joomla 2.5

UTILIZZO DEI CSS. categoria e lente possiamo aggregare le istruzioni inserite ed avere infondo alla colonna stessa un anteprima.

MANUALE D USO DELLA PIATTAFORMA ITCMS

- La formattazione con foglio di stile esterno: Come realizzare e collegare un file con codice di stile ad una pagina web.

Excel. A cura di Luigi Labonia. luigi.lab@libero.it

Guida Joomla. di: Alessandro Rossi, Flavio Copes

Per accedere clicca su START o AVVIO (in basso a sinistra sul tuo schermo), poi su PROGRAMMI, ACCESSORI e infine su BLOCCO NOTE.

Settimana I...1. Giorno 1 - Introduzione all XSLT...3

XML (extensible Markup Language)

I linguaggi di marcatura e XML per la codifica dei dati d archivio

connessioni tra i singoli elementi Hanno caratteristiche diverse e sono presentati con modalità diverse Tali relazioni vengono rappresentate QUINDI

Costruzione del layout in gino cms

HTML+XML= XHTML. Che cos è l XHTML

REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ

Caratteristiche generali

Manuale scritto da Fuso Federico 4 A Anno scolastico 2011/2012 Parte 1

ISTITUTO ISTRUZIONE SUPERIORE "L. EINAUDI" ALBA ANNO SCOLASTICO 2015/2016

Implementazione di MVC. Gabriele Pellegrinetti

Corso Drupal «Costruire un sito di eventi»

Creare un Ipertesto. 1

La sintassi di un DTD si basa principalmente sulla presenza di quattro dichiarazioni:

XML: extensible Markup Language

Relazione sulla verifica accessibilità

Corso di Informatica di base per le discipline umanistiche - XPATH

Comandi principali del linguaggio HTML (Hyper Text Markup Language)

LABORATORIO PER IL DESIGN DELLE INTERFACCE PEGORARO ALESSANDRO CASSERO.IT MANUALE DI AGGIORNAMENTO, MANUTENZIONE E USO DEL SITO

Modellazione e Gestione di Informazioni non Strutturate

MODULO STAMPA BOLLETTINO PDF

Esercitazione 1 primi passi e uso dei file

Capitolo 3. L applicazione Java Diagrammi ER. 3.1 La finestra iniziale, il menu e la barra pulsanti

Guida all uso di Java Diagrammi ER

Esercitazione n. 10: HTML e primo sito web

I Quaderni di LAPSUS n 3 e. CmapTools

Settaggio impostazioni tema. Cliccando nuovamente su aspetto e poi su personalizza si avrà modo di configurare la struttura dinamica della template.

APPUNTI DI HTML (SECONDA LEZIONE)

Università di L Aquila Facoltà di Biotecnologie Agro-alimentari

Siti web centrati sui dati (Data-centric web applications)

Applicazioni web centrati sui dati (Data-centric web applications)

Appendice C Da XML a PDF Progetto Atena

Sito web parrocchiale: STRUMENTI E PROGRAMMI

Web Intelligence. Argomenti 10/5/2010.

Simple & Efficient.

Presentation. Scopi del modulo

CdL in Medicina Veterinaria - STPA AA

MANUALE D USO DELL E-COMMERCE. Versione avanzata

Corso html 5. Di Roberto Abutzu. *********** Quarta parte: Body ed elementi strutturali. ********** Cos'è il Body e gli elementi strutturali?

5.6.1 REPORT, ESPORTAZIONE DI DATI

SOMMarIO INIZIARE. iii. Adobe dreamweaver CS5 ClASSroom in A book

Creare documenti XML. La natura epistemologica della codifica. Perché comprare XML? La struttura gerarchica ordinata. Riassumendo le componenti

Appunti sugli Elaboratori di Testo. Introduzione. D. Gubiani. 19 Luglio 2005

Utilizzare Event Viewer

HTML il linguaggio per creare le pagine per il web

SITI-Reports. Progetto SITI. Manuale Utente. SITI-Reports. ABACO S.r.l.

NVU Manuale d uso. Cimini Simonelli Testa

Che cos'è un modulo? pulsanti di opzione caselle di controllo caselle di riepilogo

Web Design Avanzato - 36 ore

Consorzio Triveneto S.p.A. Payment Gateway

Formattazione e Stampa

CATALOGO E-COMMERCE E NEGOZIO A GRIGLIA

UTILIZZO DEL TEMPLATE Parte 1 - struttura

Informatica A per Ingegneria Gestionale ( ) Il linguaggio HTML. Elisa Quintarelli-Laura Mandelli. HyperText Markup Language

Programma analitico d'esame. Versione

Cos è un word processor

Raggruppamenti Conti Movimenti

I Tag dell html. Parte quarta

Sistema GEFO. Guida all utilizzo Presentazione delle domande

Personalizza. Page 1 of 33

PSDR - IMPORTAZIONE FLUSSI IN FORMATO XML

Esame di Informatica CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO CHE COS È UN FOGLIO ELETTRONICO. Facoltà di Scienze Motorie

Tutorial di HTML basato su HTML 4.0 e CSS 2

Capitolo 4 Pianificazione e Sviluppo di Web Part

La struttura: DTD. Laura Farinetti Dip. Automatica e Informatica Politecnico di Torino. laura.farinetti@polito.it

CMS ERMES INFORMATICA

Транскрипт:

XSL: extensible Stylesheet Language XSL è un insieme di tre linguaggi che forniscono gli strumenti per l elaborazione e la presentazione di documenti XML in maniera molto flessibile. I tre linguaggi devono fornire meccanismi per: individuazione dei dati da presentare controllo dell elaborazione dei dati e di come la presentazione deve essere effettuata definizione della formattazione da applicare ai dati per la presentazione vera e propria

XSL linguaggi standard XPath consente di individuare gli elementi e gli attributi di un documento XML sui quali verranno applicate le operazioni necessarie per la presentazione dei dati XSLT (XSL Transformation) consente di controllare le operazioni che rendono i dati presentabili XSL-FO (XSL Formatting Objects) definisce un insieme di tag di formattazione (è riportato per completezza ma non sarà trattato nel corso)

XSL XPath (1) La sua sintassi è molto compatta e, per certi versi, ricorda un po le espressioni per individuare il percorso di un file o una cartella su un file system. Il simbolo '/' rappresenta il root element di un documento XML.

XSL XPath (2) <?xml version="1.0"?> <articolo titolo=""> <paragrafo titolo="titolo del primo paragrafo"> <testo> Blocco di testo del primo paragrafo </testo> <immagine file="immagine1.jpg"> </immagine> </paragrafo> /articolo/paragrafo/testo (elemento) /articolo/paragrafo/@titolo (attributo) /articolo/paragrafo/[@titolo= Titolo del primo paragrafo ] /articolo/paragrafo[position()=2]

XSL presentazione dei dati La presentazione dei dati racchiusi in un documento XML è basata su due elementi: un documento che descrive come i dati devono essere elaborati per la presentazione, chiamato foglio di stile XSLT un componente software, chiamato processore XSLT, in grado di prendere in input un documento XML e un foglio di stile XSLT e di produrre in output i dati secondo il formato di presentazione prescelto (XSL-FO, XHTML, testo, ecc.)

XSL XSLT (1) In generale, un foglio di stile XSLT ha la seguente struttura: <?xml version="1.0"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl /Transorm">... template di trasformazione... </xsl:stylesheet>

XSL XSLT (2) Il processo di trasformazione controllato da XSLT si basa sull uso del linguaggio XPath per individuare gli elementi del documento origine, sui quali viene applicato un template (o modello) di trasformazione. <xsl:template match="espressione XPath">... Definizione dell output... </xsl:template> <xsl:template match="/articolo/paragrafo[position()=2]"> <xsl:value-of select="@titolo"/> </xsl:template>

XSL XSLT (3) Un foglio di stile XSLT non è altro che un insieme di template da applicare ai vari elementi di un documento XML Il processore XSLT va alla ricerca dei template da applicare partendo dal root element e seguendo l albero di rappresentazione logica del documento stesso Se il foglio di stile contiene diversi template che devono essere applicati è necessario specificare all interno del template corrente l elemento <xsl:apply-templates/>.

XSL XSLT (4) Esempio: evidenziare il paragrafo di tipo bibliografia con la scritta Bibliografia. <xsl:template match="paragrafo"> <h3> <xsl:if test="@tipo=bibliografia'"> Bibliografia </xsl:if> <xsl:value-of select="@titolo"/> </h3> <xsl:apply-templates/> </xsl:template>

XSL XSLT (5) In seguito verrà realizzato un blog utilizzando i fogli di stile XSL. In tale esercizio si vedrà un esmpio significativo dell utilizzo del linguaggio XSLT

Blog i linguaggi che verranno utilizzati(1) XHTML: Lo useremo per definire la struttura delle nostre pagine. CSS: Con i CSS imposteremo il layout e lo stile grafico/tipografico del blog. XML: In un file XML conserveremo i post che andremo poi a incorporare nella pagina principale. XSL: Con XSL (Extensible Stylesheet Language) trasformeremo in XHTML i contenuti del documento XML. ASP: per ottenere la pagina XHTML a partire dai

Blog (2)

Blog (3) creazione della struttura di base in XHTML definizione dello stile e del layout con i CSS gestione dei post con XML trasformazioni con XSL gestione del sito con ASP aggiornamento del blog con ASP

Blog-la struttura(1) 1. Sezione principale: è quella che contiene tutte le altre e che definisce lo spazio della pagina destinato al blog 2. Testata: qui inseriremo il logo 3. Menu: barra di navigazione orizzontale con link alle sezioni interne del sito 4. Contenuto: è una sorta di box che definisce la sezione centrale, a sua volta distinta in due sottosezioni 5. Navigazione: contiene link esterni suddivisi in categorie 6. Post: qui verranno inseriti i post di X-blog

Blog-la struttura(2)

Blog-pagina finale

Blog stile(1) il font principale è Verdana, ma nel CSS vanno definiti caretteri alternativi la sezione menu ha uno sfondo giallo con testo rosso lo sfondo della sezione navigazione richiama quello della testata l'intestazione delle categorie va differenziata dai link: la prima sarà definita con un tag <h1>, i secondi con un <p> nella sezione post abbiamo questa struttura: titolo del post (<h1>), data (<h2>), testo (<p>)

Blog stile(2) regole generiche per il tag <body> e regole identificate da id (contraddistinti dal simbolo #), uno per ciascuna sezione: sezprinc testata menu contenuto navigazione post

#sezprinc { background: #FFFFFF; ------------------- margin : 20px auto; text-align : left; width : 574px; } Per centrare la sezione principale: Si assegna al box una larghezza esplicita (width: 574px;) Si assegna ai margini sinistro e destro il valore auto. In questo modo essi avranno una larghezza identica.

Blog - stile(contenuto)

Blog - stile(4) Sono stati creati dei selettori contestuali. #navigazione h1 stabilisco come deve apparire l'elemento <h1> all'interno della sezione navigazione #post h1 come appare nella sezione post.

Blog-i contenuti La struttura tipo di un post per X-blog è: 1. un titolo 2. la data di invio 3. un testo 4. eventuali link nel testo

Blog-news.xml dichiarazione per incorporare un foglio di stile XSL l'elemento radice è <news> che racchiude tutti i post il tag <post> definisce un singolo aggiornamento del blog <post> ha tre elementi figlio: <titolo>, <data>, <testo> all'interno dell'elemento <testo> è possibile avere un altro nodo, <link> (per collegamenti a siti esterni citati nel testo)

Blog struttura dei contenuti

Blog i file (1) news.xml: file xml che contiente le informazioni del blog xstyle.xsl: file xsl contiene il foglio di stile per elaborare news.xml al fine di ottenre il file xhtml default.asp: pagina asp che carica il file xml, il file xsl e produce il file xhtml mainstyle.css: il foglio di stile del file xhtml

Blog i file (2) inserisci.html: file html che continene il form per inserire un nuovo post inserisci.asp: file che contiene il codice per inserire in nuovo post nel file news.xml Tutti questi file sono depositati nel sito nel file zip blog.zip