4 Creare contenuti per il web - Andrea Giachetti

More documents

Recommendations

Info

72 sopra l'immagine. In Figura 31 si vede un esempio dell'uso di img con vari attributi. La posizione (es. left, center, right) si può controllare con align e vi sono opzioni anche per lo scorrimento del testo, tuttavia esse sono in disuso (e “deprecated”) essendo meglio usare le regole di stile CSS. Per l'elenco completo delle opzioni si rimanda ai manuali. 4.5 Formattazione del testo Formattazione è una parola usata per definire il modo in cui si attribuisce lo stile grafico a un (iper)testo. Come abbiamo detto, durante l'evoluzione di (X)HTML si è cercato di separare lo stile dal contenuto mediante l'uso dei fogli di stile (Cascading StyleSheets o CSS) che vedremo in seguito e che rappresentano sicuramente il modo migliore di gestire la formattazione. All'inizio però per creare gli effetti grafici di impaginazione e modifica del testo si usavano appositi elementi e coppie attributi/valori HTML. Essi possono naturalmente ancora oggi essere usati, anche se alcuni di essi sono stati dichiarati “deprecated” dal W3C, cioè ne viene ufficialmente sconsigliato l'uso. Vediamone i principali. Per modificare l'aspetto del testo, si può usare l'elemento , come ad esempio in testo per usare il grassetto (bold), oppure per il corsivo (italic) ( testo ). In alternativa esistono anche e che generano effetti analoghi. Per variare le dimensioni esistono gli elementi ... e ..., che se ripetuti moltiplicano il loro effetto. L'effetto di questi elementi può essere visto in Figura 32. Il tipo di carattere, cioè il cosiddetto font, visualizzato dipende se non specificato dalle opzioni del browser. Oggi, come vedremo, si possono scegliere con grande libertà i font, ma all'inizio non vi era questa possibilità. Per modificare il tipo di carattere senza i CSS, si possono usare alcuni elementi per modificare la tipologia del testo o per scegliere il carattere. Il carattere standard di visualizzazione della pagina web è di tipo con grazie a spaziatura variabile (come il noto Times o come quello con cui è scritto questo testo. I caratteri senza grazie sono quelli privi degli abbellimenti ortogonali ai margini detti appunto grazie, come ad esempio il carattere Arial). Alcuni elementi che modificano il tipo di carattere sono i tag , , o essi fanno sì che il testo al loro interno sia rappresentato con spaziatura fissa, cioè in cui tutte le lettere occupano lo stesso spazio in larghezza come nelle macchine da scrivere o nei vecchi display (infatti si usano in genere per rappresentare i codici in linguaggi di programmazione). Un carattere di questo tipo nei word processor moderni è il Courier. Se si vuole inserire del testo con spaziatura fissa e che inoltre non trascuri spazi ed a capo come normalmente avviene nel codice HTML, si può usare il tag che sta per “testo preformattato”, di cui cioè HTML non codifica la formattazione. Altri effetti di modifica del carattere sono creati da testo che trasforma il testo contenuto in apice (superscript) e testo , che trasforma il testo contenuto in pedice (subscript). Più di recente era stato inserito anche l'elemento i cui attributi permettono di scegliere dettagliatamente tipo, dimensione e colore dei caratteri. La sintassi dell'elemento è, per esempio:
testo . Tale elemento è però deprecato dal W3C e se ne sconsiglia l'uso (gli elementi deprecati dovrebbero essere eliminati poi definitivamente dal linguaggio). Come vedremo il modo più corretto e potente di modificare la formattazione degli elementi di (X)HTML è quello utilizzare le regole di stile ed i fogli di stile a cascata, che consentono piena libertà di scegliere differenti caratteri per le differenti parti del documento. 4.6 Attributi e valori Abbiamo visto quindi che per definire le caratteristiche di un elemento utilizziamo delle coppie attributo-valore ed abbiamo visto vari esempi. Gli attributi e i possibili valori da essi assunti sono specifici del linguaggio e definiti esattamente dalle specifiche W3C (accessibili tramite il sito www.w3c.org). A seconda del tipo di elemento gli attributi possono assumere valori espressi in differenti modi: numerici, percentuali, testuali. Gli attributi che indicano dimensione, come width e height, possono essere espressi da un numero che indica il valore in pixel o da una percentuale dell'elemento contenitore. Un attributo come src nell'elemento img deve avere come valore la stringa che rappresenta un URL valido di un'immagine (l'indirizzo esatto cioè di dove si trova l'immagine collegata sul web). Molti attributi infine possono assumere solo in insieme finito di stringhe (es. “left”, “center”, “right” per align) rigidamente determinata dal DTD del linguaggio. Ricordiamo che una delle innovazioni di XHTML rispetto a HTML consiste nell'obbligo di valorizzare tutti gli attributi, cioè non possono più esistere attributi senza valori associati. Siccome in realtà alcuni attributi non erano stati pensati per assumere differenti valori, in alcuni casi esiste un unico valore ammissibile (es. noshade=”noshade”). Fondamenti Fondamenti di informatica In questo corso studieremo molto per passare l'esame Che altro dire? Che però è meglio non esagerare troppo Meglio poco ma bene, purché non pochissimo Figura 32: Esempio di codice (X)HTML con tag di formattazione
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 65 and 66: titolo bla, bla, bla, bah primo s
Page 67 and 68: che vedremo nel seguito. Creare con
Page 69 and 70: title head Creare contenuti per il
Page 71: Creare contenuti per il web: (X)HTM
Page 75 and 76: Creare contenuti per il web: (X)HTM
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 121 and 122: oadcast televisivo, introdotto nel
Page 123 and 124:
Contenuti multimediali: codifica ed
Page 125 and 126:
Contenuti multimediali: codifica ed
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

Create successful ePaper yourself

Delete template?

Save as template?