Utilizzo di Fireworks con Dreamweaver

Adobe Dreamweaver^® e Fireworks riconoscono e condividono molte delle stesse funzioni di modifica dei file, come le modifiche ai collegamenti, alle mappe immagine e alle porzioni di tabelle. Inoltre, Dreamweaver e Fireworks offrono insieme un flusso di lavoro ottimizzato per modificare, ottimizzare e collocare file di grafica per il Web nelle pagine HTML.

Quando inserite file JPEG Fireworks in Dreamweaver, la qualità del file viene automaticamente calcolata. Il valore può essere 79 per alcuni file.

Inserire immagini di Fireworks in Dreamweaver con il pannello File

Inserire immagini di Fireworks in Dreamweaver con il menu Inserisci

Creare nuovi file di Fireworks da segnaposto di Dreamweaver

Mediante i segnaposto immagine è possibile provare diversi layout di pagina Web prima di creare il lavoro di grafica finale per la pagina. I segnaposto immagine consentono di specificare le dimensioni e la posizione delle immagini di Fireworks che verranno inserite in Dreamweaver in un secondo momento.

Quando si crea un’immagine Fireworks da un segnaposto immagine Dreamweaver, viene creato un nuovo documento Fireworks con un’area di lavoro delle stesse dimensioni del segnaposto selezionato.

Una volta terminata la sessione di Fireworks e ritornati a Dreamweaver, il nuovo elemento grafico di Fireworks creato prende il posto del segnaposto immagine originariamente selezionato.

Inserire il codice HTML di Fireworks in Dreamweaver

L’esportazione di file da Fireworks a Dreamweaver è composta da due fasi. In Fireworks, esportate i file direttamente in una cartella sito di Dreamweaver. In questo modo, viene creato un file HTML e i file immagine associati nella posizione specificata. Quindi, inserite il codice HTML in Dreamweaver con la funzione Inserisci HTML di Fireworks.

Copiare il codice HTML di Fireworks da utilizzare in Dreamweaver

Quando il codice HTML di Fireworks viene copiato negli appunti, tutto il codice HTML e JavaScript associato al documento Fireworks viene copiato nel documento Dreamweaver, le immagini vengono esportate in una posizione specificata dall’utente e Dreamweaver aggiorna l’HTML con collegamenti relativi al documento.

Aggiornare l’HTML di Fireworks esportato in Dreamweaver

Esportare i file di Fireworks in librerie di Dreamweaver

Una voce di libreria, o elemento libreria, è una parte del file HTML che si trova in una cartella denominata Library (Libreria) nella cartella principale del sito. Gli elementi libreria appaiono come categorie nel pannello Risorse di Dreamweaver. In Dreamweaver, gli elementi libreria semplificano la modifica e l’aggiornamento dei componenti dei siti Web usati più di frequente. È possibile trascinare un elemento libreria (file con estensione .lbi) dal pannello Risorse a una pagina qualsiasi del sito Web.

Non è possibile modificare un elemento libreria direttamente nel documento di Dreamweaver. Dal documento si può modificare solo l’elemento libreria principale. Successivamente, Dreamweaver può aggiornare ogni copia di quell’elemento presente nell’intero sito Web. Gli elementi libreria di Dreamweaver sono del tutto simili ai simboli di Fireworks; le modifiche al documento libreria principale (LBI) si riflettono in tutte le istanze della libreria del sito.

Modificare i file di Fireworks da Dreamweaver

La funzione Roundtrip HTML offre una perfetta integrazione di Fireworks e Dreamweaver. Questa caratteristica consente di apportare modifiche in un’applicazione e fare in modo che queste variazioni si riflettano direttamente anche nell’altra.

La funzione Roundtrip HTML

Fireworks riconosce e conserva la maggior parte dei tipi di modifiche apportate a un documento di Dreamweaver, inclusi le variazioni dei collegamenti, le mappe immagine modificate, il testo e il codice HTML modificato nelle porzioni HTML, nonché i comportamenti condivisi tra Fireworks e Dreamweaver. La finestra di ispezione Proprietà di Dreamweaver consente di identificare le immagini, le porzioni in tabelle e le tabelle generate da Fireworks e presenti nel documento.

Fireworks supporta la maggior parte dei tipi di modifiche apportate con Dreamweaver. Tuttavia, modifiche sostanziali apportate alla struttura di una tabella in Dreamweaver possono creare differenze non riconciliabili tra le due applicazioni. Per apportare modifiche considerevoli a un layout di tabella, utilizzate la funzionalità di avvio e modifica di Dreamweaver all’interno di Fireworks.

Modificare un’immagine di Fireworks inserita in Dreamweaver

Modificare una tabella di Fireworks inserita in Dreamweaver

I comportamenti supportati e non supportati di Dreamweaver

Se un singolo elemento grafico non suddiviso in porzioni di Fireworks viene inserito in un documento di Dreamweaver e gli viene applicato un comportamento di Dreamweaver, al momento dell’apertura e della modifica in Fireworks all’elemento grafico viene sovrapposta una porzione. La porzione non è inizialmente visibile, dato che le porzioni sono automaticamente disattivate quando si aprono e modificano elementi grafici singoli e non suddivisi ai quali siano stati applicati comportamenti di Dreamweaver. La porzione può essere visualizzata attivandone la visibilità dal Livello Web del pannello Livelli.

Quando si visualizzano le proprietà di una porzione di Fireworks dotata di un comportamento di Dreamweaver, la casella di testo del collegamento nella finestra di ispezione Proprietà potrebbe visualizzare javascript:;. L’eliminazione di questo testo non ha alcuna conseguenza negativa. Anche sovrapponendovi un URL, il comportamento rimarrà comunque intatto alla riapertura del file in Dreamweaver.

Quando si opera con Roundtrip HTML da Dreamweaver, Fireworks supporta i formati lato server quali CFM e PHP.

Dreamweaver supporta tutti i comportamenti applicati a Fireworks, inclusi quelli richiesti per i rollover e i pulsanti.

Fireworks supporta i seguenti comportamenti di Dreamweaver durante una sessione di avvio e modifica:

• Rollover semplice

• Scambia immagine

• Ripristino di immagini scambiate

• Impostazione del testo della barra di stato

• Imposta immagine barra di navigazione

• Menu a comparsa
  

Ottimizzare immagini e animazioni di Fireworks aggiunte a Dreamweaver

Modificare le impostazioni di ottimizzazione per un’immagine di Fireworks inserita in Dreamweaver

Modificare le impostazioni di animazione

Se si sta aprendo e ottimizzando un file GIF animato, è possibile anche modificare le impostazioni delle animazioni. Le opzioni di animazione disponibili nella finestra di dialogo Anteprima esportazione sono simili a quelle disponibili nel pannello Stati di Fireworks.

Impostare le opzioni di avvio e modifica

Per utilizzare la funzionalità Roundtrip HTML in modo ottimale, è necessario eseguire alcune operazioni preliminari, quali la definizione di Fireworks come editor di immagini principale in Dreamweaver e la specifica delle preferenze di avvio e modifica per Fireworks, nonché la definizione di un sito locale in Dreamweaver.

Impostare Fireworks come principale editor esterno di immagini per Dreamweaver

In Dreamweaver, sono disponibili una serie di preferenze per avviare automaticamente applicazioni specifiche per la modifica di determinati tipi di file. Per utilizzare la funzionalità di avvio e modifica di Fireworks, assicuratevi che questo sia impostato come editor principale per i file GIF, JPEG e PNG all’interno di Dreamweaver.

Specificate le preferenze di avvio e modifica per i file sorgente di Fireworks

Le preferenze di avvio e modifica di Fireworks permettono di specificare le modalità di gestione dei file PNG all’apertura dei file di Fireworks da un’altra applicazione.

Dreamweaver riconosce le preferenze di avvio e modifica di Fireworks solo quando si apre e ottimizza un’immagine che non appartiene a una tabella di Fireworks e che non contiene un percorso di Design Note corretto verso il file sorgente PNG. In tutti gli altri casi, compresi tutti i casi di avvio e modifica delle immagini di Fireworks, Dreamweaver apre automaticamente il file PNG sorgente, richiedendo di individuare il file sorgente, qualora non riesca a reperirlo.

Design Notes e i file sorgente

Ogni volta che si esporta un file di Fireworks da un file PNG sorgente salvato in un sito di Dreamweaver, Fireworks scrive una nota di progettazione (Design Note) contenente informazioni sul file PNG. Quando si apre e si modifica da Dreamweaver un’immagine creata con Fireworks, Dreamweaver utilizza la Design Note per individuare il PNG sorgente per il file dell’immagine. Per garantire risultati ottimali, salvate sempre il file PNG sorgente di Fireworks e i file esportati in un sito di Dreamweaver. Ciò garantisce che qualsiasi utente che condivide il sito sia in grado di individuare il PNG sorgente all'avvio di Fireworks da Dreamweaver.

Trasferimento dei file del sito mediante il pulsante Gestione file

Il pulsante Gestione file , nella parte superiore della finestra del documento, consente di accedere facilmente a vari comandi di trasferimento dei file. È possibile utilizzare questo pulsante se il documento risiede in una cartella del sito di Dreamweaver e se il sito ha accesso a un server remoto. Affinché Fireworks riconosca la cartella come sito, utilizzate la finestra di dialogo Gestisci siti di Dreamweaver per definire la cartella di destinazione (o una cartella contenente degli elementi) come cartella principale locale del sito.

Consente di copiare la versione remota del file nel sito locale, sovrascrivendo il file locale con la copia remota.

Consente di ritirare il file, sovrascrivendo il file locale con la copia remota.

Consente di copiare la versione locale del file sul sito remoto, sovrascrivendo il file remoto con la copia locale.

Consente di depositare il file locale, sovrascrivendo il file remoto con la copia locale.

Annulla il ritiro del file locale e lo deposita, sovrascrivendo il file locale con la copia remota.