eBook Gratis

1° corso multimediale di Grafica Web : Lezioni audio /video dal vivo
Il binomio "libro+CD-ROM" per scoprire l'ultima generazione dell'apprendimento. Un'autentica lezione privata direttamente a casa tua!

Virtual classroom è un metodo rivoluzionario per l'apprendimento del codice HTML, universalmente utilizzato per realizzare layout formattando testo e immagini. Lo stile informale, non tecnico del libro e l’approccio semplice, passo per passo, si combinano per insegnare tutti i segreti del codice HTML. Inserite il CD- ROM e seguite le spiegazioni del ‘guru’ sullo schermo mentre dimostra le tecniche discusse nel testo. Con HTML Virtual Classroom avrete il meglio dei due mondi, solide lezioni pratiche unite all’inestimabile esperienza di vedere e ascoltare il vostro tutor virtuale privato. Lavorate con i vostri ritmi e riguardate le lezioni di Virtual classroom quante volte è necessario: imparerete a utilizzare HTML in modo professionale.

All'interno scoprirete come:

• Formattare il testo
• Lavorare con le immagini
• Gestire i collegamenti ipertestuali
• Creare elenchi, tabelle e moduli
• Operare con i frame
• Gestire gli stili CSS
• Lavorare con i livelli

Introduzione XV
Il CD-ROM XVII

1 Internet e l’HTML
Breve storia di Internet 2
La nascita del Web 2
Capire il markup e i linguaggi di markup 3
Il browser 4
Come funziona un browser 5
Strumenti in gioco 6
Quand’e' che i browser sono troppi? 6
Editor di testo 7
Uno sguardo agli editor WYSIWYG 8
Ultime considerazioni 8

2 Documento HTML
Un semplice documento HTML 10
Tag < html > 11
Elemento HEAD 11
Elemento BODY 12
Sintassi HTML 12
I tag e i loro attributi 13
Tag di chiusura 14
Case sensitivity 14
Tag di commento 14
Nel prossimo capitolo 15

3 Formattazione del testo
Formattazione del testo in HTML e fogli di stile 18
Paragrafi, interruzioni di riga e intestazioni 18
Paragrafi 19
Interruzioni di riga 21
Intestazioni 23
Carattere, dimensioni e colore 25
Il tag < font > 25
Colore del carattere 29
Stili fisico e logico 30
Tag annidati 31
Testo preformattato 33
Citazioni 34
Caratteri speciali 36

4 Lavorare con immagini e righelli
I formati delle immagini 40
Utilizzo di GIF e JPEG 40
Inserire le immagini 40
Definire la sorgente di un’immagine 42
Impostare le dimensioni delle immagini 43
Specificare la larghezza di un bordo 43
Allineare un’immagine 44
Spaziatura orizzontale e verticale 49
Utilizzare testo alternativo 50
I righelli orizzontali 51
Il tag < br > 51

5 Collegamenti ipertestuali
Cosa c’e' in un collegamento? 56
Il tag < a > 56
L’URL 56
Nomi di percorso rivisitati 58
Nomi di percorso assoluti 58
Nomi di percorso relativi 59
Formattare i collegamenti ipertestuali 61
Impostare i colori dei collegamenti 61
Controllare i bordi dei collegamenti di immagini 62
Ancoraggi con nome 62
Creare ancoraggi con nome 62
Creare un collegamento agli ancoraggi con nome 63
Utilizzare l’attributo id 64
Creare collegamenti alla posta elettronica 64

6 Creazione di elenchi
Elenchi puntati 66
Modificare lo stile dei punti 67
Elenchi numerati 67
Modifica dello stile di numerazione 68
L’attributo start 70
L’attributo value 71
Annidare elenchi 72
Annidare elenchi puntati 72
Annidare elenchi numerati 73
Elenchi di definizioni 75

7 Tabelle
I tag di tabella 78
Proprieta' di formattazione delle tabelle 79
Bordi di tabella 79
Allineamento delle tabelle 80
Dimensioni delle tabelle 82
Spaziatura interna e spaziatura tra celle 83
Colori e immagini di sfondo 86
Formattazione di righe e proprieta' di cella 88
Intestazioni di tabella 88
Allineamento di righe e di celle 89
Larghezza e altezza 90
Unione di righe e di colonne 91
Annidamento di tabelle 92

8 Moduli
Esame di un modulo 100
Il tag < form > 103
Controlli di modulo 104
Formattazione di caselle di testo 106
Campi di testo 107
Campi di password 108
Aree di testo 108
Formattazione di caselle di controllo 109
Formattazione di pulsanti di scelta 110
Formattazione di menu ed elenchi 111
Formattazione di campi di file 112
Formattazione di campi nascosti 113
Formattazione di pulsanti Invia e Reimposta 113
Utilizzo di immagini grafiche per i pulsanti Invio 114

9 Frame
Le pagine Web basate sui frame 116
Il documento frameset 116
Definizione di colonne e di righe 117
Annidamento di frameset 119
Proprieta' di formattazione per i bordi 120
Impostazione delle proprieta' delle barre di scorrimento 122
Impostazione dei margini dei frame 123
Collegamenti tra frame 124
Nomi di destinazione speciali 124
Impostazione di una destinazione di base 125
Per i browser piu' datati 125
I pro e i contro dei frame 126

10 Cascading Style Sheets
Introduzione ai fogli di stile 128
La sintassi di CSS 128
Le regole di stile 129
Le dichiarazioni 129
I selettori contestuali 130
Le classi di stile 130
Le classi selettore 130
Le classi standard 130
Le classi ID 131
I tipi di fogli di stile 131
Gli stili in linea 132
I fogli di stile inclusi 132
I fogli di stile collegati 133
I fogli di stile importati 133
Le proprieta' di stile 134
Le unita' di misura 134
Genitori e figli 136
Le proprieta' dei font 137
La proprieta' font-family 137
La proprieta' font-size 137
La proprieta' font-style 138
La proprieta' font-weight 138
La proprieta' font-variant 139
Le proprieta' di colore e di sfondo 139
La proprieta' color 139
La proprieta' background-color 139
La proprieta' background-image 140
La proprieta' background-repeat 140
La proprieta' background-attachment 140
La proprieta' background-position 140
Le proprieta' del testo 141
La proprieta' word-spacing 141
La proprieta' letter-spacing 142
La proprieta' text-decoration 142
La proprieta' vertical-align 142
La proprieta' text-transform 143
La proprieta' text-align 143
La proprieta' text-indent 144
La proprieta' line-height 144
Le proprieta' dei box 144
Le proprieta' di spaziatura interna 145
Le proprieta' di bordo 145
Le proprieta' uniche dei box 146
Le proprieta' di margine 147
Le proprieta' di classificazione 148
La proprieta' white-space 148
La proprieta' display 148
La proprieta' list-style-type 148
La proprieta' list-style-image 149
La proprieta' list-style-position 149

11 I livelli
Comprendere il posizionamento di CSS 152
I tag < div > e < span > 153
Il contenuto su piu' livelli creato da CSS 154
Comprendere le proprieta' di posizionamento di CSS 154
La proprieta' position 155
Le proprieta' delle coordinate 156
Definire le dimensioni dei livelli 160
La proprieta' visibility 161
La proprieta' z-index 161
Controllare l’overflow dei livelli 162
Definire un’area di ritaglio 163

12 Il futuro di HTML
La morte di HTML 166
XML 166
XML + HTML = XHTML 169
La sintassi: XHTML a confronto con HTML 169
Maiuscole e minuscole 169
I tag di chiusura 170
I tag vuoti 170
Le virgolette degli attributi 170
I valori degli attributi 171
I caratteri speciali 171
L’attributo id 171
Letture e risorse suggerite 172

A Tag HTML e caratteri speciali
Tag e attributi HTML 174
Caratteri HTML speciali 182

B Colori nel Web
Esadecicosa? Imparare i colori per il Web 188
RGB 188
Valori esadecimali 189
Nomi comuni di colori 191
Quali colori si possono utilizzare? 192
Definizione dei colori Websafe 192
La mitica tavolozza Websafe 193
La vera tavolozza Websafe 194
Colori ibridi Websafe 195
Linee guida per i colori sul Web 195
Utilizzare colori adatti al pubblico e agli scopi del sito 196
Utilizzare colori nella navigazione per supportare
l’architettura delle informazioni 198
Evitare l’uso eccessivo di colori 198
Non affidarsi esclusivamente ai colori 198

C Pianificazione di un sito Web
Basi 202
Qual e' l’obiettivo? 202
Chi e' il pubblico? 202
Quali hardware e software utilizzeranno i visitatori? 202
Come si desidera che i visitatori navighino nel sito? 203
Che aspetto avra' il sito? 203
Storyboard del sito 204
Mettere le idee su carta 204
Scegliere un mezzo per la realizzazione dello storyboard 205
Livello di dettaglio dello storyboard 206
Gli strumenti 207
Strutturare i file locali per il sito 208

D Caricamento e verifica
Pubblicare le pagine sul Web 210
Utilizzare il software FTP 210
Organizzare i file sul server Web 212
Provare il sito Web 213
L’attrezzatura per eseguire i test 214
Gli strumenti per eseguire i test 214
Verifica del sito 215
Il sito Web e' coerente con i browser e i sistemi operativi di destinazione? 215
La navigazione e' coerente in tutto il sito? 216
L’aspetto del sito e' coerente e adatto al pubblico? 216
Il colore dello sfondo e' coerente? 217
Ogni sezione contiene il contenuto giusto? 217
La mappa del sito riflette correttamente la struttura del sito? 217
Tutte le pagine vengono caricate? 218
Verifica specifica delle pagine 218
I titoli appaiono correttamente nel browser? 218
I tag meta sono completi? 218
La pagina viene scaricata velocemente? 219
Gli elementi piu' importanti sono visibili su ciascuna pagina prima
di farla scorrere? 219
Il ridimensionamento della finestra del browser influisce negativamente
sulla pagina o sui singoli elementi? 220
Nel browser viene visualizzata la versione corretta della pagina? 220
Sulla pagina appare contenuto non desiderato (ad esempio codice)? 220
Il codice sorgente e' ben commentato? 221
Il testo e' leggibile? 221
Il testo appare con il font desiderato? 222
Appaiono tutti i caratteri speciali? 222
Nel testo appaiono caratteri indesiderati? 222
Tutti gli elementi della pagina vengono caricati? 223
Gli elementi della pagina vengono caricati nel giusto ordine? 223
Appaiono trattini indesiderati vicino alle immagini collegate? 223
Gli attributi alt di ciascun elemento funzionano? 224
Tutti i collegamenti funzionano correttamente? 224
Tutti gli script funzionano? 224
Checklist di verifica 225

Indice analitico