SOMMARIO. Prefazione... XI. Capitolo 1 - Le variabili dell ambiente di progettazione Web... 1

Transcript

1 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 Impiegare la versione più aggiornata Creare codice specifico per un browser Una soluzione al dilemma dei browser È opportuno usare un editor HTML? Creare pagine visualizzabili su schermi di varie risoluzioni Progettazione per una sola risoluzione Progettazione flessibile per più risoluzioni Problemi di ampiezza di banda In quale modo le pagine vengono inviate all utente Collaudo dei tempi di prelevamento Uso dell area cache Riepilogo Esercizi Progetti Sviluppo di un sito Capitolo 2 - Principi di progettazione di un sito Web Progettare in base al dispositivo Definire il look del sito Come rendere trasportatile il progetto... 27

2 iv Progettare per utenti a bassa ampiezza di banda Chiarezza di presentazione e facilità di accesso alle informazioni Progettare l intero sito Creare transizioni lineari Usare una griglia per fornire una struttura visiva Usare lo spazio vuoto attivo Progettare considerando gli utenti Progettare per l interazione Disposizione degli elementi Indirizzare lo sguardo dell utente Usare una gerarchia piuttosto piatta Sfruttare le potenzialità dei link ipertestuali Qual è la giusta dose di contenuti? Progettare per lo schermo Lo schermo non è una pagina Riepilogo Esercizi Quesiti Progetti Sviluppo di un sito Capitolo 3 - Pianificazione del sito Creazione delle specifiche del sito Identificare l obiettivo dei contenuti Analisi del pubblico Identificare gli elementi e i vincoli tecnologici Costruire un team di sviluppo del sito Web Nomi di file e indirizzi URL Denominazione dei file Uso dell indirizzo URL La struttura delle directory Percorsi assoluti e relativi Costruzione di una struttura di file relativa Diagramma del sito Creare la struttura delle informazioni Riepilogo... 72

3 V Esercizi Quesiti Progetti Sviluppo di un sito Capitolo 4 - Pianificazione della navigazione nel sito Navigazione creativa Individuazione della posizione Evitare un eccesso di informazioni Uso di metodi di navigazione basati sul testo Collegamenti con una barra di navigazione basata sul testo Collegamento ai singoli file Collegamenti a frammenti di un documento Collegamento a frammenti di un documento esterno Aggiunta dei collegamenti contestuali Uso degli elementi di navigazione grafici Uso di testo grafico per la navigazione Uso delle icone di navigazione Uso dell attributo ALT 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

4 vi 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

5 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

6 viii 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

7 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

8 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