Prefazione XI

Capitolo 1 - Le variabili dell'ambiente



di progettazione Web 1

HTML, XML e il futuro dei linguaggi per il Web 2

Il linguaggio HTML: una breve introduzione storica 2

Il linguaggio XML: uno standard aperto per la strutturazione dei dati 5

XHTML, il futuro di HTML 7

In quale modo i browser influenzano il lavoro 8

Usare il minimo comune denominatore 10

Impiegare la versione più aggiornata 10

Creare codice specifico per un browser 10

Una soluzione al dilemma dei browser 11

é opportuno usare un editor HTML? 12

Creare pagine visualizzabili su schermi di varie risoluzioni 13

Progettazione per una sola risoluzione 13

Progettazione flessibile per più risoluzioni 15

Problemi di ampiezza di banda 17

In quale modo le pagine vengono inviate all'utente 18

Collaudo dei tempi di prelevamento 19

Uso dell'area cache 19

Riepilogo 21

Esercizi 21

Progetti 22

Sviluppo di un sito 23

Capitolo 2 - Principi di progettazione



di un sito Web 25

Progettare in base al dispositivo 26

Definire il "look" del sito 26

Come rendere trasportatile il progetto 27

iv SOMMARIO

Progettare per utenti a bassa ampiezza di banda 27

Chiarezza di presentazione e facilità di accesso alle informazioni 28

Progettare l'intero sito 30

Creare transizioni lineari 30

Usare una griglia per fornire una struttura visiva 31

Usare lo spazio vuoto attivo 33

Progettare considerando gli utenti 36

Progettare per l'interazione 38

Disposizione degli elementi 41

Indirizzare lo sguardo dell'utente 42

Usare una gerarchia piuttosto "piatta" 45

Sfruttare le potenzialità dei link ipertestuali 46

Qual è la giusta dose di contenuti? 48

Progettare per lo schermo 51

Lo schermo non è una pagina 52

Riepilogo 54

Esercizi 55

Quesiti 55

Progetti 55

Sviluppo di un sito 56

Capitolo 3 - Pianificazione del sito 57



Creazione delle specifiche del sito 57

Identificare l'obiettivo dei contenuti 58

Analisi del pubblico 60

Identificare gli elementi e i vincoli tecnologici 62

Costruire un team di sviluppo del sito Web 62

Nomi di file e indirizzi URL 63

Denominazione dei file 63

Uso dell'indirizzo URL 65

La struttura delle directory 66

Percorsi assoluti e relativi 67

Costruzione di una struttura di file relativa 67

Diagramma del sito 68

Creare la struttura delle informazioni 69

Riepilogo 72

SOMMARIO V

Esercizi 74

Quesiti 74

Progetti 75

Sviluppo di un sito 76

Capitolo 4 - Pianificazione della navigazione



nel sito 77

Navigazione creativa 77

Individuazione della posizione 79

Evitare un eccesso di informazioni 80

Uso di metodi di navigazione basati sul testo 81

Collegamenti con una barra di navigazione basata sul testo 83

Collegamento ai singoli file 84

Collegamenti a frammenti di un documento 85

Collegamento a frammenti di un documento esterno 89

Aggiunta dei collegamenti contestuali 93

Uso degli elementi di navigazione grafici 94

Uso di testo grafico per la navigazione 95

Uso delle icone di navigazione 95

Uso dell'attributo ALT 97

Riepilogo

Esercizi

Quesiti

Progetti

Sviluppo di un sito

Capitolo 5 - Creazione di modelli



di pagine Web

Le basi delle tabelle

L'uso degli elementi delle tabelle

Definizione degli attributi della tabella

Estensione su più colonne

Estensione su più righe

Scelta di una tabella di larghezza relativa o fissa

Come determinare la larghezza fissa corretta di una tabella

Eliminazione della spaziatura standard della tabella

Elementi di base per la creazione delle tabelle

Codice HTML facile da leggere

Eliminazione degli spazi inutili

vi SOMMARIO

Centratura delle tabelle

Tabelle affiancate verticalmente

Nidificazione delle tabelle

Creazione del modello di una pagina

Costruzione della struttura di base della tabella

Impostazione della larghezza fissa della tabella

Creazione della cella per il titolo della pagina

Creazione della cella principale

Creazione della colonna dei collegamenti

Impostazione della larghezza delle colonne

Allineamento verticale delle celle

Collaudo del modello della pagina

Esempi di modelli

Un modello a due colonne

Un modello a due colonne con titolo

Un modello a tre colonne

Un modello a tre colonne con titolo

Un modello a tre colonne con area centrale preponderante

Un modello a tre colonne a sezioni

Un modello a tre colonne con sezione centrale preponderante

Riepilogo

Esercizi

Quesiti

Progetti

Sviluppo di un sito

Capitolo 6 - I caratteri e il Web



Principi d'uso dei caratteri

Scegliere pochi font e poche dimensioni

Usare i font disponibili

Puntare sulla leggibilità

Evitare di usare il testo grafico

Controllo dei caratteri con l'elemento <FONT>

Impostazione delle dimensioni dei font

Indicazione di font alternativi

Impostazione del colore del font

Uso dell'elemento <FONT>

Controllo dei caratteri nei fogli stile CSS

I fogli stile CSS

Tecniche di selezione CSS

Le proprietà per i font in CSS

Indicazione dei valori di spaziatura a livello di paragrafo

SOMMARIO VII

Creazione di uno stile CSS

Impostazione delle suddivisioni del documento

Impostazione del paragrafo standard

Impostazione del numero del capitolo

Impostazione del titolo del capitolo

Stile per il titolo del volume e l'autore

Riepilogo

Esercizi

Quesiti

Progetti

Sviluppo di un sito

Capitolo 7 - Grafica e colori



I formati dei file grafici

Il formato GIF

Il formato JPEG

Il formato PNG

Uso dell'interallacciamento e della visualizzazione progressiva

Dove si possono trovare le immagini

Scelta del formato corretto

Gestione del colore sui computer

Profondità dei colori

Dithering

Scelta di uno strumento grafico

Uso dell'elemento <IMG>

Sostituzione degli attributi di <IMG> con i fogli stile

Uso dell'attributo ALT

Indicazione della larghezza e dell'altezza dell'immagine

Dimensionamento delle immagini in base alla pagina

Rimozione del bordo ipertestuale di un'immagine

Allineamento del testo e delle immagini

Aggiunta di uno spazio attorno alle immagini

Uso di spazi GIF trasparenti

Uso di linee mono-pixel

Uso delle immagini di sfondo

Il codice esadecimale dei colori

Denominazioni standard dei colori

Impostazione del colore di sfondo della pagina

Uno dei colori di sfondo nelle tabelle

Modifica dei colori dei collegamenti

Riepilogo

viii SOMMARIO

Esercizi

Quesiti

Progetti

Sviluppo di un sito

Capitolo 8 - I frame in HTML



Il funzionamento dei frame

I vantaggi dei frame

I difetti dei frame

Sintassi per la creazione dei frame

L'elemento <FRAMESET>

L'elemento <FRAME>

Il tag <NOFRAMES>

Nidificazione dei frame

Frame ridimensionabili

Visualizzazione delle barre di scorrimento

Visualizzazione dei bordi dei frame

Controllo dei margini dei frame

Controllo della destinazione dei frame

Denominazione dei frame

Uso dei frame denominati

Uso delle destinazioni speciali

Pianificazione del contenuto dei frame

I frame e la risoluzione dello schermo

Progettazione di frame efficaci

Creazione di frame di dimensioni fisse e variabili

Riepilogo

Esercizi

Quesiti

Progetti

Sviluppo di un sito

Capitolo 9 - Pubblicazione e manutenzione



del sito Web

Pubblicazione di un sito Web

Scelta di un provider Internet

Acquisto di un nome di dominio

Punti per la comparazione dei servizi offerti dai provider

Uso di un programma FTP per l'invio dei file sul server

SOMMARIO IX

Collaudo del sito Web

Considerazioni sul collaudo

Collaudo dell'utente

Cambiare i soggetti

Formalizzare il collaudo

Sviluppare un modulo di commenti

Raffinamento e aggiornamento dei contenuti

Come attrarre gli utenti sul sito Web

Utilizzo dei motori di ricerca

Usare un titolo significativo

Uso degli elementi <META>

Attenzione ai frame

Uso di testi ALT per le immagini

Invio di indirizzi URL ai motori di ricerca

Riepilogo

Esercizi

Quesiti

Progetti

Sviluppo di un sito

Appendice A - Il linguaggio HTML:

riferimenti

Gli attributi di base

Elenco alfabetico degli elementi HTML

Elenco degli elementi HTML suddiviso per categoria

Elementi globali

Elementi per il testo

Elementi per gli elenchi

Elementi per le tabelle

Elementi per i link

Elementi di inclusione

Elementi per i fogli stile

Elementi di formattazione

Elementi per frame

Entità per caratteri e corrispondenti codici numerici

Appendice B - I fogli stile CSS: riferimenti

Elenco alfabetico delle proprietà CSS

Proprietà CSS suddivise per categoria

Proprietà per font e testo

Proprietà per i riquadri

Proprietà per lo sfondo

Proprietà di classificazione

Unità di misura CSS

Glossario

Indice analitico 285