eBook Gratis

L’evoluzione del Web non si ferma mai: le tecnologie alla base dell’infinita ricchezza della Rete hanno raggiunto una certa maturità, e dopo le “guerre dei browser”, combattute a suon di stranezze e incompatibilità, gli organismi che studiano il Web (quali il W3C e il Web Standards Project) sono riusciti a definire standard per HTML, XHTML e CSS che aiutano i web designer a creare siti entusiasmanti ma soprattutto funzionanti, di facile manutenzione e pronti per il futuro.
Con questa guida, best-seller assoluto alla sesta edizione originale, scoprirete che “standardizzazione” non significa “monotonia e uniformità”, e che la creazione di siti web creativi ma rigorosi è davvero possibile, anzi: è facile e divertente!

L'autore
Elizabeth Castro è autrice di ben sei fortunatissime edizioni originali di questa guida e di numerosi altri testi dedicati al Web e alla creatività per il prestigioso marchio Peachpit Press.

Introduzione . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .13
Internet, il Web e HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Aperto a tutti, ma non uguale per tutti. . . . . . . . . . . . . . . . . . . . 15
Le guerre dei browser . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
Il bisogno di standard . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
CSS e supporto dei browser . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
XHTML o HTML: questo è il dilemma . . . . . . . . . . . . . . . . . . 21
Come funziona questo libro . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
Che cosa è cambiato in questa edizione . . . . . . . . . . . . . . . . . . . 24
Il sito web di questo libro. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

Capitolo 1: Concetti di base delle pagine web . . . . . . . . . . . . . . . . . .27
Markup: elementi, attributi e valori . . . . . . . . . . . . . . . . . . . . . . 28
Il contenuto testuale di una pagina web . . . . . . . . . . . . . . . . . . . 32
Link, immagini e altri contenuti non testuali . . . . . . . . . . . . . . . 33
Nomi dei file . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
HTML o XHTML? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
Versioni, tipi e DOCTYPE . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40
Visualizzazione predefinita di (X)HTML . . . . . . . . . . . . . . . . . . 42

Capitolo 2: I file delle pagine Web . . . . . . . . . . . . . . . . . . . . . . . . . . . 43
Progettazione del sito . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
Creazione di una nuova pagina web . . . . . . . . . . . . . . . . . . . . . . 45
Salvataggio della pagina web . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
Microsoft Word e le pagine web . . . . . . . . . . . . . . . . . . . . . . . . . 48
Pagina web di default . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
Modifica delle pagine web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
Organizzazione dei file . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Visualizzazione della pagina in un browser . . . . . . . . . . . . . . . . . 52
L’ispirazione altrui . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53

Capitolo 3: Struttura (X)HTML di base. . . . . . . . . . . . . . . . . . . . . . . . .55
Inizio di una pagina web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
Creazione delle basi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58
Dichiarazione della codifica . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59
Titolo della pagina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
Titoli di sezione . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
Nuovo paragrafo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62
Denominazione degli elementi . . . . . . . . . . . . . . . . . . . . . . . . . . 63
Scomposizione della pagina in divisioni. . . . . . . . . . . . . . . . . . . . 64
Span inline . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65
Interruzioni di riga . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
Commenti . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67
Etichette per gli elementi delle pagine web . . . . . . . . . . . . . . . . . 68

Capitolo 4: Formattazione (X)HTML di base. . . . . . . . . . . . . . . . . . . .69
Grassetto e corsivo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70
Dimensione del testo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
Font monospaziati . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72
Testo preformattato. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
Citazioni. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74
Apici e pedici . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76
Contrassegni per il testo modificato . . . . . . . . . . . . . . . . . . . . . . 77
Abbreviazioni . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
Centratura degli elementi nella pagina . . . . . . . . . . . . . . . . . . . . 79

Capitolo 5: Immagini. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
Le immagini per il Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82
Procurarsi le immagini . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86
Programmi di fotoritocco . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87
Il comando Salva per Web. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88
Inserimento di immagini. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90
Testo alternativo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91
Specifica delle dimensioni delle immagini . . . . . . . . . . . . . . . . . . 92
Ridimensionamento delle immagini . . . . . . . . . . . . . . . . . . . . . . 94
Riduzione delle immagini . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95
Immagini flottanti . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96
Blocco del flusso del testo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98
Spazio intorno alle immagini. . . . . . . . . . . . . . . . . . . . . . . . . . . . 99
Immagini allineate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100
Filetti orizzontali. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101
Icone per il sito web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102

Capitolo 6: Link . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103
Link ad altre pagine web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104
Ancore . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106
Link a un’ancora specifica . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107
Target dei link in finestre specifiche . . . . . . . . . . . . . . . . . . . . . 108
Target di default . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109
Altri tipi di link. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110
Scorciatoie da tastiera per i link. . . . . . . . . . . . . . . . . . . . . . . . . 112
Ordine di tabulazione per i link . . . . . . . . . . . . . . . . . . . . . . . . 113
Immagini come etichette dei link . . . . . . . . . . . . . . . . . . . . . . . 114
Miniature e immagini . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115
Immagini suddivise in zone cliccabili . . . . . . . . . . . . . . . . . . . . 116
Mappe immagine client-side . . . . . . . . . . . . . . . . . . . . . . . . . . . 117

Capitolo 7: Fogli di stile: concetti di base . . . . . . . . . . . . . . . . . . . . 119
Regole degli stili . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Commenti alle regole di stile. . . . . . . . . . . . . . . . . . . . . . . . . . . 121
Stili a cascata: risoluzione dei conflitti . . . . . . . . . . . . . . . . . . . . 122
Valori delle proprietà. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124

Capitolo 8: File dei fogli di stile. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127
Fogli di stile esterni . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128
Fogli di stile esterni collegati . . . . . . . . . . . . . . . . . . . . . . . . . . . 129
Fogli di stile alternativi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 130
Fogli di stile interni. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131
Importazione di fogli di stile esterni . . . . . . . . . . . . . . . . . . . . . 132
Fogli di stile specifici per diversi media . . . . . . . . . . . . . . . . . . . 133
Stili applicati localmente . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134
L’importanza della posizione . . . . . . . . . . . . . . . . . . . . . . . . . . . 135
L’ispirazione altrui: CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136

Capitolo 9: Selettori . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137
Costruzione dei selettori . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
Selezione degli elementi per nome. . . . . . . . . . . . . . . . . . . . . . . 139
Selezione di elementi per id o classe . . . . . . . . . . . . . . . . . . . . . 140
Selezione di elementi in base al contesto . . . . . . . . . . . . . . . . . . 141
Selezione parziale di un elemento . . . . . . . . . . . . . . . . . . . . . . . 144
Selezione di elementi link in base allo stato . . . . . . . . . . . . . . . . 146
Selezione di elementi in base agli attributi . . . . . . . . . . . . . . . . . 147
Selezione di gruppi di elementi . . . . . . . . . . . . . . . . . . . . . . . . . 148
Combinazione di selettori . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149

Capitolo 10: Formattazione con gli stili . . . . . . . . . . . . . . . . . . . . . . . 151
Scelta di una famiglia di font. . . . . . . . . . . . . . . . . . . . . . . . . . . 152
Font alternativi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
Corsivo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154
Grassetto. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 155
Dimensione del font . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156
Interlinea . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158
Impostazione simultanea dei valori dei font. . . . . . . . . . . . . . . . 159
Colore. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160
Sfondo del testo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161
Spaziatura . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162
Rientri . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163
Proprietà degli spazi bianchi . . . . . . . . . . . . . . . . . . . . . . . . . . . 164
Allineamento del testo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165
Maiuscole e minuscole . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166
Maiuscoletto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167
Decorazione del testo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168

Capitolo 11: Layout con gli stili . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169
Strutturazione delle pagine . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170
Il modello a riquadri . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171
Modifica dello sfondo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 172
Altezza e larghezza di un elemento . . . . . . . . . . . . . . . . . . . . . . 174
I margini intorno a un elemento . . . . . . . . . . . . . . . . . . . . . . . . 176
Padding intorno a un elemento . . . . . . . . . . . . . . . . . . . . . . . . . 177
Spostamento degli elementi rispetto al flusso naturale . . . . . . . . 178
Posizionamento assoluto degli elementi . . . . . . . . . . . . . . . . . . . 179
Elementi fissati alla finestra del browser. . . . . . . . . . . . . . . . . . . 180
Elementi flottanti . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181
Controllo del flusso. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182
Ordine di sovrapposizione degli elementi . . . . . . . . . . . . . . . . . 183
Impostazione del bordo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184
Modifica del cursore . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186
Andamento dell’overflow . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187
Allineamento verticale degli elementi . . . . . . . . . . . . . . . . . . . . 188

Capitolo 12: Effetti dinamici con gli stili. . . . . . . . . . . . . . . . . . . . . . . 189
Visualizzare e nascondere elementi . . . . . . . . . . . . . . . . . . . . . . 190
Pulsanti rollover . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192
Pop-up . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193
Elenchi a discesa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194
Sostituzione dei titoli con immagini . . . . . . . . . . . . . . . . . . . . . 196

Capitolo 13: Fogli di stile per palmari. . . . . . . . . . . . . . . . . . . . . . . . . 199
“Mobilizzare” o miniaturizzare?. . . . . . . . . . . . . . . . . . . . . . . . . 200
Visita del sito . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201
XHTML e CSS per palmari . . . . . . . . . . . . . . . . . . . . . . . . . . . 202
Fogli di stile per palmari . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
Nascondere elementi estranei . . . . . . . . . . . . . . . . . . . . . . . . . . 205
Titoli-immagine . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206
Link all’inizio della pagina . . . . . . . . . . . . . . . . . . . . . . . . . . . . 207
Aggiustamenti per il piccolo schermo . . . . . . . . . . . . . . . . . . . . 208

Capitolo 14: Fogli di stile per la stampa . . . . . . . . . . . . . . . . . . . . . . .209
Creazione di un foglio di stile per la stampa . . . . . . . . . . . . . . . 210
Differenze nei fogli di stile per la stampa . . . . . . . . . . . . . . . . . . 211
Interruzioni di pagina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212
Stampa degli URL dei link . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213
Vedove e orfani . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214

Capitolo 15: Elenchi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215
Elenchi ordinati e non. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216
Scelta dei marker. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218
Impostazione della numerazione . . . . . . . . . . . . . . . . . . . . . . . . 219
Marker personalizzati . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220
Rientro dei marker . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221
Impostazione cumulativa delle proprietà list-style . . . . . . . . . . . 222
Elenchi di definizioni . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223
Formattazione degli elenchi nidificati . . . . . . . . . . . . . . . . . . . . 224

Capitolo 16: Tabelle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227
Mappatura delle pagine. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 228
Tabelle semplici . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229
Bordi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230
Larghezza . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232
Tabelle centrate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 234
Flusso del testo intorno a una tabella. . . . . . . . . . . . . . . . . . . . . 235
Combinazione di tabelle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 236
Allineamento del contenuto di una cella . . . . . . . . . . . . . . . . . . 238
Modifica dello sfondo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240
Controllo degli spazi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 242
Celle su più colonne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244
Celle su più righe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245
Gruppi di colonne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246
Sezionamento orizzontale di una tabella . . . . . . . . . . . . . . . . . . 248
Scelta dei bordi da visualizzare . . . . . . . . . . . . . . . . . . . . . . . . . 249
Interruzioni di riga nelle celle . . . . . . . . . . . . . . . . . . . . . . . . . . 251
Visualizzazione rapida delle tabelle . . . . . . . . . . . . . . . . . . . . . . 252

Capitolo 17: Moduli. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253
Creazione di un modulo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 254
Elaborazione dei moduli . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 256
Invio dei dati per e-mail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258
Organizzazione degli elementi di un modulo. . . . . . . . . . . . . . . 260
Caselle di testo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262
Caselle password . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263
Etichette formali delle parti del modulo . . . . . . . . . . . . . . . . . . 264
Pulsanti d’opzione. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265
Elenchi a discesa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266
Caselle di controllo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 268
Aree di testo grandi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269
Caricamento dei file dei visitatori . . . . . . . . . . . . . . . . . . . . . . . 270
Campi nascosti . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 271
Pulsanti submit . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272
Ripristino dei moduli . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 274
Uso di immagini per l’invio di dati . . . . . . . . . . . . . . . . . . . . . . 276
Ordine di tabulazione . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277
Scorciatoie da tastiera . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278
Disabilitazione di elementi . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279
Elementi non modificabili. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 280

Capitolo 18: Video, audio e multimedia . . . . . . . . . . . . . . . . . . . . . . . 281
Plugin e riproduttori . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282
Disponibilità dei player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 283
Creare file multimediali . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 284
Link ai file multimediali . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285
Incorporazione di filmati QuickTime per Windows . . . . . . . . . 286
Incorporazione di filmati QuickTime per tutti tranne IE. . . . . . 288
Incorporazione di filmati QuickTime per tutti i browser . . . . . . 290
Invocazione di un filmato con JavaScript. . . . . . . . . . . . . . . . . . 292
Ridimensionamento di un filmato QuickTime . . . . . . . . . . . . . 294
Modifica del colore di sfondo del filmato . . . . . . . . . . . . . . . . . 295
Esecuzione in loop di un filmato QuickTime . . . . . . . . . . . . . . 296
Anteprima del filmato . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 297
Aggiunta di attributi ai filmati secondari . . . . . . . . . . . . . . . . . . 298
Filmati in sequenza . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299
Incorporazione di audio MP3 in una pagina . . . . . . . . . . . . . . . 300
Incorporazione di Windows Media, Parte 1. . . . . . . . . . . . . . . . 302
Incorporazione di Windows Media, Parte 2. . . . . . . . . . . . . . . . 304
Incorporazione di Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 305
Incorporazione di video Google e YouTube . . . . . . . . . . . . . . . . 306
Inserimento di applet Java. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 308
Incorporazione di altri file multimediali . . . . . . . . . . . . . . . . . . 309
Presentazioni automatiche. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310

Capitolo 19: Script . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311
Script automatici . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 312
Invocazione di uno script automatico esterno . . . . . . . . . . . . . . 313
Attivazione di uno script . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 314
Pulsanti per l’esecuzione di script . . . . . . . . . . . . . . . . . . . . . . . 316
Informazioni alternative . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317
Script e browser datati. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 318
Script e parser XML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319
Linguaggio di scripting predefinito . . . . . . . . . . . . . . . . . . . . . . 320

Capitolo 20: Elementi di JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . 321
Data e ora correnti . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 322
Dimensione di una nuova finestra . . . . . . . . . . . . . . . . . . . . . . . 323
Modifica di un’immagine puntata dal visitatore. . . . . . . . . . . . . 324
Precaricamento di immagini nella cache . . . . . . . . . . . . . . . . . . 326

Capitolo 21: Simboli e caratteri non inglesi . . . . . . . . . . . . . . . . . . . . 327
Codifiche dei caratteri. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 328
Dichiarazione della codifica caratteri . . . . . . . . . . . . . . . . . . . . . 330
Codifica nei fogli di stile . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 332
Salvataggio della pagina con la codifica . . . . . . . . . . . . . . . . . . . 333
Modifica di una pagina con codifica . . . . . . . . . . . . . . . . . . . . . 334
Aggiunta di caratteri estranei alla codifica . . . . . . . . . . . . . . . . . 336
Lingua della pagina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 338

Capitolo 22: Test e debugging delle pagine web . . . . . . . . . . . . . . . 339
Alcune tecniche di debugging . . . . . . . . . . . . . . . . . . . . . . . . . . 340
Partite dalle cose semplici! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 341
Problemi semplici: HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . 342
Problemi semplici: XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . 343
Problemi semplici: CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 344
Validazione del codice . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 345
Test della pagina . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346
Se il browser mostra il codice . . . . . . . . . . . . . . . . . . . . . . . . . . 348
Se le immagini non appaiono . . . . . . . . . . . . . . . . . . . . . . . . . . 349
Differenze tra i browser . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 350
Ancora nei guai? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 351

Capitolo 23: Pubblicazione sul Web . . . . . . . . . . . . . . . . . . . . . . . . . . 353
Trovare un host per il sito . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 354
Nomi di dominio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 355
Trasferimento dei file sul server . . . . . . . . . . . . . . . . . . . . . . . . . 356

Capitolo 24: Attrarre visitatori . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 361
Parole chiave . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 362
Elenco esplicito delle parole chiave . . . . . . . . . . . . . . . . . . . . . . 363
Descrizione delle pagine . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 364
Controllo delle altre informazioni . . . . . . . . . . . . . . . . . . . . . . . 365
Tenere alla larga i visitatori . . . . . . . . . . . . . . . . . . . . . . . . . . . . 366
Evitare l’archiviazione delle pagine . . . . . . . . . . . . . . . . . . . . . . 367
Creazione manuale di una mappa del sito . . . . . . . . . . . . . . . . . 368
Uso di Google Sitemaps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 369
Invio di un sito a un motore di ricerca. . . . . . . . . . . . . . . . . . . . 370
Migliorare il ranking con link da altri siti . . . . . . . . . . . . . . . . . 371
Creazione di pagine di facile indicizzazione . . . . . . . . . . . . . . . . 372
Altre tecniche per pubblicizzare un sito . . . . . . . . . . . . . . . . . . . 373

Capitolo 25: Syndication e podcasting . . . . . . . . . . . . . . . . . . . . . . . . 375
L’aspetto di un feed . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 376
Preparativi per la syndication . . . . . . . . . . . . . . . . . . . . . . . . . . 378
Creazione di un feed RSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 379
Descrizione del sito nel feed . . . . . . . . . . . . . . . . . . . . . . . . . . . 380
Aggiunta di voci a un feed. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 382
Aggiunta di un’enclosure. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384
Podcast per iTunes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 386
Validazione di un feed. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 392
Invio di un podcast ad iTunes . . . . . . . . . . . . . . . . . . . . . . . . . . 393
Pubblicazione di un feed RSS su un sito . . . . . . . . . . . . . . . . . . 394
Iscrizione a un feed RSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 396
Iscrizione a un podcast con iTunes . . . . . . . . . . . . . . . . . . . . . . 397
Appendice A: (X)HTML: riferimento . . . . . . . . . . . . . . . . . . . . . . . . . . .399
Elementi e attributi (X)HTML . . . . . . . . . . . . . . . . . . . . . . . . . 400
Appendice B: Proprietà e valori CSS . . . . . . . . . . . . . . . . . . . . . . . . . . .409
Proprietà e valori CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 410
Appendice C: Eventi intrinseci . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 417
Eventi intrinseci . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 418
Appendice D: Simboli e caratteri (X)HTML . . . . . . . . . . . . . . . . . . . . . . 419
Appendice E: Valori esadecimali . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 431
Equivalenze esadecimali . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 432
Appendice F: Strumenti (X)HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 433
Gli editor (X)HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 434
Editor (X)HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 435
Immagini e grafica . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 436
Strumenti grafici . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 436
Indice analitico. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 437