4 Creare contenuti per il web - Andrea Giachetti

More documents

Recommendations

Info

64 4 Creare contenuti per il web: (X)HTML e CSS in dettaglio 4.1 HTML: storia ed evoluzione Anche se, come abbiamo visto, non è necessario conoscere il meccanismo di codifica degli ipertesti per inserire contenuto sul web, vale la pena di andarlo a vedere da vicino, sia perché è un ottimo esempio per avvicinarsi alla scrittura di codice informatico, sia perché ci consente anche di capire meglio come funzioni il browser e come si inseriscano i contenuti multimediali nelle pagine web. Del resto, anche se si utilizzano i Content Management System come amministratori o semplici utenti per creare i propri contenuti web, è decisamente utile sapere come è fatto il markup (linguaggio di marcatura) che genera le pagine a basso livello, anche perché molte opzioni di configurazione del layout grafico disponibili in tali sistemi implicano l'utilizzo di codice scritto in HTML o CSS (vedi nel seguito). L'invenzione del web, come abbiamo visto è strettamente correlata alla realizzazione di un meccanismo per codificare gli ipertesti, cioè per creare dei testi con annotazioni che ne determinino la visualizzazione sul browser ed il “significato” da attribuire ad ogni parte. Quando Tim Berners-Lee creò il meccanismo al CERN di Ginevra, negli anni '90, creò, quindi, anche il linguaggio per la codifica, che chiamò HTML (HyperText Markup Language). Esso è un linguaggio di codifica che si dice di marcatura o markup proprio perché non dà “istruzioni” su operazioni da eseguire come i linguaggi di programmazione, ma semplicemente marca le parti di testo dando loro determinati significati. Il linguaggio venne creato sulla base di un altro linguaggio dagli scopi più generali detto SGML (Standard Generalized Markup Language). Tratti caratteristici del linguaggio sono la sua codifica come testo, che lo rende indipendente da hardware e sistema operativo e, appunto, l'introduzione dei collegamenti ipertestuali che possono essere aggiunti alle parti del documento. Il linguaggio originale ideato da Berners Lee, dopo la diffusione del web e lo sviluppo del mercato dei browser, andò incontro ad una rapida evoluzione, tuttora in corso. L'idea fondamentale, come vedremo meglio in seguito, era di utilizzare dei marcatori (tag) che identificassero determinati “elementi” del documento da interpretare in maniera peculiare (p.es. titoli, paragrafi, tabelle) e da visualizzare con particolari attributi, modificabili. Il linguaggio originale aveva 22 elementi di cui 13 sono rimasti fino ad oggi. A metà anni novanta, Netscape e Microsoft, che producevano i browser più diffusi, avevano aggiunto al linguaggio varie opzioni aggiuntive proprietarie, che rendevano più attraenti i siti ma anche più difficile il lavoro di chi li realizzava, data la necessità di evitare le incompatibilità o di realizzare versioni multiple per adattarsi ai diversi browser. Per questo l'organismo di standardizzazione del web, W3C, fondato nel 1994 dallo stesso Berners-Lee, cominciò a definire in modo sempre più completo lo standard cui i browser avrebbero dovuto uniformarsi, includendo in esso tutte le modifiche utili e di successo introdotte con gli elementi proprietari. Le evoluzioni ufficiali dello standard furono: l'HTML 2.0 (1995), l'HTML 3.2 (1997), che incluse i principali elementi proprietari di Netscape, l'HTML 4.0 (1997) che introdusse la
titolo bla, bla, bla, bah primo secondo Creare contenuti per il web: (X)HTML e CSS in dettaglio 65 Figura 24: Esempio di linguaggio di Markup (HTML): le diverse parti di testo sono "marcate" da appositi elementi (tag) in base ai quali sono visualizzati in modo diverso nella finestra del browser dichiarazione di tipi diversi di documento (strict, transitional, frameset) all'inizio del codice delle pagine e, pur includendo altri elementi ed attributi proprietari dei browser per la gestione degli effetti grafici cominciò a definirli “deprecated”, cioè disapprovati. Infatti si stava allora introducendo un nuovo modo di attribuire l'aspetto grafico alle pagine, con l'uso dei fogli di stile a cascata (Cascading StyleSheets, CSS), che vengono codificati con un linguaggio a parte e collegati ai documenti HTML o XHTML (vedi cap. 4.11 ). L'ultima versione ufficiale di HTML (4.01) risale al 1999, dopodiché si tese a sostituire il linguaggio HTML con una nuova versione (XHTML) molto simile ma riscritta rispettando i vincoli più stretti del meta-linguaggio XML, in modo da rendere anche più facile l'interpretazione dei documenti stessi (HTML, ponendo meno vincoli di correttezza del codice è molto più difficile da interpretare correttamente). La versione attuale di XHTML è la 1.1 ed è il linguaggio cui si dovrebbero conformare i siti attuali, mentre evoluzioni sia del vecchio HTML (5.0) che di XHTML (2.0) sono ancora in fase di discussione da parte dei rispettivi “Working Groups”. L'esistenza di tutte queste versioni ed evoluzioni potrebbe creare grossa confusione; di solito però non ce ne rendiamo conto quando utilizziamo il web, in quanto i browser moderni sono in grado di interpretare abbastanza correttamente tutti i differenti linguaggi in modo da garantire la possibilità di usufruire di tutto il materiale attuale e passato. 4.2 Elementi di base di un documento HTML o XHTML Le pagine HTML o XHTML, (dato che le cose che diremo valgono in genere per entrambi useremo spesso indifferentemente i termini o useremo la scrittura (X)HTML per indicare entrambi) sono quindi composte da testo con elementi marcatori, come dice il termine stesso “markup” dell'acronimo. Sono quindi abbastanza semplici da comprendere e codificare. La differenza tra un linguaggio di marcatura ed uno di programmazione è quindi evidente: nel linguaggio di marcatura non diamo una serie di istruzioni alla macchina per risolvere un problema, ma vogliamo dare solo indicazioni sulla struttura del testo contenuto in un documento per strutturarne la visualizzazione. Le principali forme di marcatura che caratterizzano le parti del documento si chiamano “elementi”, “attributi” e “valori”.
Page 1 and 2:
Andrea Giachetti Tecnologie informa
Page 3 and 4:
Indice Introduzione................
Page 5 and 6:
Introduzione Introduzione 5 L'utili
Page 7 and 8:
Introduzione 7 conoscenza. Il testo
Page 9 and 10:
Computer ed informazione digitale 9
Page 11 and 12:
paradigmi di interazione (ad esempi
Page 13 and 14: quanto riguarda i PC da tavolo. Dal
Page 15 and 16: Reti telematiche ed Internet 15 acc
Page 17 and 18: Reti telematiche ed Internet 17 (LA
Page 19 and 20: Reti telematiche ed Internet 19 tra
Page 21 and 22: Reti telematiche ed Internet 21 poi
Page 23 and 24: Figura 6: La suddivisione delle fre
Page 25 and 26: Reti telematiche ed Internet 25 In
Page 27 and 28: Reti telematiche ed Internet 27 pi
Page 29 and 30: l'invio. Reti telematiche ed Intern
Page 31 and 32: • non aprire allegati provenienti
Page 33 and 34: Reti telematiche ed Internet 33 al
Page 35 and 36: Transfer Protocol (HTTP). L'unica,
Page 37 and 38: Funzionamento e gestione dei siti w
Page 41 and 42: computer richiedente attraverso un
Page 43 and 44: utente Client (rendering HTML) rich
Page 53 and 54: Tecnologie di syndication Gli utent
Page 59 and 60: Figura 20: La pagina per la ricerca
Page 63: Funzionamento e gestione dei siti w
Page 67 and 68: che vedremo nel seguito. Creare con
Page 69 and 70: title head Creare contenuti per il
Page 71 and 72: Creare contenuti per il web: (X)HTM
Page 73 and 74: testo . Tale elemento è però depr
Page 77 and 78: Cose da fare Dormire Mangiare
Page 81 and 82: Selettore Proprietà Creare contenu
Page 85 and 86: leggibile del maiuscolo (la ragione
Page 87 and 88: “blocco note” o “wordpad” p
Page 99 and 100: Quando gli applet Java vennero intr
Page 101 and 102: Contenuti multimediali: codifica ed
Page 105 and 106: Il formato di immagini GIF (Graphic
Page 111 and 112: Immagine scura Contenuti multimedia
Page 115 and 116:
Contenuti multimediali: codifica ed
Page 117 and 118:
Page 119 and 120:
Page 121 and 122:
oadcast televisivo, introdotto nel
Page 123 and 124:
Page 125 and 126:
Page 127 and 128:
I concetti e le informazioni di bas
Page 129 and 130:
L'uso di script e pagine attive con
Page 131 and 132:
Appendice 1: software libero/open s
Page 133 and 134:
Appendice 2: la codifica del testo
show all

4 Creare contenuti per il web - Andrea Giachetti

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?