Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 3 di 62
  • livello principiante
Indice lezioni

Esploriamo l'interfaccia II

Link copiato negli appunti

Concludiamo con questo capitolo l'esplorazione dell'interfaccia, analizzando
i pannelli di Dreamweaver MX.

I pannelli laterali

I pannelli o i gruppi di pannelli che appaiono di default nell'area di lavoro
al lancio di Dreamweaver MX, sono, dall'alto verso il basso, al lato della
documento aperto: Design (gruppo di pannelli), Code
(gruppo di pannelli), Application (gruppo di pannelli), Files
(gruppo di pannelli) e Answers.

Infine al di sopra ed al di sotto della pagina troviamo rispettivamente il
gruppo di pannelli Insert e il pannello Property.

I pannelli in fondo all'area di lavoro

Altri pannelli sono disponibili dal menu Window: il gruppo
Result che si apre sotto il pannello Property
ed i pannelli accessibili da Windows >> Others... Ovvero
i pannelli mobili Code Inspector e Sitespring,
il gruppo di pannelli Advanced Layout, ed il pannello History,
che si agganciano ai pannelli sul lato del documento tra il gruppo Sites
ed Answers ed infine il pannello Timelines
che si apre tra Property ed il gruppo Result
in fondo alla pagina.

Analizziamo in dettaglio le caratteristiche dei principali pannelli.

Pannelli Insert

Il gruppo di pannelli Insert - denominato Object
nelle versioni precedenti - come si diceva nel capitolo precedente, situato
sopra l'area del documento, è un'alternativa al menu Insert
per inserire gli oggetti. I pannelli sono:

Il pannello Insert

  • Common, da cui inserire links, immagini, livelli, tabelle,
    Flash movies, ecc.;
  • Layout, che consente di andare in modalità Layout
    View
    ;
  • Text, per inserire i principali elementi relativi alla
    formattazione del testo;
  • tables, che in vista codice consente di inserire alcuni
    tag di tabella non presenti nelle precedenti versioni di Dreamweaver;
  • Frames, che consente la creazione di frameset ed, in vista
    codice, consente l'inserimento del tag Iframe, il cui supporto è tuttavia
    parziale e comunque nullo in modalità visuale;
  • Forms, per inserire un form ed i suoi elementi;
  • Template, una nuova funzionalità che consente l'inserimento
    rapido dei templates e l'inserimento di templates nidificati;
  • Characters: inserisce l'interruzione di riga (attivabile
    anche mediante la combinazione di tasti Maiuscolo+Invio),
    lo spazio unificatore ed i principali caratteri speciali (ad esempio il simbolo
    dell'euro e del copyright)
  • Media, inserisce i elementi multimediali come file Flash
    o Shockwave, nonché dei bottoni Flash, o converte il testo in Flash
    senza bisogno di avere quest'ultimo programma;
  • Head, da questo pannello accediamo agli elementi del tag
    head, tra cui i meta tags per i motori di ricerca e i link a file esterni
    (ad esempio JavaScript o CSS)
  • Script, ci permette di gestire degli script interni o esterni
    alla pagina;
  • Application, è un nuovo gruppo di oggetti relativo alle
    funzioni comuni delle pagine contenenti linguaggi lato server, supportati
    da Dreamweaver MX, ovvero ASP JavaScript, ASP VBScript, ASP.NET C#, ASP.NET
    VB, ColdFusion, JSP e PHP MySQL.
  • Pannelli specifici (ASP, ASP.NET,
    CFML Basic, CFML Flow, CFML Advanced,
    JSP e PHP) vengono visualizzati alla sinistra
    del pannello Application quando si sviluppano pagine nei
    menzionati linguaggi.

Pannello Property

Il Property Inspector minimizzato

Al di sotto dell'area del documento, tra i vari pannelli, decisamente il più
importante, è il pannello Property, questo pannello è risultato
talmente utile che ora lo ritroviamo pure nei nuovi Flash MX e Fireworks MX.
Il pannello Property ci permette di esaminare e modificare
rapidamente le proprietà degli elementi della pagina, nella parte superiore
troviamo quelle più importanti e nella parte inferiore (a scomparsa) le altre.
Per visualizzare o far scomparire - a seconda dei casi - la parte inferiore
del pannello si clicchi sull'icona a forma di triangolo in basso a destra. Per
lanciare l'help di Dreamweaver relativo al'elemento di cui il pannello Property
ci mostra le informazioni, si clicchi sull'icona ? in alto
a destra.

Il Property Inspector massimizzato

Pannello Timelines

Il pannello delle Timelines consente di stabilire delle temporizzazioni
da applicare agli elementi della pagina, sfruttando il DHTML, in modo da potere
muovere, rendere visibili, invisibili, ecc i livelli e le immagini ed attivare
in un dato momento funzioni JavaScript, il tutto suddividendo la linea temporale
in numero di frame (fotogrammi) al secondo.

La Timeline

Pannelli Result

Il gruppo di pannelli Result ci restituisce
i risultati di operazioni ripetitive relative ad una o più pagine o all'intero
sito, come ad esempio le operazioni del comando Find and Replace,
il controllo dei links, la validazione delle pagine, ecc. I pannelli sono: Search,
Validation, Target Browser Check, Link
Checker
, Site Reports, FTP Log e
Server Debug.

I pannelli Results

A lato del documento troviamo l'ultima serie di pannelli.

Pannelli Design

Il gruppo Design, comprendente:

I pannelli Design

  • CSS Styles, l'editor per i fogli di stile integrato in
    Dreamweaver che ci permette di creare, controllare e modificare sia gli stili
    interni che esterni alla pagina;
  • HTML Styles, permette di definire e memorizzare gli attributi
    HTML ed alcuni stili fisici degli elementi di testo di una pagina, in modo
    da poterli riapplicare, ad altre parti del documento o ad altri documenti,
    con un semplice click su nome dello stile HTML memorizzato;
  • Behaviors, consente di applicare alcune funzioni JavaScript,
    quali l'apertura di finestre indipendenti, la validazione client-side dei
    forms, il controllo dell'audio, la comparsa e la scomparsa dei livelli, ecc.

Pannelli Code

Nel gruppo di pannelli Code troviamo due
nuovi pannelli:

I pannelli Code

  • Tag Inspector, mediante il quale visualizziamo, nella parte
    superiore, in una struttura ad albero, gli elementi HTML della pagina e nella
    parte inferiore gli attributi ed eventi JavaScript disponibili, in modo da
    poterne aggiungere nuovi e modificare quelli esistenti;
  • Snippets, che vuol dire pezzi di
    codice, ci permette in vista codice di inserire del codice precedentemente
    salvato ed immagazinato in una struttura di cartelle e sottocartelle, sono
    già presenti oltre 200 Snippets ed è possibile sia modificarli, sia crearne
    nuovi, sia riordinarli in modo diverso;
  • Reference, già presente nelle precedenti versioni, ci fa
    accedere alle reference dei linguaggi supportati dal programma, alcune sono
    le ottime reference della O'Relly e della Wrox le case editrici leader in
    questo campo.

Pannelli Application

Il gruppo Application comprende i pannelli relativi alla creazione
di pagine lato server:

I pannelli Application

  • Databases serve per navigare all'interno dei database e
    creare connessioni ai database;
  • Bindings crea associazioni di dati;
  • Server Behaviors inserisce comportamenti server;
  • Components permette di creare componenti e web services
    in ASP.NET e ColdFusion.

Pannelli Files

Il gruppo Files comprende:

I pannelli Files

  • Site, il pannello mediante il quale controlliamo il sito
    locale sul quale stiamo lavorando. Inoltre con Dreamweaver MX ci consente
    anche di navigare all'interno del sito con una sorta di Esplora risorse integrato.
    Da questo pannello è anche possibile lanciare la finestra del sito che consente
    di visualizzarne la mappa o, attivando il programma FTP integrato in Dreamweaver,
    visualizzare i file remoti residenti sul server di pubblicazione;
  • Assets sono librerie di elementi frequentemente utilizzati
    durante la costruzione di un sito, ad esempio possiamo salvare, in un sito
    di centinaia di pagine, una struttura di navigazione come elemento di libreria
    e, con una sola modifica a tale elemento di libreria, applicare la modifica
    in tutte le pagine.

Pannelli Advanced Layout

Nel gruppo Advanced Layout troviamo:

I pannelli Advanced Layout

  • Layers, che consente il controllo dei livelli presenti
    su una pagina;
  • Frames, che consente in una pagina con frames il controllo
    sui frameset ed i relativi frames.

Il pannello History registra tutte le operazione svolte dall'apertura
della pagina, permettendo di cancellarle o duplicarle, possiamo anche registrare
un gruppo di operazioni ripetitive e salvarle come comando che ritroveremo all'interno
del menu Commands.

Il pannello History

Pannello Answers

Infine il pannello Answers, analogamente
ai sottomenu di Help, consente di accedere al tour delle nuove
funzionalità ed ai tutorial di Dreaweaver MX, il pulsante Update,
collegandosi al sito Macromedia, consente di aggiornare i contenuti del pannelloi.
Una volta aggiornato il contenuto, il pulsante Update scompare.

Il pannello Answers

Si noti come appena si lancia la procedura di Update il pannello, dal menù
a discesa rende disponibile il collegamento diretto al sito della Macromedia
permettendo di visualizzare:

  • le ultime tre Technotes e di effettuare al ricerca delle Technotes, per
    parole chiave, all'interno della sezione Dreamweaver Support;
  • le ultime tre estensioni per Dreamweaver, consentendo anche la ricerca di
    estensioni per parole chiave all'interno Dreamwever Exchange;
  • gli ultimi tre articoli all'interno del Designer & Developer Center
    e il collegamento alla home page del Designer & Developer Center;
  • il sito del giorno con un'anteprima sulla parte superiore del pannello

il tutto senza uscire da Dreamweaver MX e consentendo anche cliccando sulla
relativa voce nel pannello di aprire la pagina selezionata. E' possibile dalla
voce Settings del menù rendere disponibile la visualizzazione non solo
degli ultimi tre articoli della sezione Dreamweaver MX del del Designer &
Developer Center, ma di tutti i prodotti Macromedia.

Il menù a discesa del pannello Answers   
Il collegamento alla pagina selezionata nel sito Macromedia

Ovviamente si potranno avvantaggiare maggiormente di tali funzionalità
coloro i quali hanno una possibilità di connessione ad internet permanente,
come gli utenti di tariffe "flat", o meglio di connessioni ADSL o
simili.

Ti consigliamo anche