Sommario. Introduzione 1. 1 Scrivere in HTML con efficacia 7. 2 Formattazione standard del testo Aggiungere i colori 43. iii

Transcript

1 Sommario Ringraziamenti Informazioni sull autore Introduzione 1 Finalità del libro 1 Introduzione a HTML 4 1 Nuove funzionalità di HTML 4 2 Come utilizzare questo libro 2 Struttura del libro 3 1 Scrivere in HTML con efficacia 7 Definire la struttura del documento 8 Suddividere il codice in sezioni logiche 10 Creare modelli personalizzati 13 Utilizzare i tag di commento per segnalare le sezioni 16 Utilizzare i tag di commento per informazioni sull identità 18 2 Formattazione standard del testo 21 Creare intestazioni di sezione 22 Strutturare paragrafi 24 Suddividere righe di testo 27 Applicare attributi al testo 30 Aggiungere spazi bianchi e margini 31 Creare un elenco non ordinato 34 Creare un elenco ordinato in modo numerico 35 Utilizzare le righe orizzontali 36 Allineare sezioni di testo 38 Creare un collegamento ipertestuale 39 Creare collegamenti più efficaci 40 3 Aggiungere i colori 43 Utilizzare il colore esadecimale 44 Aggiungere un colore di sfondo 46 ix xi iii

2 HTML 4 I Portatili Impostare un colore predefinito per il testo 49 Creare un colore per i collegamenti 51 Personalizzare il colore dei collegamenti visitati 52 Applicare un colore ai collegamenti attivi 54 4 Fogli di stile CSS 57 Creare un foglio di stile per i collegamenti 58 Collegare un documento HTML a un foglio di stile 59 Creare un foglio di stile incorporato 61 Utilizzare gli stili in linea 65 Combinare gli stili in linea, incorporati e collegati 67 Utilizzare le classi per personalizzare i fogli di stile 68 Utilizzare il raggruppamento per semplificare il codice 70 5 Realizzare per il Web e progettare con i fogli di stile 73 Aggiungere un tipo di carattere 74 Impostare le dimensioni dei caratteri 76 Impostare il colore dei caratteri 77 Utilizzare gli stili per controllare il tipo di carattere 78 Controllare le dimensioni utilizzando i fogli di stile 80 Aggiungere il colore utilizzando i fogli di stile 81 Specificare il peso in un foglio di stile 83 Aggiungere attributi utilizzando i fogli di stile 83 Impostare l interlinea 84 Impostare l allineamento 85 Eliminare la sottolineatura dei collegamenti con i fogli di stile 87 Aggiungere i margini con i fogli di stile 88 Impostare un colore di sfondo 90 Aggiungere un immagine di sfondo 90 Impostare gli sfondi affiancati con i fogli di stile 92 6 Immagini e HTML 95 Inserire un immagine in una pagina 96 Impostare l altezza e la larghezza dell immagine 97 Aggiungere testo alternativo 98 Allineare un immagine verticalmente 100 Allineare un immagine orizzontalmente 101 Creare immagini mobili 102 Aggiungere spazio orizzontale tra un immagine e il testo 104 Aggiungere spazio verticale 104 Collegare un immagine a un altra pagina 107 iv

3 Sommario Eliminare i bordi di un collegamento 107 Aggiungere un immagine di sfondo Posizionare gli elementi sulla pagina con i fogli di stile CSS 113 Posizionare gli elementi sulla pagina in modo relativo 114 Posizionare gli elementi in modo assoluto 117 Impostare il posizionamento 3D (Z-Order) con i fogli di stile 119 Impostare le dimensioni con il ritaglio 124 Nascondere gli elementi 126 Gestire il testo in eccedenza Utilizzare le tabelle per strutturare le pagine 131 Creare una tabella a larghezza fissa 132 Creare una tabella dinamica 135 Combinare una tabella fissa con una dinamica 137 Eliminare i bordi 139 Controllare la spaziatura interna alle celle 140 Impostare la spaziatura tra le celle 142 Allineare le celle verticalmente 144 Allineare le celle orizzontalmente 145 Impostare l altezza di una cella 146 Impedire la riduzione delle celle 147 Impostare celle a dimensioni variabili 148 Impostare righe a dimensioni variabili 150 Aggiungere alle celle un colore di sfondo 152 Impostare un immagine di sfondo 153 Nidificare le tabelle 155 Sovrapporre più tabelle Utilizzare i frame nel layout delle pagine 159 Definire il frameset 160 Aggiungere singoli frame 161 Suddividere in colonne un frameset dinamico 163 Suddividere in colonne un frameset fisso 166 Suddividere in righe un frameset dinamico 166 Suddividere in righe un frameset fisso 169 Unire righe e colonne 169 Eliminare i bordi dei frame 173 Gestire le barre di scorrimento 174 Ridimensionare i frame 176 Aggiungere i margini 177 v

4 HTML 4 I Portatili Assegnare un nome ai frame 178 Indirizzare i frame 179 Indirizzare il contenuto utilizzando valori speciali 182 Garantire accessibilità ai browser non compatibili con i frame 183 Esplorare i frame in linea Progettare moduli di risposta 189 Impostare un modulo 190 Creare una casella di testo 192 Creare una casella di controllo 194 Aggiungere un pulsante di opzione 196 Creare un riquadro di testo 198 Inserire una casella di riepilogo 200 Aggiungere i pulsanti Reimposta e Invia Accessibilità ai siti Web 205 Creare e collegare una pagina di solo testo 206 Utilizzare il tag LINK per consentire l esplorazione 208 Rendere i collegamenti comprensibili utilizzando l attributo title 210 Specificare l ordine di tabulazione nei collegamenti 213 Specificare l ordine delle tabulazioni nei moduli 214 Utilizzare FIELDSET e LEGEND nei moduli 217 Utilizzare OPTGROUP nei moduli 220 Rendere accessibili le tabelle utilizzando le didascalie 223 Rendere accessibili le tabelle utilizzando i riepiloghi 226 Chiarire le abbreviazioni con il tag ACRONYM e l attributo title Multimediale e programmi specializzati 231 Creare collegamenti per scaricare file audio e video 232 Aggiungere un suono di sottofondo 234 Riprodurre file audio e video in linea 236 Aggiungere file streaming 237 Creare animazioni con Shockwave Flash 238 Aggiungere un applet Java Aggiungere contenuto sociale 243 Aggiungere un collegamento a un newsgroup 244 Impostare un forum di discussione sul Web 246 vi

5 Sommario Creare un gruppo di conversazione 247 Aggiungere gruppi di conversazione in linea utilizzando applet Java 249 Aggiungere gruppi di conversazione in linea utilizzando ActiveX Effetti speciali con JavaScript e HTML dinamico 255 Rilevare un browser 256 Rilevare e instradare i visitatori del sito 260 Creare una finestra a comparsa 262 Proteggere una pagina Web con le password 263 Utilizzare uno script per indicare l ultimo aggiornamento della pagina 265 Impostare un menu di esplorazione a discesa 269 Aggiungere un cookie 270 Creare effetti rollover DHTML 275 Aggiungere effetti di transizione Pubblicare le pagine 279 Utilizzare i tag META per descrivere il sito 280 Utilizzare i tag META per specificare parole chiave 281 Controllare l ortografia dei documenti 282 Convalidare il codice 284 Visualizzare il sito con browser, piattaforme e risoluzioni diverse 285 Verificare il funzionamento dei collegamenti 288 Trasferire file al server Mantenere e promuovere i siti 291 Effettuare aggiornamenti 292 Rispondere ai messaggi dei visitatori 294 Registrare un nome di dominio 295 Inserire il sito nei motori di ricerca e nei servizi di elenchi in linea 296 Promuovere i siti in linea 298 Modificare la struttura dei siti 300 Appendice A: Riepilogo dei tag utilizzati nel libro 303 Sintassi e utilizzo dei tag HTML 304 Caratteri HTML speciali 312 Indice analitico 317 vii

6