Esplorare l'interfaccia New Dreamweaver MX 2004 - dummies

Con Dreamweaver MX, Macromedia integra ColdFusion e HomeSite in un'unica interfaccia potente, sebbene tu abbia scelta di lavorare con quella nuova interfaccia o con la vecchia interfaccia di Dreamweaver 4 (o, in Macromedia parlance, area di lavoro). Con Dreamweaver MX 2004, Macromedia ha abbandonato lo spazio di lavoro di Dreamweaver 4 e consente di scegliere tra solo due versioni dell'area di lavoro di Dreamweaver: Stile del designer e HomeSite / Stile del codificatore.

Selezione di uno spazio di lavoro all'avvio

Quando si avvia Dreamweaver per la prima volta, viene richiesto di scegliere il modo in cui si desidera impostare l'area di lavoro. Hai due opzioni:

• Designer: L'interfaccia WYSIWYG (ciò che vedi è ciò che ottieni), che mostra la pagina su cui stai lavorando come sarebbe in un browser web. Questo stile è più appropriato per i novizi del Web design che lavorano su pagine HTML di base.

• HomeSite / Coder-Style: Lo stile che mostra la pagina su cui stai lavorando come un documento di testo modificabile, appropriato per i codificatori esperti e per le pagine su cui stai modificando ColdFusion Markup Language (CFML) o altro codice dinamico.

Presentazione della nuova pagina iniziale

Dopo aver selezionato uno spazio di lavoro, quando si avvia Dreamweaver facendo doppio clic sulla relativa icona sul desktop o selezionandolo dal menu Start di Windows, si vedrà qualcosa di nuovo in Dreamweaver: una pagina iniziale. La pagina iniziale consente di eseguire le seguenti attività con un solo clic del mouse:

• Apri le pagine che hai modificato di recente: Fai semplicemente clic sul nome del file della pagina che desideri aprire.
• Crea una nuova pagina in uno dei sette formati: Fai semplicemente clic sul tipo di pagina che desideri creare, da HTML di base a ColdFusion (CFML) a CSS (Cascading Style Sheet).
• Creare un nuovo sito Dreamweaver: Fare clic sull'icona Sito Dreamweaver (nella colonna Crea nuovo) per aprire la procedura guidata Definizione sito, che guida l'utente attraverso il processo di impostazione della posizione della directory, informazioni FTP, tecnologia server (se applicabile) e altro per il tuo sito Web.
• Creare una nuova pagina basata sugli esempi incorporati di Dreamweaver: Fare clic su un'opzione nella colonna Crea da campioni per aprire la finestra di dialogo Nuovo documento e scegliere tra le opzioni di formattazione preimpostate per quel tipo di pagina.

La pagina iniziale consente inoltre di accedere rapidamente a un tour rapido e una serie di esercitazioni per Dreamweaver e alla pagina Scambio Dreamweaver di Macromedia, in cui è possibile trovare numerosi widget eleganti che estendono le funzionalità di Dreamweaver.

Se trovi la pagina iniziale incompatibile con i tuoi metodi di lavoro, puoi impedire che appaia in futuro selezionando la casella di controllo Non mostrare di nuovo nell'angolo in basso a sinistra della pagina.

Introduzione alla finestra del documento

Lo spazio di lavoro principale in Dreamweaver è la finestra del documento, che viene visualizzata automaticamente quando si apre una pagina in Dreamweaver. Nella finestra del documento, si costruiscono le singole pagine Web utilizzando pannelli e finestre di dialogo per formattare il lavoro. Le tre viste principali in Dreamweaver sono le seguenti:

• Vista struttura: La visualizzazione grafica del documento. Puoi selezionare questa vista scegliendo Visualizza -> Progettazione.
• Vista codice: Questa vista mostra il codice sottostante del documento. Puoi selezionare questa vista scegliendo Visualizza-> Codice.
• Vista divisa: Come ci si potrebbe aspettare, questa è una visualizzazione a schermo diviso che include sia la finestra Codice che la finestra Progettazione. Puoi selezionare questa vista scegliendo Visualizza -> Codice e design.

È possibile alternare facilmente tra queste viste in qualsiasi momento facendo clic sui pulsanti corrispondenti nella parte superiore sinistra della finestra del documento.

Quando si aprono più documenti in un sito, è possibile selezionare il documento su cui si desidera lavorare facendo clic sul nome del documento nella parte superiore della finestra del documento di Dreamweaver. Puoi anche fare clic sulla scheda Sito nel pannello File per lavorare su un intero sito.

La barra Inserisci si trova direttamente sotto il menu principale di Dreamweaver. Ti dà accesso rapido a otto set di pulsanti che puoi utilizzare per inserire qualsiasi cosa, dalle tabelle ai filmati Flash, per formare elementi nella tua pagina. Per selezionare una delle otto categorie, fare clic sul nome della barra Inserisci (Comune, Layout e così via) e scegliere una nuova categoria dall'elenco a discesa.