Introduzione 1

Il dischetto allegato 1



Capitolo 1 - Primi passi 3

Il linguaggio HTML e le pagine Web 3

Esercizio 1: cosa "contiene" davvero un file HTML 3

Esercizio 2: visualizzare il codice sorgente di una pagina con Internet Explorer 6

Esercizio 3: visualizzare il codice sorgente di una pagina con Netscape 8

Esercizio 4: comprendere il funzionamento dei tag HTML 9

Esercizio 5: verifica della propria dotazione di strumenti 13

Esercizio 6: conoscere e valutare gli editor WYSIWYG 15

Creazione, modifica, salvataggio dei file 19

Esercizio 7: impostare la struttura di una pagina (i tag essenziali) 19

Esercizio 8: inserire commenti o altri tag "di servizio" 21

Esercizio 9: salvare la pagina 23

Esercizio 10: riaprire la pagina per modificarla 25

Esercizio 11: scorciatoie per la modifica di una pagina 26

Intestazione 29

Esercizio 12: titolo della pagina 29

Esercizio 13: meta-informazioni 32

Esercizio 14: descrizione 33

Esercizio 15: parole-chiave 34

Esercizio 16: refresh automatico 36

Corpo del documento 36

Esercizio 17: sfondo del documento: un colore 37

Esercizio 18: sfondo del documento: un'immagine 39

Esercizio 19: procurarsi immagini di sfondo 42

Esercizio 20: sfondo del documento: un suono 43

Esercizio 21: colore del testo 45

Esercizio 22: colore dei collegamenti ipertestuali 46

Collegamenti ipertestuali 47

Esercizio 23: comprendere i collegamenti ipertestuali 47

Esercizio 24: collegamenti e percorsi 52

Esercizio 25: impostare un collegamento a un'altra pagina del sito 54

Esercizio 26: impostare un collegamento a un'immagine 55

Esercizio 27: impostare un collegamento a un file da aprire o scaricare 56

Esercizio 28: impostare un collegamento a un altro sito Web 57

Esercizio 29: impostare un collegamento interno 58

Esercizio 30: impostare un collegamento a un indirizzo e-mail 59

Esercizio 31: personalizzare l'aspetto dei collegamenti 60

Esercizio 32: aprire un collegamento in una nuova finestra 61



Capitolo 2 - Gestione del testo 63

Testo, caratteri, paragrafi e linee 63

Esercizio 33: digitazione del testo e caratteri speciali 63

Esercizio 34: scegliere tra caratteri a spaziatura variabile e fissa 65

Esercizio 35: impostare tipi di carattere personalizzati 67

Esercizio 36: modificare il colore dei caratteri 69

Esercizio 37: modificare le dimensioni dei caratteri 70

Esercizio 38: andare a capo; creare paragrafi e blocchi di testo 73

Esercizio 39: allineamenti e rientri 75

Esercizio 40: formattare interi blocchi di testo 77

Esercizio 41: inserire una linea di separazione orizzontale 79

Attributi di formattazione ed effetti decorativi 80

Esercizio 42: attributi di formattazione logica 80

Esercizio 43: attributi di formattazione fisica 82

Esercizio 44: altri effetti decorativi per il testo 84

Elenchi puntati e numerati 85

Esercizio 45: impostare un elenco puntato 85

Esercizio 46: impostare un elenco numerato 86

Esercizio 47: impostare un elenco di definizioni 87

Esercizio 48: impostare un elenco multilivello (elenchi annidati) 88

Titoli 90

Esercizio 49: impostare vari livelli di titolazione 90

Esercizio 50: personalizzare la formattazione di un titolo 92



Capitolo 3 - Colori e immagini 95

I colori nella codifica HTML 95

Esercizio 51: comprendere l'uso dei colori in HTML 95

Esercizio 52: calcolare i valori esadecimali dei colori 99

Esercizio 53: applicare un colore a ogni elemento della pagina

Esercizio 54: scegliere i corretti abbinamenti cromatici

Immagini

Esercizio 55: scegliere il formato grafico ideale per un'immagine

Esercizio 56: ottimizzare un'immagine

Esercizio 57: ridurre la risoluzione di un'immagine con Paint Shop Pro

Esercizio 58: inserire un'immagine nella pagina

Esercizio 59: personalizzare l'impaginazione di un'immagine

Esercizio 60: impostare la didascalia di un'immagine

Esercizio 61: associare un collegamento ipertestuale a un'immagine

Esercizio 62: gestire una pagina con molte immagini (miniature)

Esercizio 63: procurarsi raccolte di immagini gratuite

Mappe cliccabili

Esercizio 64: comprendere le potenzialità delle mappe cliccabili

Esercizio 65: impostare una mappa cliccabile



Capitolo 4 - Tabelle

Le tabelle: uno strumento flessibile

Esercizio 66: pianificare l'utilizzo delle tabelle

Esercizio 67: impostare una tabella

Esercizio 68: opzioni aggiuntive per la struttura di una tabella

Personalizzazione di bordi e celle

Esercizio 69: personalizzazione di bordi e sfondo

Esercizio 70: regolare la spaziatura e l'estensione delle celle

Esercizio 71: formattare i contenuti di una cella



Capitolo 5 - Frame

I frame: vantaggi e svantaggi

Esercizio 72: comprendere vantaggi e svantaggi dei frame

Esercizio 73: impostare la pagina "contenitore"

Esercizio 74: definire il tag <NOFRAMES>

Impostazione di una struttura a frame

Esercizio 75: numero, posizione e contenuto dei frame

Esercizio 76: creare strutture complesse con frame annidati

Esercizio 77: creare un frame interno (flottante)

Personalizzazione dei frame

Esercizio 78: personalizzare l'aspetto dei frame (spaziatura, bordi, ridimensionamento, scrolling)

Esercizio 79: definire collegamenti e target tra un frame e l'altro



Capitolo 6 - Funzioni avanzate

Cenni sui moduli interattivi (form)

Esercizio 80: comprendere il funzionamento dei moduli

Esercizio 81: impostare la struttura di un modulo

Esercizio 82: impostare gli elementi di input: opzioni multiple (checkbox)

Esercizio 83: impostare gli elementi di input: opzioni esclusive (radio)

Esercizio 84: impostare gli elementi di input: casella di selezione (select)

Esercizio 85: impostare gli elementi di input: un campo di testo (text)

Esercizio 86: impostare gli elementi di input: altri elementi (cenni)

Esercizio 87: definire il pulsante di conferma/invio

Esercizio 88: definire il pulsante di annullamento/reimpostazione

Esercizio 89: formattare il testo di un modulo

Esercizio 90: un semplice modulo per la raccolta di commenti via e-mail

Cenni sugli script

Esercizio 91: comprendere il funzionamento degli script

Esercizio 92: analizzare alcuni esempi di script

Esercizio 93: creare uno script di tipo "Alert"

I fogli di stile: concetti fondamentali

Esercizio 94: comprendere il funzionamento dei fogli di stile

Esercizio 95: impostare un foglio di stile CSS in linea

Esercizio 96: impostare un foglio di stile CSS incorporato

Esercizio 97: impostare un foglio di stile CSS esterno (collegato)

Esercizio 98: attributi di stile



Capitolo 7 - Per proseguire

Esercizio 99: aggiornarsi sul Web