Sommario. Nozioni di base su HTML

Транскрипт

1 Sommario Parte 1 Ringraziamenti xiii Introduzione xvi Che cos'è HTML? xvii Comprendere i tag HTML xvii Comprendere CSS (Cascading Style Sheet) xix Perché imparare HTML con Blocco note? xx Scelta della versione di HTML xx Perché utilizzare HTML5? xxii Requisiti minimi di sistema xxii Utilizzo dei file di esercitazione xxiii Assistenza per questo libro xxv Convenzioni utilizzate in questo libro xxvi E adesso? xxvii Nozioni di base su HTML 1 Modificare e visualizzare file HTML Aprire una pagina Web in Blocco note Aggiungere la posizione dei file di dati ai Preferiti Aprire un file da Esplora risorse Anteprima di una pagina Web in un browser Web Eseguire, salvare e visualizzare le modifiche Punti chiave vii

2 viii Sommario 2 Impostare la struttura dei documenti Specificare il tipo di documento Creazione delle sezioni HTML Head e Body Creazione di paragrafi e interruzioni di riga Specificare il titolo della pagina e i Metatag Pubblicazione di un file su un server Punti chiave Formattare il testo con i tag Creare intestazioni Applicare grassetto e corsivo Applicare apice e pedice Utilizzare testo preformattato e non proporzionale Formattare citazioni Configurare le impostazioni di visualizzazione in Internet Explorer. 39 Punti chiave Utilizzare elenchi e sfondi Creare elenchi puntati e numerati Elenchi nidificati Cambiare il carattere del numero o del simbolo di spunta Specificare l inizio di un elenco numerato Creare elenchi di definizione Inserire caratteri speciali Inserire righe orizzontali Scegliere i colori di sfondo e del testo Specificare i colori Applicare un colore di sfondo Applicare un colore al testo Definire il file immagine di sfondo Punti chiave Creare collegamenti ipertestuali e punti di ancoraggio Creare un collegamento ipertestuale a una pagina Web Utilizzo di percorsi parziali e nomi di file Utilizzo di percorsi relativi e assoluti Impostare la finestra di destinazione

3 Sommario ix Parte 2 Creare un collegamento ipertestuale a un indirizzo di posta elettronica Creare collegamenti ipertestuali su punti di ancoraggio Creare collegamenti ipertestuali verso altri contenuti Punti chiave Fogli stile e immagini 6 Introduzione ai fogli stile Comprendere gli stili Creare le regole degli stili Creare stili per tag nidificati Creare classi e ID per applicare gli stili Applicare gli stili a collegamenti ipertestuali Creare e collegare fogli stile esterni Punti chiave Formattare il testo con i fogli stile Impostare una famiglia di caratteri Impostare dimensione e colore del carattere Applicare grassetto e corsivo Applicare barrato e sottolineato Creare span inline Sistemazione della spaziatura tra le lettere Punti chiave Formattare i paragrafi con i fogli stile Rientrare i paragrafi Applicare un bordo a un paragrafo Specificare lo stile di un bordo Impostare il padding di un bordo Specificare lo spessore e il colore di un bordo Formattare lati di un bordo singolarmente Impostare tutti gli attributi di un bordo contemporaneamente. 133 Specificare l allineamento orizzontale del paragrafo Specificare lo spazio verticale tra i paragrafi Punti chiave

4 x Sommario Parte 3 9 Visualizzare le immagini Selezionare un formato grafico Preparazione delle immagini per l uso sul Web Inserire immagini Disporre gli elementi in una pagina Controllare dimensione/padding dell immagine Creare un collegamento ipertestuale grafico Usare le miniature (thumbnail) delle immagini Includere testo alternativo per le immagini Aggiungere didascalie alle figure Punti chiave Layout di pagina e navigazione 10 Creare supporti alla navigazione Pianificare l organizzazione del sito Creare una barra di navigazione testuale Creare una barra di navigazione grafica Mappare diversi punti di un immagine Reindirizzare a un altro URL Punti chiave Creare layout basati su Division Comprendere i tag semantici in HTML Pensare secondo Division Creare Division Creare un layout semantico in HTML Posizionare Division Spostare a destra o a sinistra una division Posizionare Division in una pagina Formattare le Division Punti chiave Creare tabelle Creare una tabella semplice Specificare la dimensione di una tabella Specificare la larghezza di una colonna Unire celle di una tabella Usare le tabelle per il layout di pagina Punti chiave

5 Sommario xi 13 Formattare tabelle Applicare bordi alla tabella Applicare bordi usando gli attributi Applicare bordi usando gli stili Applicare riempimenti di sfondo e del testo Modificare il padding, la spaziatura e l allineamento di una cella Impostare il padding di una cella Impostare la spaziatura di una cella Impostare l allineamento orizzontale e verticale Punti chiave Creare form utente Creare un form Creare una casella di testo Campi speciali per indirizzi Web e di posta elettronica Creare una casella di testo multiriga Creare un pulsante Submit (Invia) o Clear (Cancella) Aggiungere il testo predefinito o segnaposto Creare caselle di controllo e pulsanti di opzione Creare elenchi Altri tipi di input in HTML Comprendere CGI e altri strumenti avanzati Punti chiave Incorporare suoni e video Novità audio e video in HTML Introduzione ai contenuti multimediali con HTML Formati e contenitori multimediali Codec: decodifica di video e audio Quale formato scegliere? Dimensioni del file e qualità Codificare i video Incorporare clip video Introduzione al tag <video> Il tag <embed>: il tuo piano di emergenza Posizionare una clip video su una pagina Web Incorporare audio in una pagina Web Riprodurre audio con il tag <audio> Riprodurre audio con i vecchi browser Posizionare una clip audio su una pagina Web Punti chiave

6 xii Sommario Parte 4 Parte 5 16 Inserire JavaScript e contenuto esterno Introduzione a canvas Pillole di JavaScript Incorporare JavaScript nella tua pagina Web La tua prima pagina Web con JavaScript Eventi JavaScript e jquery Procurarsi jquery Prepararsi per jquery Selezionare elementi con jquery Chiamata delle funzioni con JavaScript Rispondere agli eventi con JavaScript e jquery Usare il tag <canvas> di HTML Incorporare contenuto esterno in pagine Web Punti chiave Altri metodi per creare codice HTML 17 HTML e Microsoft Expression Web L interfaccia utente di Expression Web Creare siti e pagine Web Creare una nuova pagina utilizzando un modello CSS Inserire immagini Importare una cartella immagini Posizionare immagini in una pagina Aggiungere un immagine di sfondo a una division Formattare il testo Formattare una division Inserire collegamenti ipertestuali Punti chiave Appendici A Fruibilità di un sito Web Cosa vuol dire fruibilità Pianificare la fruibilità Abbozzare l organizzazione del sito Progettare un modello di pagina coerente Progettare il contenuto di singole pagine Testare la fruibilità

7 Sommario xiii B Accessibilità di un sito Web Linea guida 1: fornisci contenuti alternativi equivalenti sia per i contenuti visivi sia uditivi Linea guida 2: non affidarti solo ai colori Linea guida 3: utilizza markup e fogli stile e fallo in maniera appropriata Linea guida 4: rendi chiaro l utilizzo naturale della lingua Linea guida 5: crea tabelle che si trasformino con grazia Linea guida 6: assicurati che le pagine che danno evidenza a nuove tecnologie si trasformino con grazia Linea guida 7: assicurati che sia modificabile il controllo dei contenuti sensibile al tempo Linea guida 8: assicura l accessibilità diretta di interfaccia utente incorporata Linea guida 9: progettare per l indipendenza dal dispositivo Linea guida 10: utilizza soluzioni ad interim Linea guida 11: utilizza le tecnologie W3C e le linee guida Linea guida 12: fornisci informazioni di contesto e orientamento Linea guida 13: fornisci meccanismi di navigazione chiari Linea guida 14: assicurati che i documenti siano chiari e semplici C Tag aggiunti e rimossi in HTML Tag aggiunti in HTML Tag rimossi in HTML Glossario Indice analitico Autore