Hosting & Domini

Esercitazione di Dreamweaver > L'area di lavoro di Dreamweaver

L'area di lavoro di Dreamweaver

È opportuno iniziare con una breve panoramica dell'area di lavoro di Dreamweaver.

	Se Dreamweaver non è stato ancora avviato, fare doppio clic sull'icona del programma.
	L'area di lavoro di Dreamweaver può essere adeguata ad abitudini di lavoro e livelli di abilità differenti. Quando si avvia Dreamweaver, vengono aperti i successivi elementi dell'area di lavoro:
	La finestra del documento visualizza il documento corrente durante le operazioni di creazione e modifica.
	Il pannello Oggetti contiene le icone selezionabili per inserire gli oggetti nel documento e per modificare il modo in cui si lavora in un documento.
	Dreamweaver fornisce molti pannelli mobili, quali il pannello Stili HTML e la finestra di ispezione Codice, che consentono di lavorare con altri elementi di Dreamweaver.
	La barra della pulsantiera contiene una serie di pulsanti che consentono di aprire e chiudere le finestre di ispezione e i pannelli di uso più frequente.
	La finestra di ispezione Proprietà visualizza le proprietà dell'oggetto o del testo selezionato e permette di modificarle (le proprietà presenti nella finestra di ispezione dipendono dall'oggetto selezionato nel documento).

Per aprire le finestre, le finestre di ispezione e i pannelli di Dreamweaver, usare il menu Finestra. Accanto agli elementi ora aperti (anche quelli nascosti da altre finestre) viene visualizzato un segno di spunta. Per visualizzare un elemento non aperto, selezionarne il nome nel menu o usare la scorciatoia da tastiera ad esso associata.

 
Operazioni in Dreamweaver

Dreamweaver è in grado di visualizzare un documento in tre modi: nella vista Struttura, nella vista Codice e in una vista combinata delle due precedenti. (Per modificare la vista in cui ci si trova, scegliere una vista dalla barra degli strumenti di Dreamweaver.) Come impostazione default, Dreamweaver visualizza la finestra del documento nella vista Struttura.

Inoltre, è possibile lavorare con la vista Struttura di Dreamweaver in due modi diversi: nella vista Layout e nella vista Standard, entrambe selezionabili nella categoria Vista del pannello Oggetti. Nella vista Layout è possibile progettare il layout di una pagina, inserire grafica, testo o altri elementi multimediali; nella vista Standard, oltre a grafica, testo e altri elementi multimediali, è possibile aggiungere livelli, creare documenti che contengono frame, creare tabelle e apportare alla pagina altre modifiche non presenti nella vista Layout.

 
Organizzazione dei file dell'esercitazione

I file HTML usati in questa esercitazione (sia definitivi che non) si trovano nella cartella Compass_Site, situata all'interno della cartella Tutorial. Anche le immagini e gli altri file associati a questo sito web si trovano nella cartella Compass_Site.

Ogni file è associato ad un nome rappresentativo: ad esempio, il file HTML che corrisponde alla pagina relativa alle informazioni sulle destinazioni si chiama Destinations.html. I file non definitivi (ovvero quelli che verranno usati per l'esercitazione) hanno nomi simili ai corrispondenti file in versione definitiva, ma iniziano con DW4_. Ad esempio, la versione provvisoria di Destinations.html si chiama DW4_Destinations.html.

 
Anteprima del sito web Web finito

Visualizzando le pagine del sito web Web finito è possibile farsi un'idea dell'obiettivo che verrà raggiunto al termine dell'esercitazione.

1	Se non è già aperto, avviare Dreamweaver.
2	In Dreamweaver, scegliere File > Apri. Individuare la cartella Dreamweaver 4 (in cui è installato Dreamweaver), quindi aprire la cartella Tutorial/Compass_Site.
3	Nella cartella Compass_Site, scegliere CompassHome.html e cliccare su Apri per aprire la home page di Compass nella finestra del documento.
	Le modifiche non verranno apportate direttamente in questa pagina bensì in una versione alternativa.
4	Scegliere File > Visualizza anteprima nel browser, quindi scegliere il browser in cui si vuole visualizzare la home page di Compass. Per la visualizzazione di questo sito web occorre usare un browser versione 4.0 o successiva.
5	Muovere il puntatore del mouse sui pulsanti di navigazione per visualizzare gli effetti delle immagini rollover.
	Fare clic sui pulsanti di navigazione per esplorare il sito web.
6	Dopo aver esplorato il sito web, chiudere il browser.
7	Aprire un nuovo documento vuoto in Dreamweaver, selezionando File > Nuovo.
8	Chiudere il file CompassHome.html aperto in Dreamweaver.