SOMMarIO INIZIARE XI Informazioni su questo libro................................xi Prerequisiti.................................................xi Installare il programma.................................... xii Copiare i file di esempio.................................... xii Svolgere le lezioni nell ordine indicato...................... xii Svolgere le lezioni in ordine casuale........................xiii Configurare l area di lavoro.................................xiv Istruzioni per Windows e per Macintosh.................... xv Trovare informazioni su Dreamweaver...................... xv Controllare gli aggiornamenti.............................. xv Risorse aggiuntive.........................................xvi Accelera il tuo flusso di lavoro con Adobe CS Live...........xix 1 PerSOnaLIzzare L area DI LaVOrO 2 Caratteristiche dell interfaccia............................... 4 Cambiare vista e dividere le viste............................ 5 Gestire i pannelli............................................ 7 Scegliere un area di lavoro................................. 11 Sistemare le barre degli strumenti.......................... 13 Personalizzare le preferenze................................ 14 Creare scelte rapide da tastiera personalizzate.............. 14 Utilizzare la finestra di ispezione proprietà.................. 16 iii
2 FOnDaMenTI DI HTML 20 Cos è l HTML............................................... 22 Origini dell HTML.......................................... 22 Scrivere il codice HTML.................................... 23 Codice HTML 4 utilizzato di frequente...................... 31 Il futuro dell HTML......................................... 34 3 FOnDaMenTI DI CSS 36 Cos è CSS.................................................. 38 Formattazione HTML e formattazione CSS.................. 39 Il modello a box di CSS..................................... 41 Impostazioni predefinite dell HTML........................ 42 Formattare il testo......................................... 44 Formattare gli oggetti..................................... 47 Multipli, classi e ID......................................... 50 4 PrIMI PaSSI 54 Definire un sito Dreamweaver.............................. 56 Utilizzare la schermata iniziale.............................. 58 Selezionare un layout CSS.................................. 59 Salvare una pagina......................................... 60 Modificare il titolo della pagina............................. 60 Cambiare i titoli............................................ 60 Inserire testo.............................................. 61 Inserire immagini.......................................... 63 Selezionare e modificare gli stili CSS........................ 66 Regolare font, colore e dimensione del testo................ 70 Utilizzare la finestra di ispezione proprietà.................. 73 Visualizzare in anteprima una pagina nella Vista dal vivo.... 75 Visualizzare in anteprima le pagine in un browser........... 76 iv SommArio
5 Creare Un LaYOUT DI PaGIna 80 Nozioni fondamentali sul web design...................... 82 Lavorare con miniature e wireframe........................ 85 Visualizzare in anteprima la pagina completata............. 88 Modificare un layout CSS esistente......................... 89 Aggiungere un immagine di sfondo all intestazione............................................ 91 Inserire nuovi componenti <div>........................... 93 Modificare la larghezza e il colore di sfondo della pagina..................................... 97 Modificare la formattazione e il contenuto esistente........ 98 Inserire un segnaposto per immagini...................... 101 Inserire testo segnaposto................................. 102 Modificare il piè di pagina................................. 103 Controllare la compatibilità con i browser................. 103 6 UTILIzzare I FOGLI DI STILe CSS 104 Visualizzare in anteprima la pagina completata............106 Lavorare con il pannello Stili CSS..........................106 Creare nuove regole CSS..................................110 Creare un menu interattivo................................116 Modificare il comportamento dei collegamenti ipertestuali..............................118 Creare colonne........................................... 122 Spostare le regole in un foglio di stile esterno.............. 123 Creare fogli di stile per altri tipi di supporti................. 125 v
7 UTILIzzare I MODeLLI 132 Visualizzare in anteprima la pagina completata............134 Creare un modello da un layout esistente................. 135 Inserire aree modificabili.................................. 137 Produrre pagine derivate.................................138 Aggiornare un modello................................... 141 Utilizzare voci di Libreria..................................144 Utilizzare i server side include.............................149 8 TeSTO, elenchi e TaBeLLe 158 Visualizzare in anteprima le pagine completate............160 Importare testo........................................... 162 Creare titoli............................................... 163 Creare elenchi............................................ 165 Creare rientri di testo..................................... 167 Creare e applicare uno stile alle tabelle....................170 Controllare l ortografia delle pagine web..................184 Trovare e sostituire testo.................................. 185 9 Le IMMaGInI 190 Nozioni di base sulle immagini per il web.................. 192 Visualizzare in anteprima le pagine completate............196 Inserire un immagine..................................... 197 Regolare il posizionamento delle immagini con le classi CSS..........................................199 Utilizzare il pannello Inserisci.............................. 201 Utilizzare Adobe Bridge................................... 202 Inserire tipi di file incompatibili............................204 Lavorare con gli oggetti avanzati di Photoshop............ 207 vi SommArio
Copiare e incollare immagini da Fireworks e Photoshop....209 Inserire immagini tramite il trascinamento................. 211 Ottimizzare le immagini con la finestra di ispezione proprietà..................................... 212 10 IMPOSTare La navigazione 216 Nozioni di base sui collegamenti ipertestuali..............218 Visualizzare in anteprima la pagina completata............219 Creare collegamenti ipertestuali interni................... 222 Creare un collegamento basato su immagine............. 225 Creare un collegamento esterno..........................226 Impostare collegamenti e mail........................... 227 Creare collegamenti a elementi della pagina...............229 Inserire barre di menu Spry............................... 232 Inserire menu Spry come voci della Libreria................250 Controllare la pagina......................................254 11 aggiungere InTeraTTIVITÀ 258 I comportamenti di Dreamweaver.........................260 Visualizzare in anteprima la pagina completata............ 261 Lavorare con i comportamenti di Dreamweaver............ 263 Lavorare con il widget Pannello a soffietto Spry...........269 12 InSerIre COnTenUTI FLaSH 276 Cos è Flash................................................278 Visualizzare in anteprima la pagina completata............278 Aggiungere animazioni Flash a una pagina................279 Aggiungere un file FLV a una pagina....................... 283 vii
13 UTILIzzare I MODULI 288 Visualizzare in anteprima la pagina completata............290 Conoscere i moduli....................................... 292 Aggiungere un modulo a una pagina...................... 293 Inserire elementi di testo nel modulo...................... 295 Inserire caselle di controllo................................304 Creare pulsanti di scelta...................................306 Lavorare con gli elenchi...................................309 Aggiungere un pulsante di invio........................... 311 Specificare un azione per il modulo........................ 313 Inviare dati di modulo per e mail.......................... 315 Applicare stili ai moduli...................................319 14 LaVOrare COn I DaTI OnLIne 324 Lavorare con il contenuto dinamico.......................326 Visualizzare in anteprima la pagina completata............326 Utilizzare dati HTML e XML................................328 Scegliere un modello di server............................338 Configurare un server web locale..........................340 Configurare un server di prova............................340 Creare applicazioni di database........................... 343 15 Creare PaGIne DInaMICHe COn I DaTI 352 Creare pagine con ASP, ColdFusion o PHP..................354 Creare un set di pagine principale/dettagli................ 363 Creare una pagina dei dettagli............................374 viii SommArio
16 LaVOrare COn IL CODICe 380 Panoramica degli strumenti per il codice.................. 382 Selezionare il codice...................................... 383 Comprimere il codice.....................................384 Espandere il codice....................................... 385 Aggiungere codice........................................386 Utilizzare Navigazione codice.............................388 Accedere a Codice dal vivo................................389 Utilizzare la modalità Esamina............................. 391 Lavorare nei file correlati.................................. 392 Accedere alla vista Dividi codice........................... 393 Commentare il codice..................................... 393 17 PUBBLICare SUL WeB 396 Definire un sito remoto...................................398 Mascherare cartelle e file.................................. 405 Riepilogo................................................. 407 Pubblicare il sito online...................................410 Sincronizzare siti locali e remoti........................... 413 InDICe analitico 416 ix