Primo tutorial Adobe Dreamweaver Cs5

approccio-Dreamweaver-cs5

Apriamo per la prima volta Dreamweaver! Siamo pronti, vediamo cosa succede. La prima schermata che ci si presenta e’ cosi’:

approccio-Dreamweaver-cs5

Non ci dobbiamo spaventare. Dividiamo la schermata in tre cosi’ ci sembrera’ tutto piu’ semplice:

approccio-dreamweaver-cs5-particolare1

  • 1 sta per il menu di gestione dei nostri siti
  • 2 sta per creare nuovo progetto
  • 3 sta per il menu di aiuto per i neofiti, qui l’utente puo’ scegliere tra varie voci che vanno dalla panoramica generale del programma fino a quelle piu’ evolute di ultima generazione come l’integrazione con BrowserLab.

Passiamo, quindi all’analisi dei menu.

In alto a destra troviamo il classico menu di Dreamweaver con le sue varie opzioni.

menu-principale-dreaweaver

Subito sotto troviamo una scheda inserisci con la scritta CSS STYLE, che e’ la scheda dei file CSS

scheda-css-dreamweaver-cs5

E infine un file manager, sempre utile, con una rappresentazione ad albero dei contenuti del nostro PC.

scheda-ad-albero-dreamweaver-cs5

Detto questo, clicchiamo su la voce Html della colonna 2 e vediamo cosa ci aspetta

area-html-dreamweaver-cs5

L’area di lavoro di dreamweaver e’ cambiata e ci troviamo gia’ di fronte al nostro file html, pronti per digitare il nostro codice.

Naturalmente il documento e’ senza titolo, infatti in alto sulla sinistra dell’area di lavoro troviamo la scritta untitled-1. Per salvare basta cliccare sul menu’ principale->File->Save e sceglier il nome del file html relativo alla pagina che ci accingiamo a scrivere.

Sopra l’area di lavoro, prima del menu’ principale, da notare che e’ apparso un nuovo menu’

menu-area-lavoro-dreamweaver-cs5

  • CODE-> pagina codice
  • SPLIT->divide l’area di lavorro in due parti
  • DESIGN->ci fa vedere il design della pagina relativa al codice che stiamo digitando
  • LIVE CODE e LIVE VIEW-> ci fanno vedere in tempo reale come si vede la pagina col codice che stiamo inserendo

Come primo approccio di Dreamweaver possiamo ritenerci soddisfatti, esercitiamoci e proviamo a conoscere a fondo tutte le voci del menu esistenti in Dreamweaver facendo prove su prove. Ricordiamoci che questo strumento fornito da Adobe e’, o deve essere inserito, nella lista dei migliori amici del web designer.

Scritto da Magoo

Magoo

Web Developer & Mobile Developer, Game Lover insomma un Nerd.
Co-founder Iwebdesigner.it, Nerdzhouse SRL.
Prendo a schiaffi la tastiera fino a quando non succede qualcosa di buono.

COMMENTA

Loading Disqus Comments ...
Loading Facebook Comments ...

Un Commento

Lascia una risposta

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *