eBook Gratis

Imparare a:

• Rendere dinamiche le pagine Web con animazioni
• Creare menu a discesa per le proprie pagine Web
• Utilizzare DOM (Document Object Model)
• Utilizzare JavaScript per determinare stili e altri elementi
• Gestire i CSS (Cascading Style Sheets, fogli stile)
• Gestire le differenze dei browser
• Creare effetti di testo DHTML
• Risolvere i problemi
• Utilizzare font dinamici
• Sviluppare un gioco DHTML
• Utilizzare DHTML con i moduli

Introduzione
Come usare questo libro
D&R, quiz ed esercizi
Una nota sui browser
Il sito Web di questo libro

Parte I Introduzione all'uso di DHTML

Ora 1 Conoscere DHTML
Che cos'e' Dynamic HTML?
Pagine statiche e pagine dinamiche
Menu HTML dinamici
Posizizonamento e animazione
I layer
Effetti di testo
I componenti di DHTML
HTML
I CSS (Cascading Style Sheets)
Il DOM (Document Object Model)
JavaScript
Storia di DHTML e del DOM
DOM Level O
DOM specifici dei browser
DOM Level 1
DOM Level 2
Browser DHTML
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Ora 2 Ripassare l'HTML
Nozioni fondamentali di sintassi HTML
I tag
Attributi
Lo standard HTML
Definire le parti di un documento
I tag < html >, < head > e < body >
Paragrafi
Intestazioni
Elenchi ordinati e non ordinati
Immagini
Collegamenti e ancoraggi
Divisioni ed estensioni
Attribuire stili al testo
Grassetto e corsivo
Caratteri
Rientri
Usare le tabelle e il layout
Creare moduli
Il tag < form >
Input di testo
Caselle di spunta e bottoni radio
Elenco a discesa
Pulsanti
Workshop: creare una pagina Web con HTML
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Ora 3 Panoramica su JavaScript
Nozioni fondamentali di JavaScript
Iniziare e concludere gli script
Supportare i browser piu' vecchi
Nascondere il codice JavaScript
Istruzioni JavaScript
Creare gestori di eventi
Comprendere le variabili
Dichiarare le variabili
Usare gli array
Usare le stringhe
Usare espressioni condizionali e cicli
Usare la parola chiave if
Operatori condizionali
Usare i cicli for
Usare i cicli while
Usare le funzioni
Definire una funzione
Usare gli argomenti
Valori restituiti
Comprendere gli oggetti
Proprieta' e metodi degli oggetti
Workshop: aggiungere uno script a una pagina Web
Aggiungere i gestori di eventi
Mettere tutto insieme
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Ora 4 Creareun semplice esempio con DHTML
Iniziare con un documento HTML
Trovare oggetti
Usare una funzione DHTML
Individuare il supporto del browser
Creare lo script
Aggiungere i gestori di eventi
Creare la funzione Describe
Workshop: mettere tutto insieme
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Parte II Imparare le basi di DHTML

Ora 5 Acquisire familiarita' con il DOM
Conoscere la struttura del DOM
Il DOM Level O
Il DOM Level 1
Nodi
Genitori e figli
Fratelli
Usare gli oggetti del DOM
Proprieta' di relazione dei nodi
Proprieta' di stile
Metodi dell'oggetto documento
Metodi dell'oggetto nodo
JavaScript e il DOM
Workshop: nascondere e mostrare oggetti
Creare la funzione JavaScript
Creare il documento HTML Creare un nuovo documento
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Ora 6 Creare elementi posizionabili (layer)
Perche' i layer?
Tah HTML per i layer
Posizionare gli oggetti
Impostare le coordinate
Usare le unita'
Mostrare e nascondere oggetti
Proprieta' di sfondo
Gestire l'overflow
Proprieta' dei bordi
Creare un documento con i layer
Workshop: manipolare i layer con JavaScript
Creare il pannello di controllo
Creare la funzione move
Mettere tutto insieme
Riepilogo
D&R
Domande
Risposte
Esercizi

Ora 7 Lavorare con proprieta' e metodi del DOM
Comprendere le proprieta' dei nodi
La proprieta' nodeValue
La proprieta' innerHTML
Proprieta' di scostamento
Usare metodi e proprieta' di document
Creare nodi di testo
Creare elementi
L'oggetto documentElement
Usare i metodi del nodo
Clonare un nodo
Accodare un nuovo nodo
Inserire un nuovo nodo
Sostituire nodi
Eliminare i nodi
Lavorare con gli attributi
Workshop: aggiungere e rimuovere testo in una pagina
Impostare il documento HTML
La funzione AddNode
La funzione DeleteNode
Mettere tutto insieme
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Ora 8 Rispondere a eventi
Comprendere i gestori di eventi
Usare l'oggetto event
Proprieta' di event in Internet Explorer
Proprieta' di event in Netscape
Gestori di eventi dinamici
Eventi da mouse
Usare gli eventi onMouseOver e onMouseOut
Usare l'evento onMouseMove
Rilevare i clic del mouse
Eventi da tastiera
L'evento onLoad
Eventi di moduli
Workshop: visualizzare un registro degli eventi
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Parte III Lavorare con i fogli di stile

Ora 9 Introduzione ai fogli di stile
Perche' i fogli di stile?
Contenuto e aspetto a confronto
Approccio tradizionale
Aggiungere stile alla sostanza
Integrare ifogli stile con HTML
Stili in linea
IL tag < style >
Creare le regole
Usare le classi
Usare gli ID
Usare le unita'
Fogli stile esterni
Stili a cascata
Proprieta' di base di uno stile
Allineare il testo
Definire colori e immagini di sfondo
Posizionare oggetti
Workshop: creare un semplice foglio stile
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Ora 10 Usare le proprieta' dei fogli di stile
Creare testo con stili
Allineamento
Spaziatura
Uso delle maiuscole
Abbellire il testo
Lavorare con i font
Scegliere un font
Impostare la dimensione del font
Usare grassetto, corsivo e maiuscolo
Impostare margini e bordi
Proprieta' per i margini
Proprieta' dei bordi
Overflow e clipping
Centrare con i CSS
Impostare altri attributi di stile
Impostare stili per i collegamenti
Impostare stili per il cursore
Impostare stili per gli elenchi
Workshop: creare un documento constili
Creare il foglio stile
Creare il documento HTML
Riepilogo
D&R
Domande
Risposte
Esercizi

Ora 11 Controllare gli stili con JavaScript
Stili dinamici
Convertire i nomi delle proprieta'
Lavorare con i colori
Usare le proprieta' dei colori
Chiamare le funzioni
Cambiare dinamicamente i colori
Cambiare dinamicamente gli stili di testo
Workshop: usare stili dinamici
Creare la funzione
Creare il documento HTML
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Ora 12 Creare stili coerenti
Usare con attenzione
Suggerimenti di usabilita'
Scegliere i colori
Colori per il testo e lo sfondo
I colori dei collegamenti
Immagini di sfondo
Scegliere i font
Scegliere i font comuni
Font Windows e Macintosh disponibili
Scegliere le dimensioni dei font
Margini e bordi
Supportare i browser piu' vecchi
Workshop: creare piu' stili tra cui scegliere
Creare il primo foglio stile
Creare il secondo foglio stile
Creare la funzione
Creare il documento HTML
Riepilogo
D&R
Quiz
Domande
Rispostye
Esercizi

Parte IV HTML dinamico in azione

Ora 13 Creare menu a tendina
Panoramica
Oggetti ed eventi
Gestori di eventi
Creare il documento HTML
Creare la barra dei menu con il codice HTML
Definire i layer
Terminare il documento HTML
Creare le funzioni JavaScript
Visualizzare un menu
Nascondere i menu
Evidenziare le voci dei menu
Workshop: completare l'esempio
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Ora 14 Creare un menu ad albero
Panoramica
Categorie annidate
Oggetti ed eventi
Creare il documento HTML
Definire le voci di menu
Completare il documento HTML
Creare le funzioni JavaScript
Nascondere e visualizzare i menu
Espandere a tutte le voci
Contrattare tutte le voci
Workshop: completare e verificare il funzionamento del menu
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Ora 15 Creare effetti di testo con DHTML
Creare testo lampeggiante
Creare lo script
Completare l'esempio del testo lampeggiante
Fare muovere il testo
Creare lo script
Completare l'esempio del testo in movimento
Testo di dissolvezza
Creare lo script
Completare l'esempio del testo in dissolvenza
Workshop: creare un messaggio scorrevole
Creare lo script
Mettere tutto insieme
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Ora 16 Utilizzare DHTML per creare animazioni
Metodi per creare animazioni sul Web
Immagini GIF animate
Animazione di immagini con JavaScript
Dynamic HTML
Flash
Java
Filmati
Creare una semplice animazione
Creare la funzione per l'animazione
Completare il documento HTML
Workshop: creare una barra di esplorazione animata
Creare il documento HTML
Progettare i layer
Espandere o contrarre voci
Espandere e contrarre tutto
La funzione MoveRight
La funzione MoveLeft
Mettere tutto insieme
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Parte V Tecniche di apprendimento avanzate

Ora 17 Gestire le differenze tra i browser
Differenze tra i browser che supportano DHTML
Individuare i browser
Rilevamento del browser
Rilevamento delle funzionalita'
Utilizzare il rilevamento delle funzionalita'
Scrivere codice DHTML cross-browser
Eseguire delle prove in piu' browser
Supportare i browser meno recenti
DHTML di Netscape 4
DHTML di Internet Explorer 4
Creare funzioni cross-browser
Trovare oggetti dei layer
Trovare oggetti di stile
Workshop:supportare browser vecchi e nuovi
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Ora 18 Utilizzare DHTML con i moduli
Moduli dinamici
Modificare gli elementi dei moduli
Creare la funzione JavaScript
Creare il documento HTML
Aggiungere elementi ai moduli
Creare la funzione JavaScript
Completare il documento HTML
Accettare i dati presentati dai moduli
Workshop: creare un modulo di ordinazione dinamico
Aggiungere elementi al modulo
Visualizzare l'indirizzo del luogo di spedizione
Completare il documento HTML
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Ora 19 Utilizzare font dinamici
I font dinamici
Font dinamici e browser
I font Truedoc di Netscape
Font dinamici di Internet Explorer
Stabilire quali font dinamici utilizzare
Utilizzare i font Truedoc
Utilizzare WebFont Wizard
Utilizzare ifont di Microsoft
Utilizzare il programma WEFT di Microsoft
Workshop: utilizzare i font dinamici
Utilizzare un font WEFT
Utilizzare un font Truedoc
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Ora 20 Risolverei problemi di DHTML
Suggerimenti per ottenere un codice DHTML senza errori
Evitare errori comuni
Errori comuni in HTML
Errori comuni nei CSS
Errori comuni in JavaScript
Errori comuni in DHTML
Analizzare gli errori
Visualizzare errori in Netscape
Visualizzare errori in Internet Explorer
Verificare il funzionamento dei documenti dinamici
Verificare la compatibilita' dei browser
Utilizzare strumenti di debug
Workshop:eseguire il debug di un documento
Risolvere gli errori piu' significativi
Risolvere errori meno gravi
Il documento corretto
Riepeilogo
D&R
Quiz
Domande
Risposte
Esercizi

Parte VI Unire tutto insieme

Ora 21 Creare un sito dinamico
Creare siti complessi con DHTML
Creare il documento HTML
Organizzare la pagina
Definire il sistema dei menu
Definire i layer
Completare il documento HTML
Creare il file JavaScript
Modificare la funzione Menu
Completare il file JavaScript
Workshop: aggiungere un messaggio scorrevole
Creare il file JavaScript
Modificare il documento HTML
Provare l'esempio modificato
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Ora 22 Creare animazioni complesse
Seguire il puntatore del mouse
Creare il documento HTML
Rilevare il tipo di browser
Catturare eventi
Creare la funzione Move
Mettere tutto insieme
Animazione con piu' immagini
Creare le immagini
Impostare le variabili per il posizionamento
Impostare gli eventi
Individuare la posizione del puntatore del mouse
Creare la funzione Move
Cambiare direzione
Workshop: completare e provare l'animazione
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Ora 23 Creare un gioco con DHTML
Creare il documento HTML
Pianificare le funzionalita' dinamiche da utilizzare
Creare immagini
Creare le funzioni JavaScript
Impostare le variabili
La funzione Setup
Creare l'alfabeto
Scegliere una parola
Gestire le selezioni delle lettere
Visualizzare le lettere corrette
Aggiornare l'immagine dell'impiccato
Terminare il gioco
Completare il file JavaScript
Creare l'elenco delle parole
Workshop: aggiungere il foglio stile
Provare l'esempio completo
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Ora 24 Suggerimenti e trucchi per DHTML
Creare descrizioni dei comandi
Creare il documento HTML
Visualizzare le descrizioni
Nascondere le descrizioni comandi
Completare il file JavaScript
Dove proseguire ora?
Il futuro di DHTML
Il futuro di HTML e JavaScript
Per saperne di piu'
Workshop: creare una finestra di testo scorrevole
Creare il documento HTML
Creare la funzione JavaScript
Riepilogo
D&R
Quiz
Domande
Risposte
Esercizi

Parte VII Appendici

Appendice A Altre risorse JavaScript e DHTML
Siti Web per JavaScript
Siti Web per Dynamic HTML
Altri siti
Strumenti di sviluppo
Strumenti e risorse per il debug
Risorse per CGI

Appendice B Glossario

Appendice C Schema delle compatibilita' dei browser

Appendice D Rapido riferimento al DOM

DOM Level 0
Window
Location
History
Document
Navigator
DOM Level 1
Proprieta' basilari dei nodi
Proprieta' delle relazioni
Proprieta' di scostamento
Proprieta' di stile
Metodi dei nodi
Metodi e proprieta' degli oggetti documento

Indice analitico