I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune...
-
Upload
gianni-di-marco -
Category
Documents
-
view
218 -
download
1
Transcript of I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune...
![Page 1: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/1.jpg)
I LINGUAGGI DI MARCATURA
Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e delle sue parti: ad esempio, la funzione di titolo svolta da una determinata porzione di testo. I diversi linguaggi di marcatura esistenti si distinguono in:•Linguaggi di marcatura di tipo procedurale •Linguaggi di marcatura di tipo descrittivo
![Page 2: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/2.jpg)
Linguaggi di marcatura di tipo procedurale
Indicano le procedure di trattamento del testo aggiungendo le istruzioni che devono essere eseguite per la successiva visualizzazione nei Browser.
Gestiscono i testi da un punto di vista estetico
Un esempio è l’HTML
(Hyper Text Markup Language)
![Page 3: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/3.jpg)
Linguaggi di marcatura di tipo descrittivo
Lasciano la scelta del tipo di rappresentazione, da applicare al testo, al software che di volta in volta lo riprodurrà.
Gestiscono i contenuti
Un esempio è l’XML
(eXtensible Markup Language)
![Page 4: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/4.jpg)
HTMLL’HTML, è composto da una serie di comandi chiamati
TAG composti dal nome del comando, racchiuso tra i simboli “<” (minore) e “>” (maggiore), con relativo TAG di chiusura uguale al comando di apertura con in più uno simbolo di slash “/”.
Un documento HTML inizia e finisce sempre con la coppia di tag <html> e </html>, il contenuto visibile sulla pagina viene invece racchiuso tra i tag <body> e </body>, prima del contenuto visibile esistono le intestazioni, comprese tra i tag <head> e </head>, è buona norma inserire nell’intestazione il tag <title> con relativa chiusura </title> che rappresenta il titolo che comparirà nella barra del titolo del browser, in alto a sinistra del vostro schermo.
![Page 5: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/5.jpg)
Un esempio di listato HTML
<html><head>
<title> Curriculum Vitae </title><head><body>
Rossi Mario Nato a Milano il 18/01/60
</body></html>
INIZIO
FINE
Apri Intestazione
Chiudi Intestazione
Chiudi Titolo
Apri Corpo del testo
Chiudi Corpo del testo
Apri titolo
![Page 6: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/6.jpg)
Visualizzazione del listato HTML nel Browser Internet Explorer
![Page 7: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/7.jpg)
Codici di FormattazioneIl linguaggio di marcatura HTML offre una serie di codici aggiuntivi che permettono di modificare le caratteristiche di formattazione della pagina web come ad esempio :<p> </p> Paragrafo;
<br> inserisce una linea di interruzione non ha bisogno del tag di chiusura
<i> </i> testo in corsivo
<b> </b> per il grassetto
<font color ='colore'> </font> per il colore del font
![Page 8: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/8.jpg)
Visualizzazione della pagina Web con l’aggiunta di Codici di Formattazione
![Page 9: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/9.jpg)
Limiti dell’HTML
L’HTML raccoglie i contenuti, li tratta come oggetti, applica ad essi codici di formattazione, non tiene conto però delle difficoltà di comunicazione, che si possono incontrare nella rete a causa dell’utilizzo di diversi sistemi operativi e software di visualizzazione delle pagine web.
Per risolvere questo inconveniente si può usare il Linguaggio di Marcatura XML.
![Page 10: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/10.jpg)
L’XML
XML è l’acronimo di eXtensible Markup Language che significa linguaggio di marcatura estensibile.
L’XML si interessa dei contenuti e della loro fruizione nel web, indipendentemente dal sistema operativo o software utilizzato.
I TAG utilizzati nei Listati XML non sono predefiniti ma creati dall’utente.
![Page 11: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/11.jpg)
I TAG XML
L’unica informazione standard obbligatoria in un listato xml è la seguente:
<?xml version=“1.0”?>
Si scrive all’inizio del listato e serve ad indicare al Browser o Software che utilizzerà il listato che si tratta di un file scritto in XML
![Page 12: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/12.jpg)
Struttura di una riga di Codice XML
<cognome> Rossi </cognome>
MDO
Markup Declaration
Open
Nome Elemento
Contenuto dell’Elemento
Terminazione dell’Elemento
Terminazione del nome dell’Elemento
MDC
Markup Declaration
Close
![Page 13: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/13.jpg)
Convenzione per i nomi XMLBisogna anche tener conto della convenzione per i Nomi in XML vediamo infatti che il nome di un elemento :
• Inizia con :– Una lettera;– Un segno di sottolineatura (_)– Un segno di 2 punti ( : )
• Dopo il primo carattere il nome può contenere:– Lettere, cifre, trattini ( - ):– Un segno di sottolineatura (_)– Un segno di 2 punti ( : ) o di un punto ( . )
• Non possono iniziare con:
– XML e sue varianti perché proprietà intellettuale di W3C.W3C = Per coordinare e guidare a livello mondiale politiche e strategie di
sviluppo del Web, è stato fondato, nel 1994, il World Wide Web Consortium (W3C), con sede al Massachusetts Institute of Technology.
![Page 14: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/14.jpg)
Esempio di Listato XML
<?xml version=“1.0”?><titolo> Curriculum Vitae </titolo><dati>
<cognome> Rossi </cognome><nome> Mario </nome><nascita> Nato a Milano il 18/01/1960 </nascita>
</dati>
![Page 15: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/15.jpg)
Visualizzazione del Listato XML nel Browser Internet Explorer
![Page 16: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/16.jpg)
Editazione del Listato XML in un software di validazione
Il listato precedente per essere visualizzato in un Browser deve essere BEN FORMATO cioè deve avere una disposizione dei TAG creati conformi alle regole di base dei Listati XML e per far ciò ci si serve di software che verificano la Validità dei Listati.
Ad esempio utilizziamo il software “xmlcopyeditor”
![Page 17: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/17.jpg)
Verifica Validità del Listato XML
![Page 18: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/18.jpg)
Vantaggi dell’XML• Usabilità dei dati a prescindere dal software di
visualizzazione.• Alto rapporto di compressione. Essendo un file in
formato testo, sarà possibile ottenere un ottimo risultato di compressione in formato zip(o altro formato). Ciò facilità la trasmissione e il download dalla rete essendo leggero il peso in byte.
• Utilizzando come lingua di base l’inglese per i TAG la comunicazione e interpretazione dei dati risulterà globale.
![Page 19: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/19.jpg)
Limiti dell’XML• E’ considerato un linguaggio di marcatura
Prolisso, questo perché utilizza TAG creati dall’utenza che nel tentativo di rendere il file comprensibile e facilmente interpretabile, inevitabilmente si prolunga nella stesura del listato.
• Il listato XML non produce nell’utenza alcuna emozione, non presentando un estetica accattivante, non potendo essere visualizzata in formato oggetto, ciò ha limitato il suo sviluppo nell’utenza comune.
![Page 20: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/20.jpg)
Creazione di un contenuto per la sua trasmissione a distanza
Il Dipartimento della Protezione Civile dalla sommità dell’ETNA registra delle anomale vibrazioni e traslazioni del sottosuolo e deve inviare tali dati all’Istituto Nazionale di Geofisica di Boston, per far ciò utilizza un listato XML per l’inserimento dei dati nel Data Base dell’Istituto. Dati : Oscillazione Standard 1200/s – Polveri 10.000/mic – 1.89 Rich – Densità 15.000/mc – Durata 137 min.
<? Xml version=“1.0”?>
<database>
<record1> Oscillazione Standard 1200/s </record1>
<record2> Polveri 10.000/mic </record2>
<record3> 1.89 Rich </record3>
<record4> Densità 15.000/mc </record4>
<record5> Durata 137 min. </record5>
</database>
![Page 21: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/21.jpg)
Visualizzazione del dati in Internet Explorer
![Page 22: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/22.jpg)
Importazione dei dati nel Data Base “Access” a Boston
Una volta ricevuti i dati in formato XML si opera nel modo seguente:
1. Apertura del data base;2. Caricamento dati esterni formato
XML;3. Creazione automatica di una nuova
tabella;4. Lettura dei dati nel data base access.
![Page 23: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/23.jpg)
Visualizzazione dei dati nel Data Base Access
![Page 24: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/24.jpg)
Accessibilità
• L'accessibilità, in informatica, è la capacità di un dispositivo, di un servizio o di una risorsa d'essere fruibile con facilità da una qualsiasi categoria d'utenza.
• Il termine è comunemente associato alla possibilità anche per persone con ridotta o impedita capacità sensoriale, motoria, o psichica, di fruire dei sistemi informatici e delle risorse software a disposizione.
![Page 25: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/25.jpg)
Accessibilità WEBNel web, un sito web accessibile facilita l'accesso ad individui con ogni tipo di disabilità, ma anche ad individui non affetti da patologie.
Un sito web nello specifico verrà così strutturato :
• Utilizzo di codice corretto, logico e validato secondo i parametri del W3C.
• Utilizzo di testi chiari, fluenti e facilmente comprensibili • Utilizzo del testo alternativo per ogni tipo di contenuto
multimediale • Disposizione coerente e lineare dei contenuti e
dell'interfaccia grafica.
![Page 26: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/26.jpg)
Esempio di Pagina Web Accessibile
NUMERI UTILI• CARABINIERI 112 • POLSTRADA 113 • VIGILI DEL FUOCO 115 • AMBULANZA 118 Collegamenti a siti che trattano l'accessibilità:
www.webaccessibili.comwww.infowebaccessibile.comwww.sitiwebaccessibili.com
![Page 27: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/27.jpg)
Esempio di Listato XML Accessibile
<?xml version=“1.0” ?><informazioni>
<titolo> Numeri Utili </titolo>
<numero1> Carabinieri 112 </numero1><numero2> Polizia 113 </numero2>
</informazioni>
![Page 28: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/28.jpg)
Visualizzazione del Listato Accessibile in
Internet Explorer Modificato
![Page 29: I LINGUAGGI DI MARCATURA Il Linguaggio di Marcatura è nato per segnalare, attraverso opportune istruzioni, le caratteristiche logiche di un documento e.](https://reader036.fdocument.pub/reader036/viewer/2022062418/5542eb4a497959361e8b5b3c/html5/thumbnails/29.jpg)
Creazione di un Listato XML sulle strutture
architettoniche della tua città
Creare un listato XML con le seguenti informazioni:
Nome CittàProvincia
Numero ChieseNumero Palazzi Nobiliari
Numero Chiese Centro Storico