Per gentile concessione di Edmaster, nota casa editrice di riviste di informatica e di Internet. Scopri tutte le sue riviste, tra cui l'ultima nata < / Tag >, dedicata a programmatori, webdesigner e a tutti coloro che lavorano su Internet.

31- La storia, prima di tutto!

Le comodissime funzioni History sono una prerogativa degli editor di immagini più avanzati, e generalmente permettono di ripercorrere all’indietro, o anche in avanti, tutto il percorso fatto per costruire un logo. Con Dreamweaver MX abbiamo una funzione molto simile a quella appena descritta; per richiamarla dobbiamo seguire il percorso Window/ Others/ History. Una volta attivata la funzione dovrebbe apparire un tool laterale con tutte le azioni e le modifiche effettuate fino a quel punto. Attraverso una comodissima slide, posta lateralmente all’ultima azione, sarà possibile risalire fino all’origine della formattazione del documento.

32- Snippets

Niente paura, gli Snippets non sono i cugini dei gremlins o di qualche altra mostruosa creatura; si attivano dal menu Window/ Snippets e permettono la visualizzazione di un box-libreria pieno di script, form, tabelle avanzate già pronte per l’uso e divise in una serie considerevole di categorie.

33- Questione di form

Attraverso un buon browsing, dentro gli snippets, è possibile raggiungere utilissimi abbellimenti per il nostro sito Web. Per esempio, potremmo avere la necessità di inserire una funzione di browsing all’interno di una pagina, per permettere ad un utente di sfogliare il proprio hard disk, partendo dalla pagina Web che stà visitando. Niente di più semplice, il percorso da seguire all’interno del box-snippets è il seguente: Accessible/Form elements. Una volta localizzato il folder possiamo semplicemente fare un trascinamento dell’elemento browse-for-file-button all’interno di una tabella della nostra pagina Web. Controlliamo il funzionamento del pulsante.

34- Apri la finestra e…

Selezioniamo un’immagine e richiamiamo il pannello dei behaviors dal menu Window/behaviors; successivamente premiamo, dallo stesso pannello, il pulsante “+” per richiamare la funzione Open browser window, che permette di aprire una finestra, indipendente del browser, con un semplice click sull’immagine prescelta in partenza. Il contenuto della finestra andrà deciso all’interno del box successivo, dove sceglieremo la pagina Html da visualizzare e soprattutto le sue dimensioni (in pixel).

35- ...Chiudila!

Se la nostra pagina Web permette l’apertura di una finestra esterna al browser, alla sola pressione di un link o di un’immagine, allo stesso modo potremmo avere la necessità di chiuderla con altrettanta agilità. A questo scopo dobbiamo aprire il documento Html che verrà visualizzato nella finestra indipendente con Dreamweaver MX e successivamente richiamare gli Snippets dal menu Window/ Snippets. Spostiamoci nella sezione Accessible/ Form Elements e trasciniamo l’elemento Close Window Button nella posizione desiderata all’interno della nostra pagina. Il risultato sarà quello di una chiusura violenta e brutale della finestra aperta, alla sola pressione del pulsante Close Window.

36- Musica maestro!

Utilizzare suoni interattivi al passaggio del mouse non è un’esclusiva di Flash. Anche con Dreamweaver si possono realizzare momenti emozionanti con la scelta di un bel suono. Possiamo selezionare un’immagine ed eseguire la seguente procedura dal menu Window/ Behavior. Una volta richiamato il box dei Behavior, possiamo selezionare il bottone “+” e scegliere la voce play sound; apparirà una finestra di dialogo dove potremmo fare un browsing di un qualsiasi file WAV presente sul nostro disco, confermando con OK viene impostata di default un’azione che, al passaggio del mouse sull’immagine scelta, avrà l’effetto di riprodurre il suono.

37- Regole di buon comportamento

Dobbiamo fare attenzione a non utilizzare in modo indiscriminato i Behaviors disponibili su Dreamweaver, questo potrebbe comportare l’invisibilità del sito da parte dei Browsers in versione arcaica. Conviene attivare i Behaviors dal menu Window, selezionare il pulsante “+” e spostarsi sulla voce Show Events For; a questo punto dovremmo visualizzare i Browser compatibili, disponibili nelle varie versioni.

38- Senso dell’orientamento

Una delle funzioni di sicura utilità incorporate in Dreamveawer è la possibilità di mappare le immagini. E’ sufficiente selezionare l’immagine e dal Properties Inspector utilizzare gli strumenti geometrici disponibili nella sezione denominata Map. Possiamo tracciare ellissi, rettangoli e poligoni di vario tipo. Una volta tracciata la forma, su una porzione dell’immagine, possiamo selezionarla e inserire l’URL relativo a quella sezione; utilizziamo il Properties Inspector per creare numerosi link partendo da una sola immagine.

39- Rock’n’roll over

I pulsanti a forma di rollover sono la cosa più semplice ed efficace che si possa vedere in un sito Web. Un rollover è un pulsante o un testo, che cambia al passaggio del mouse. Inserire rollover con Dreamweaver è semplicissimo. Tenendo presente la barra degli strumenti della versione MX, spostiamoci nella sezione Common e attiviamo l’icona Rollover Image. Verrà aperta una finestra che permette di inserire l’immagine originale (Original Image) e quella che andrà a creare l’effetto di rollover (Rollover Image). Una conferma con Ok e il trucco funziona. Stiamo attenti a creare immagini delle stesse dimensioni, altrimenti il risultato potrebbe essere molto comico.

40- Nomi e cognomi

Spesso capita di creare un set di frame e di visualizzare la pagina con Explorer, senza un nome e per di più con la scritta “untitled document”. I nomi che vengono assegnati alle pagine Html, facente parte della struttura del frame, non saranno visibili nella finestra del Browser. E’ necessario selezionare il frame cliccando con il puntatore del mouse sul bordo dello stesso. A questo punto premiamo la combinazione di tasti CTRL+J: verrà mostrata una finestra con le proprietà del documento-frame: in tale sezione sarà possibile assegnare un particolare nome alle singole pagine della struttura.