Programma delle lezioni LABORATORIO B  Lezione 01: 27/02martedi 10-12  Lezione 02: 06/03martedi 10-12  Lezione 03: 13/03martedi 10-12  Lezione 04:

Slides:



Advertisements
Presentazioni simili
CSS (Cscading Style Sheet Fogli di stile a cascata)
Advertisements

Introduzione all’HTML
DTD Document Type Definition per XML
Introduzione al DTD Mario Arrigoni Neri.
Corso di INFORMATICA DI BASE
HTML+XML= XHTML Il ritorno al futuro del WEB A cura di Barbara Lotti.
A. FERRARI Alberto Ferrari. L'HyperText Markup Language (HTML) (traduzione letterale: linguaggio di marcatura per ipertesti) è un linguaggio usato per.
Document Type Definition per XML Presentazione 8.1 Informatica Generale (Prof. Luca A. Ludovico)
Introduzione ai CSS. Cosa è successo allHTML Perché usare i CSS Introduzione ai CSS Fondamenti.
XSLT (eXtensible Stylesheet Language Transformation) Laurea Magistrale in Informatica Reti 2 (2005/06) dott. Francesco De Angelis
XSLT UNIVERSITA DI CAMERINO Corso di laurea in Informatica Barbara Re Anno Accademico
G. Mecca – – Università della Basilicata Tecnologie di Sviluppo per il Web XML: Dettagli e Approfondimenti versione 2.0 Questo lavoro è
Numerico-Vespignani, Informatica per le scienze umanistiche, Il Mulino, La rappresentazione dellinformazione testuale e i linguaggi di codifica.
XML Prof. Alfredo Pulvirenti. XML XML (eXtensible Markup Language) è un meta linguaggio. Può essere definito come un insieme di regole e convenzioni che.
1 Scoprire e capire HTML Creare semplici pagine WEB Maria Laura Alessandroni.
XML Prof. Barbara Pernici Politecnico di Milano. Introduzione a XML.
XML Prof. Barbara Pernici Politecnico di Milano aggiornato 10/12/2002.
Informatica.science.unitn.it Un esempio di architettura basata sulluso di XML e XSL per la pubblicazione di un sito web.
XML e XSL. XSL - eXtensible Stylesheet Language XSL è un linguaggio di annotazione che serve a "trasformare" la struttura di un documento in formato XML.
XML e DTD. –il "PROLOG contiene: dichiarazione della versione di XML; commenti (facoltativi); dichiarazione del DOCUMENT TYPE. –il "DOCUMENT INSTANCE.
1 Anatomia di una pagina Un insieme di pagine web hanno generalmente una parte invariante (o poco): header, navigazione, footer una parte variabile: contenuti.
Architettura del World Wide Web
CORSO DI INFORMATICA LAUREA TRIENNALE-COMUNICAZIONE & DAMS
HyperText Markup Language
Introduzione e nozioni fondamentali di sintassi
XML per documenti e applicazioni transazionali su Internet Alessio Saltarin Progetto XML Factory.
1 Titolo Presentazione / Data / Confidenziale / Elaborazione di... XML Elaborazione di Franco Grivet Chin.
Esercizio 1 Convertire il seguente DTD (esercizio 1 sui DTD) in XML Schema:
XSLT Trasformazioni XSL Ing. Luca Sabatucci. XSLT Uno dei vantaggi principali nell'utilizzo dell'Extensible Markup Language è la facilità con cui si possono.
Informatica Umanistica A.A. 2009/2010 eXtensible Markup Language (XML)
Importanza DTD La DTD (Document Type Definition) consente di dichiarare in maniera univoca la struttura di markup mediante la definizione dello schema.
JavaScript 3. Commenti in JS Come in altri linguaggi di programmazione anche javascript offre la possibilità di inserire i commenti all'interno delle.
I fogli di stile XSL – 2 –. Selezioni multiple : serve per applicare una regola in modo ricorsivo a nodi figli dellelemento contestuale. Attributo select.
1 Documenti XML validi La Document Type Definition Dichiarazione di elementi.
DTD Schema W3C. Dichiarazione di elementi Dichiarazioni globali Dichiarazioni globali Dichiarazioni locali (figli di altri elementi)
Codifica di Testi Il corso e lesame. Argomenti del corso La teoria della codifica XML: introduzione e livello avanzato (DTD, Schema W3C) La Text Encoding.
Test Reti Informatiche A cura di Gaetano Vergara Se clicchi sulla risposta GIUSTA passi alla domanda successiva Se clicchi sulla risposta ERRATA passi.
CORSO AVANZATO INFORMATICA
V.1 Progettazione Multimediale – 1 Progettazione multimediale HTML e i tag di base.
Andrea Spinelli Linguaggio HTML Lezione 1: Ipertesti Precursori Linguaggi di marcatura Ted Nelson Tim Berners-Lee Strutture di base.
Paragrafi e allineamenti
Esempi di XML Fabio Vitali.
Il metalinguaggio XML: la nuova frontiera per la codifica dellinformazione Relatore: Ing. Marco Porta Tesi di Laurea di: Andrea Mocchi ANNO ACCADEMICO.
Creare pagine web Xhtlm. Struttura di una pagina.
Informatica Umanistica A.A. 2005/2006 LEZIONE 6 Ripasso XML – DTD XSL.
HTML HyperText Markup Language Linguaggio per marcare un’Ipertesto
Informatica Umanistica A.A. 2008/2009 LEZIONE 3 HTML + CSS Il contenuto e la sua visualizzazione: separati finalmente!
I fogli di stile CSS 1 Cristina Gena
Tecnologie di InternetFondamenti di Linguaggi di Markup Dott. Nicola Dragoni Introduzione a e ai (Fondamenti di Markup Languages)
a cura di Francesco Lattari
Introduzione a XML applicazioni in open archives Azalea III Incontro di Formazione, Roma 2-3 febbraio 2004.
CSS Cascade Style Sheets.
Informatica Umanistica A.A. 2007/2008 LEZIONE 4 eXtensible Markup Language (XML) INTRODUZIONE.
Alberatura cartelle sito
Gli standard web W3C standard HTML CSS “…a set of standardized best practices for building web sites, and a philosophy of web design and development.
Roma, 16 giugno 2005 AZALEA Un sistema di conoscenza in oncologia a disposizione di pazienti e cittadini Gli aspetti informatici.
XHTML Corso linguaggi per il web a.s. 2011/2012 ITIS A. Righi – Corsico Relatore – Aldo Guastafierro.
CORSO Di WEB DESIGN prof. Leonardo Moriello
Laboratorio 1: HTML e CSS
Programma delle lezioni LABORATORIO B  Lezione 01: 27/02martedi  Lezione 02: 06/03martedi  Lezione 03: 13/03martedi  Lezione 04:
Impostare i caratteri. Le prime versioni del linguaggio HTML così come le prime versioni dei browser consentivano unicamente la scelta tra due tipi di.
Tecnologie di InternetDocument Type Definition Dott. Nicola Dragoni Document Type Definition  Document Type Definition (DTD)  Documento XML valido 
HTML HTML e il web.
A.a. 2004/05Tecnologie Web1 Introduzione a XML: Document Type Definition; parser XML; XML-schema; eXtensible Stylesheet Language.
Cenni Su SGML, HTML, XML SGML (Standard Generalized Markup Language) è il padre di tutti i linguaggi "Markup" – Lo svantaggio è la "pesantezza" dei suoi.
Ingegneria del software Modulo 3 -Tecniche di implementazione Unità didattica 1 -Ingegneria dei componenti Ernesto Damiani Università degli Studi di Milano.
Documenti XML ben formati Entità– Sezioni condizionali.
I tag di intestazione. I tag di intestazione sono: e.
16 Maggio - Lezione 9POLETTINI NICOLA1 Programma delle lezioni LABORATORIO B  Lezione 1: 14 marzomartedi  Lezione 2: 21 marzomartedi  Lezione.
Transcript della presentazione:

Programma delle lezioni LABORATORIO B  Lezione 01: 27/02martedi  Lezione 02: 06/03martedi  Lezione 03: 13/03martedi  Lezione 04: 20/03martedi  Lezione 05: 27/03martedi  Lezione 06: 03/04 martedi  Lezione 07: 17/04 martedi  Lezione 08: 24/04 martedi  Lezione 09: 04/05 venerdi  Lezione 10: 08/05martedi  Dove? "laboratorio multimediale"

Informatica Umanistica A.A. 2005/2006 LEZIONE 6 Ripasso XML – DTD Introduzione a XSL

Lezione 6 SOMMARIO 1. Ripasso XML e concetti DTD 2. Validare per imparare 3. Ripasso di alcuni esempi 4. Primi passi con XSL 5. Primi esempi con XSL

XML – DTD – XSL Nel file XML c’è il contenuto “vero e proprio” semanticamente strutturato La DTD (o lo Schema) definiscono la sintassi dell’XML Il file XSL definisce la visualizzazione

Breve riassunto progetto  PAGINA.XML (contenuto)  PAGINA.DTD (struttura - almeno 3 livelli)  PAGINA.XSL (visualizzazione)  VALIDATORE:

Un esempio più completo - File: lettera.xml <!DOCTYPE lettera [ ]> Pippo Nicola Domanda: Cosa fai stasera? DTD Contenuto XML

Validare per imparare 

Riassunto: Definizione ELEMENTI  Gli elementi possono essere dichiarati con la sintassi:  nel caso di elemento che non ha figli.  per un elemento con figli: i nomi dei figli vengono dichiarati all’interno delle parentesi.  Le virgole, separano gli elementi (figlio1, figlio2) indicano un ordine di successione obbligatorio.

Riassunto: Tipi di ELEMENTI  Gli elementi vuoti vengono dichiarati con la sintassi:  Gli elementi di tipo carattere sono dichiarati con la sintassi:  Gli elementi di tipo misto sono dichiarati con la sintassi:

Riassunto: Cardinalità ELEMENTI  Elementi obbligatori, ma presenti una sola volta:  Obbligatori, e presenti almeno una volta:  Facoltativi e presenti diverse volte:  Facoltativi e, se presenti, una volta sola:  Per dichiarare due elementi presenti in alternativa:

ATTRIBUTI degli ELEMENTI  Gli attributi aggiungono informazioni extra sugli elementi.  ESEMPIO HTML?  SINTASSI:  ESEMPIO XML:  ESEMPIO DTD:  ESEMPIO XML:  ESEMPIO DTD:

Attributi degli ELEMENTI (2)  Per ogni elemento possono essere indicati una serie di attributi (ATTLIST), definiti in base alla obbligatorietà o meno della loro presenza. Diversi tipi di presenza:  #REQUIRED, la presenza dell'attributo è obbligatorio  #FIXED, il valore dell'attributo è fisso  #IMPLIED, l'attributo è previsto ma non obbligatorio e non ha un valore di default.

Lista ATTRIBUTI Sintassi:   ESEMPIO DTD:   Il valore puo' essere o cash o check e cash e' quello di default (se non viene specificato)  ESEMPIO XML: 1. 2.

Ripasso ENTITA’ Le entità servono per dichiarare dei testi o delle iscrizioni fisse che vengono inserite ripetutamente all’ interno dei documenti. Possono essere interne o esterne.  Sintassi:  DTD:  XML: (nb: l’entità costituisce parte dell’elemento )

XSL (eXtensible Stylesheet Language)  XSL = eXtensible Stylesheet Language  anche detto “foglio di stile”  Noooo, un altro linguaggio!?!  Ma a che serve l'XSL???

XSL per immagini immagine a

XSL per immagini immagine a

XSL per immagini immagine a

XSL per immagini immagine a

Basi dell’XSL Un file XSL è formato da una serie di template (modelli) che contengono le regole di trasformazione dei tag del documento XML. Questi template vengono applicati ai tag corrispondenti nel file XML. NB: nel nostro caso, le notazioni saranno in formato HTML Esempio intuitivo. con il file XSL potro' dire: l'elemento “cognome” del file XML trasformalo in un elemento “H3” dell'HTML

Per applicare una formattazione ad un documento XML è necessario richiamare il documento XSL dal file XML. Richiamare il file XSL dal documento XML Jkfaslfd Dkl;fsakl fdksjl Fdsjflsdf fsdjlsfjls Documento rubrica.xml Documento rubrica.xsl Jkfaslfd Dkl;fsakl fdksjl Fdsjflsdf fsdjlsfjls Pagina web

Per applicare una formattazione ad un documento XML è necessario richiamare il documento XSL dal file XML. Ok, ma come e dove? Seconda riga, cosi': <!DOCTYPE RUBRICA [ Richiamare il file XSL dal documento XML

E ora?  Ora vedremo a livello teorico i principali costrutti dell'XSL  Chi se la sente puo' provare ad applicare quanto vede (velocemente!) ad uno dei file XML (RSS) che appaiono a  in modo da farlo apparire come la homepage di corriere.it Salvatevi il file in locale. Facile? Noooooooooooo

Le basi dei template  In un file XSL le regole di trasformazione sono contenute all'interno degli elementi template...  Tramite l'attributo match possiamo specificare il tag a cui si riferiscono queste regole.  Nel nostro esempio vedremo che il template contiene le regole di trasformazione dell'elemento root del file XML (l'elemento ).

Esempio template Rubrica di esempio ………………..

Estrapolazione dei dati dal documento XML  All’interno di ogni template e’ possibile effettuare delle ricerche per estrapolare dati e visualizzarli nel browser.  esempio: trova l'elemento “cognome” del file XML e trasformalo in un elemento “H3” dell'HTML  Ai dati viene applicato il linguaggio HTML per apparire su video (nel nostro caso! Altri formati di output sono possibili!)

Elementi principali per cercare elementi nel documento XML 1. Estrazione semplice dei valori 2. Estrazione condizionata 3. Estrazione con if

ESTRAZIONE ELEMENTI SEMPLICE: for-each e value-of SINTASSI: NB: attenzione al percorso

ESTRAZIONE ELEMENTI SEMPLICE: for-each e value-of SINTASSI: - sono tag, vanno chiusi, hanno attributi! - di solito for-each viene usato per riempire una struttura ripetitiva (es: TABLE) - di solito con value-of si seleziona un sottoelemento

ESTRAZIONE CONDIZIONATA DI ELEMENTI: test con [] SINTASSI: <xsl:for-each select="./[nome-elemento='valore- elemento']">

ESTRAZIONE CONDIZIONATA DI ATTRIBUTI: test con [] SINTASSI: <xsl:for-each attributo']">

ESTRAZIONE CONDIZIONATA : test con if

Primo file XSL Cosa facciamo ora? Creiamo un foglio di stile (XSL) per rubrica.xml Istruzioni a ATTENZIONE!!! Al fine di modificare i file con un editor sotto Windows, ci conviene dare estensione.xml ai file XSL. Useremo quindi la seguente convenzione File XML: rubrica_dati.xml File XSL: rubrica_stile_001.xml Applicheremo diversi fogli di stile allo stesso XML cambiando la seconda riga, quella che definisce il foglio di stile da usare

Esempio completo – Rubrica.xml <!DOCTYPE RUBRICA [ ]>

Esempio completo – Rubrica.xml Giulio Cesare Bruto 10 Roma ………………………………….

Esempio completo – rubrica_stile_001.xml (e' un XSL!) Rubrica Rubrica Qui si usa la sintassi per visualizzare il contenuto del file rubrica.xml.Si possono usare immagini, link e altro codice HTML come ad esempio: Il motore di Ricerca google Oppure visualizzare tutto il contenuto xml: Rubrica: Per non vederlo cosi la prossima volta si spieghera' la sintassi XSL: Lezione 6-7

Esercizio finale  Modificare sintassi rubrica.xsl

XSLT – esempio1: people.xml Alan Turing computer scientist mathematician cryptographer … (altre persone)

XSLT – esempio1: people.xsl Scienziati famosi

Continua… Anno di nascita: Anno di morte:

Esercizio 1. Costruire la DTD per people.xml 2. Validare people.xml 3. Inserire l’entità autore 4. Richiamare l’entità autore nel file xsl usando il costrutto <xsl:value-of select=“…..