Gli oggetti avanzati e i flussi di lavoro per Photoshop e Dreamweaver

Esistono due flussi di lavoro principali per lavorare in Dreamweaver con file di Photoshop: mediante l’uso di operazioni Copia e Incolla e mediante l’uso di oggetti avanzati.

Flusso di lavoro con operazioni Copia e Incolla

Il flusso di lavoro con operazioni Copia e Incolla permette di selezionare sezioni o livelli in un file Photoshop, quindi di usare Dreamweaver per inserirli in immagini pronte per il Web. Per aggiornare successivamente il contenuto, tuttavia, sarà necessario aprire il file Photoshop originale, apportarvi le modifiche, copiare la sezione o il livello nuovamente negli Appunti, quindi incollarli in Dreamweaver. Questo flusso di lavoro è consigliato solo per inserire parte di un file Photoshop (ad esempio, una sezione di un’immagine più complessa) come immagine in una pagina Web.

Flusso di lavoro con oggetti avanzati

Quando si lavora con file Photoshop completi, è preferibile ricorrere al flusso di lavoro con oggetti avanzati. Un oggetto avanzato in Dreamweaver è una risorsa immagine inserita in una pagina Web con un collegamento dinamico al file Photoshop (PSD) originale. Nella vista Struttura di Dreamweaver, un oggetto avanzato è contrassegnato da un’icona nell’angolo in alto a sinistra dell’immagine.

Oggetto avanzato

Quando l’immagine Web (cioè l’immagine sulla pagina di Dreamweaver) non è sincronizzata con il file Photoshop originale, in Dreamweaver viene rilevato che il file originale è stato aggiornato e una delle frecce dell’icona dell’oggetto avanzato è visualizzata in rosso. Quando selezionate l’immagine Web in vista Struttura e fate clic sul pulsante Aggiorna da originale nell’ispettore Proprietà, l’immagine viene aggiornata automaticamente con le modifiche apportate al file Photoshop originale.

Con il flusso di lavoro basato sull’utilizzo di oggetti avanzati, non occorre aprire Photoshop per aggiornare un’immagine Web. Inoltre, eventuali aggiornamenti apportati a un oggetto avanzato in Dreamweaver sono di tipo non distruttivo. Questo significa che potete apportare modifiche alla versione Web dell’immagine presente sulla pagina e lasciare inalterata l’immagine Photoshop originale.

Potete inoltre aggiornare un oggetto avanzato senza selezionare l’immagine Web in vista Struttura. Dal pannello Risorse è possibile aggiornare tutti gli oggetti avanzati, comprese le immagini che potrebbero non essere selezionabili nella finestra del documento (ad esempio, le immagini di sfondo CSS).

Impostazioni per l’ottimizzazione delle immagini

Per entrambi i flussi di lavoro (mediante Copia e Incolla e mediante oggetti avanzati), potete specificare impostazioni di ottimizzazione nella finestra di dialogo Anteprima immagine. È possibile impostare opzioni quali formato del file, qualità dell’immagine e così via. La prima volta che copiate una sezione o un livello o che inserite un file Photoshop come oggetto avanzato, Dreamweaver presenta questa finestra di dialogo per facilitare la creazione dell’immagine Web.

Se poi copiate e incollate un aggiornamento di una sezione o di un livello già inserito, le impostazioni iniziali vengono ricordate e applicate nuovamente all’immagine Web. Allo stesso modo, quando aggiornate un oggetto avanzato con l’ispettore Proprietà, in Dreamweaver vengono usate le stesse impostazioni selezionate al momento del primo inserimento della stessa immagine. Potete modificare le impostazioni di un’immagine in qualsiasi momento: selezionate l’immagine Web in vista Struttura e fate clic sul pulsante Modifica impostazioni immagine, nell’ispettore Proprietà.

Memorizzazione dei file Photoshop

Se avete inserito un’immagine Web e non avete memorizzato il file Photoshop originale nel sito Dreamweaver, il percorso del file originale viene riconosciuto come percorso di file locale assoluto. Questo avviene per i flussi di lavoro sia con operazioni Copia e Incolla, sia con oggetti avanzati. Ad esempio, se il percorso del sito Dreamweaver è C:\Siti\mioSito e il file Photoshop si trova in C:\Immagini\Photoshop, Dreamweaver non riconosce la risorsa originale come appartenente al sito denominato mioSito. Questo può causare problemi se successivamente vorrete condividere il file Photoshop con altri collaboratori, poiché in Dreamweaver il file viene riconosciuto come disponibile solo in quella particolare unità locale.

Se memorizzate il file Photoshop nel sito stesso, invece, Dreamweaver può impostare un percorso relativo al sito. Qualsiasi utente che possa accedere al sito potrà ottenere il percorso corretto al file, purché il file originale sia stato reso disponibile per il download.

Al seguente indirizzo è disponibile un’esercitazione video sui flussi di lavoro mediante l’utilizzo di oggetti avanzati in Photoshop e Dreamweaver: www.adobe.com/go/lrvid4043_dw_it.