Corso di laurea in Scienze Biologiche A.A....
Transcript of Corso di laurea in Scienze Biologiche A.A....
![Page 1: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/1.jpg)
Corso di laurea in Scienze BiologicheA.A. 2012/13
Laboratorio di InformaticaGruppi 1 e 4
Modulo 2 – elaborazione testi
![Page 2: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/2.jpg)
Struttura del laboratorio
• Presentazione di– MS Office Word 2010
• Esercitazione con Word
• Presentazione di– HTML (intro)
– XML
![Page 3: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/3.jpg)
BREVISSIMA STORIA DELLE INTERFACCE DI OFFICE
![Page 4: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/4.jpg)
2003
![Page 5: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/5.jpg)
2007-2010
![Page 6: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/6.jpg)
L’interfaccia Ribbon
• Componente delle GUI composto da una striscia, posta nella parte più in alto di una finestra, che esibisce simultaneamente tutte le funzioni del programma.
• Non è più necessario muoversi su più livelli di menu gerarchici, per individuare la funzione richiesta.
![Page 7: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/7.jpg)
2013• Cloud-oriented
– Incorpora SkyDrive
– Interfaccia Win8 mobile-style
![Page 8: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/8.jpg)
Dentro…Qui account utente
![Page 9: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/9.jpg)
MICROSOFT WORD 2010La formattazione del testo
![Page 10: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/10.jpg)
File
![Page 11: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/11.jpg)
Opzioni
![Page 12: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/12.jpg)
Nuovo
![Page 13: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/13.jpg)
Recente
![Page 14: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/14.jpg)
Barra di accesso rapido
![Page 15: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/15.jpg)
Home
Righelli
Barra di scorrimento
Barra di stato
ZoomLinguaConteggio parole
![Page 16: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/16.jpg)
Visualizzare le schede
![Page 17: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/17.jpg)
Allineamento del testo
GiustificaAllinea a destraAllinea al centroAllinea a sinistra
Quel ramo del lago di Como, che volge a Mezzogiorno, tra due catene non interrotte di monti, …
Quel ramo del lago di Como, che volge a Mezzogiorno,
tra due catene non interrotte di monti, …
Quel ramo del lago di Como, che volge a Mezzogiorno,
tra due catene non interrotte di monti, …
Quel ramo del lago di Como,che volge a Mezzogiorno,tra due catene non interrottedi monti, …
![Page 18: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/18.jpg)
Rientri• I rientri permettono di definire i margini del testo
rispetto al foglio
• La prima linea del paragrafo ha un rientro a sinistrapersonalizzabile
Rientro a destraMuovi insieme i due rientri a sinistra
Rientro a sinistradella prima linea
Rientro a sinistra
![Page 19: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/19.jpg)
Formato dei Caratteri• È possibile definire molte proprietà dei caratteri
Grassetto
Corsivo
Sottolineato
Effetti speciali
Maiuscolo/minuscoloTipo e dimensione
BarratoApice / Pedice
![Page 20: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/20.jpg)
Interlinea
![Page 21: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/21.jpg)
Spaziatura
Prima 50Dopo 0
Prima 0Dopo 50
Prima 50Dopo 50
![Page 22: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/22.jpg)
Interruzione di pagina/sezione
![Page 23: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/23.jpg)
Elenchi puntati e numerati - 1
![Page 24: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/24.jpg)
Elenchi puntati e numerati - 2
![Page 25: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/25.jpg)
Elenchi puntati e numerati - 3
• È possibile aumentare il livello di indentazione dellevoci dell’elenco tramite il tasto di tabulazione.
Inserisco un TAB in questo punto
Inserisco dueTAB in questo punto
• Testo al primo livello di indentazione• Cambio il livello di indentazione con il tasto TAB• Come sopra con due livelli di indentazione
• Testo al primo livello di indentazioneo Cambio il livello di indentazione con il tasto TAB
• Come sopra con due livelli di indentazione
• Testo al primo livello di indentazioneo Cambio il livello di indentazione con il tasto TAB
� Come sopra con due livelli di indentazione
![Page 26: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/26.jpg)
Elenchi puntati e numerati - 4
• È possibile diminuire il livello di indentazione delle vocidell’elenco tramite la combinazione di tasti SHIFT + TAB.
Inserisco due SHIFT-TAB in questo punto
Inserisco uno SHIFT-TAB in questo punto
• Testo al primo livello di indentazioneo Testo al secondo livello di indentazione
� Testo al terzo livello di indentazione
• Testo al primo livello di indentazioneo Testo al secondo livello di indentazione
• Testo al primo livello di indentazione
• Testo al primo livello di indentazione• Testo al primo livello di indentazione• Testo al primo livello di indentazione
![Page 27: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/27.jpg)
Inserisci illustrazioni
![Page 28: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/28.jpg)
Strumenti immagine
Selezionare l’oggetto
![Page 29: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/29.jpg)
Inserisci tabelle
![Page 30: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/30.jpg)
Tabella
![Page 31: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/31.jpg)
Strumenti tabella
• La gestione di formati si fa sempre a partire da Home e dal menu contestuale
![Page 32: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/32.jpg)
Inserisciintestazione e piè di pagina
![Page 33: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/33.jpg)
Inserisci equazione
![Page 34: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/34.jpg)
Parti rapide
![Page 35: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/35.jpg)
Stili
• Attraverso gli stili si possono memorizzare le impostazioni viste finora
![Page 36: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/36.jpg)
Un esempio: normaleClick con tasto dx
Selezionare
Inoltre
![Page 37: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/37.jpg)
Struttura del documento
• Attraverso gli stili si può costruire e gestire la struttura del documento
![Page 38: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/38.jpg)
Riferimenti
![Page 39: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/39.jpg)
Proviamo
http://www.liberliber.it/libri/m/machiavelli/index.php
![Page 40: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/40.jpg)
IL TESTO SUL WEB : HTML E XML
![Page 41: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/41.jpg)
Microstoria di HTML
• Anni Novanta: – A Internet serviva un linguaggio di formattazione dei
contenuti, che sarebbero poi stati veicolati all'utente per mezzo di un browser, che li avrebbe visualizzati come indicato dai marcatori (tags) che componevano il documento (ipertesto).
– Tim Berners-Lee, l’inventore del WWW, definì il linguaggio HTML, basandosi sul metalinguaggio SGML (Standard Generalized Markup Language), insieme con un protocollo di trasporto (HTTP).
![Page 42: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/42.jpg)
Microstoria di HTML
• Esempi di:• Java script• AJAX• HTML5
![Page 43: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/43.jpg)
HyperText Markup Language
• Linguaggio a marcatori (tag) per la descrizione della formattazione di pagine web
• La formattazione si ottiene mediante i tag predefiniti, che descrivono caratteristiche specifiche (funzione, colore, dimensioni, posizione all'interno della pagina) leggibili dal browser.
![Page 44: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/44.jpg)
Struttura di un documento HTMLLa Document Type Definition (definizione del tipo di documento) è uno strumento utilizzato dai programmatori il cui scopo è quello di definire le componenti ammesse nella costruzione di un documento XML.
I tag utilizzati nella sezione header normalmente non vengono visualizzati dal browser, ma servono come informazioni di controllo e di servizio.<title></title>
All'interno della sezione body, che racchiude la parte visualizzabile del documento, si utilizzano i tag specifici previsti per la formattazione dei contenuti accessibili all'utente finale.
NB: La sezione body (come head) è annidataall’interno della sezione html
![Page 45: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/45.jpg)
Elementi o tag di base
• il tag di prologo <!doctype>
• i due tags di definizione <html></html>
• i due tags per la testata <head></head>
• un tag per il titolo <title></title>
• due tags per il corpo <body></body>
![Page 46: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/46.jpg)
Creiamo un file html
• Ci servono– Un editor di testo
– E… basta
![Page 47: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/47.jpg)
Doctype
• è un'istruzione che associa un particolare documento SGML o XML (ad esempio, una pagina web) a una Document Type Definition (DTD) (ad esempio, la definizione formale di una particolare versione di HTML).
• Nel codice del documento HTML, si presenta come una breve stringa conforme a una sintassi particolare. Non è un tag.
• I motori di layout dei browser eseguono il cosiddetto "sniffing" o "switching" dell’istruzione, per individuare dal DOCTYPE un layout e favorire la retrocompatibilità con browser precedenti e la compatibilità con dispositivi mobile.
• In HTML5 il DOCTYPE si usa solo per la selezione della modalità e viene conservato solo per attivare la modalità standard nei browser più comuni.
• Da HTML 3.2 a HTML 4.01, viceversa la conformità a una DTD è necessaria.
![Page 48: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/48.jpg)
DTD
• La DTD di un documento definisce i marcatori (tag) e la sintassi utilizzata per creare il documento stesso.
• Una pagina valida deve dunque contenere <!DOCTYPE> (Document Type Declaration).
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN““http://www.w3.org/TR/html4/loose.dtd“>
TopElement Availability Registration Organization Type
Label DefinitionURI (Uniform Resource Identifier)
Lang
uage
![Page 49: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/49.jpg)
Gli elementi di Doctype
Elemento Significato
TopElement tipo di documento dichiarato
Availability Indica se l’oggetto è public oppure locale/URL (system)
Registration L’organizzazione che lo definisce è registrata all’ISO? (+/-)
Organization organizzazione che ha creato e mantiene il DTD
Type tipo di oggetto cui si riferisce il <!DOCTYPE>
Label nome del testo referenziato dal DTD (con eventuale versione)
Definition in HTML 4.01 può essere strict (basata su CSS); transitional(temporanea); frameset (basata su frames)
Language lingua utilizzata nel DTD (in genere, EN)
URI specifica dove si trova l’oggetto
![Page 50: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/50.jpg)
Scrivere le DTD
• Si definiscono le specifiche delle DTD per ogni tipo di documento, superando i limiti di HTML
• Le specifiche dei DTD condividono le caratteristiche di base di XML
• XML struttura testi e documenti non solo (ma soprattutto) per il web.
![Page 51: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/51.jpg)
Perché un nuovo linguaggio?
HTML XMLgrammatica per la descrizione e la formattazione di documenti ipertestuali
metalinguaggio utilizzato per creare nuovi linguaggi, che descrivono documenti strutturati
insieme definito e limitato di tag
tag personalizzabili
![Page 52: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/52.jpg)
XML
![Page 53: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/53.jpg)
eXtensible Markup Language
• Standard progettato per trasportare e memorizzare dati.
• Mezzo per definire insiemi di tagpersonalizzati con cui rappresentare dati semistrutturati, soprattutto di tipo documentale.
![Page 54: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/54.jpg)
Well-formed
• Un documento XML può– Rispettare solo alcune regole sintattiche (ben
formato/well-formed), cioè• Deve avere un elemento root
• Deve avere un tag di chiusura
• I suoi tag sono “case sensitive”
• I suoi tag devono essere opportunamente annidati
• I valori degli attributi devono essere tra virgolette
![Page 55: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/55.jpg)
Esempio astratto
<root><child><subchild>.....</subchild>
</child>
</root>
Scriviamo un documento XML cherappresenta una lista della spesa
![Page 56: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/56.jpg)
Valid
• Oppure:• Fare anche riferimento a una specifica
struttura, con vincoli di composizione,contenuta in un file DTD (Document Type Definition)
• i suoi elementi e attributi sono dichiarati nel DTD e seguono le regole grammaticali per la loro specifica DTD.
![Page 57: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/57.jpg)
XML Valid
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE elenco_frasi_celebri SYSTEM "esempio.dtd">
<elenco_frasi_celebri>
<frase_celebre >
<destinatario>senato di Roma </destinatario>
<mittente>Giulio Cesare </mittente>
<intestazione>pro memoria </intestazione>
<testo>Alea iacta est </testo>
<data>49 a.C.</data>
</frase_celebre >
…
</elenco_frasi_celebri>
![Page 58: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/58.jpg)
Esempio.dtd
<!ELEMENT elenco_frasi_celebri (frase_celebre *)>
<!ELEMENT frase_celebre (destinatario, mittente, intestazione, testo, data)>
<!ELEMENT destinatario (#PCDATA)>
<!ELEMENT mittente (#PCDATA)>
<!ELEMENT intestazione (#PCDATA)>
<!ELEMENT testo (#PCDATA)>
<!ELEMENT data (#PCDATA)>
#PCDATA = parsed character data
![Page 59: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/59.jpg)
Attributi
<libreria><libro categoria="CUCINA">
<titolo>I miei dolci più buoni</titolo><autore>Suor Cecilia</autore><anno>2001</anno><prezzo>23,24</prezzo>
</libro><libro categoria="BAMBINI">
<titolo>Harry Potter</titolo><autore>J. K. Rowling</autore><anno>2005</anno><prezzo>29,99</prezzo>
</libro><libro categoria="WEB">
<titolo>Learning XML</titolo><autore>Erik T. Ray</autore><anno>2003</anno><prezzo>39.95</prezzo>
</libro>
</libreria>
![Page 60: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/60.jpg)
UN ESEMPIO DIFFUSO: RSS
![Page 61: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/61.jpg)
RSS
• RDF Site Summary, o Really Simple Syndication o Rich Site Summary
• I flussi RSS (= file xml) permettono l’aggiornamento di/su nuovi contenuti pubblicati nei siti di interesse.
![Page 62: Corso di laurea in Scienze Biologiche A.A. 2012/13marchi.ricerca.di.unimi.it/Teaching/Biologi13/Es2/Modulo2_Elaborazi… · – MS Office Word 2010 • Esercitazione con Word •](https://reader030.fdocument.pub/reader030/viewer/2022013021/5f0a37f67e708231d42a95e4/html5/thumbnails/62.jpg)
www.unimi.it
• http://www.unimi.it/xml/avvisi.xml
• http://www.unimi.it/xml/news.xml