Sfogliate, gestite e accedete alle risorse creative tra più progetti Dreamweaver con Adobe Stock e usando altre app Adobe.

Con Creative Cloud Libraries le vostre risorse preferite sono sempre a disposizione ovunque. Potete creare o acquisire immagini, colori, stili di testo e altro ancora in diverse app desktop e per dispositivi mobili Creative Cloud, e accedervi facilmente da tutte le altre app desktop e per dispositivi mobili e usufruire così di un flusso di lavoro snello ed efficiente.

Potete accedere a CC Libraries direttamente da Dreamweaver per riutilizzare nelle vostre pagine Web colori e grafica. Potete anche mantenere aggiornata la grafica inserita con quella nel cloud inserendola come risorsa "collegata".

Continuate a leggere per ulteriori informazioni sull'utilizzo di CC Libraries in Dreamweaver.

Pannello CC Libraries

Il pannello CC Libraries (Finestra > CC Libraries) è il punto di accesso principale alle risorse salvate in Creative Cloud. Il pannello consente anche di cercare risorse in Adobe Stock.

Pannello CC Libraries
Pannello CC Libraries

Utilizzando questo pannello, potete:

  • Sfogliare una determinata libreria per le risorse memorizzate in essa
  • Creare una libreria
  • Visualizzare in anteprima le risorse nella libreria selezionata
  • Trascinare o copiare le risorse da inserire nella pagina Web
  • Immettere una parola chiave, ad esempio, il nome completo o parte di esso di un'immagine da cercare in Adobe Stock

Guida introduttiva

Definire un sito in Dreamweaver

Un sito in Dreamweaver è una cartella in cui sono memorizzate tutte le immagini, i video, gli script, i fogli di stile e gli altri file correlati alle pagine Web. La previa definizione del sito consente di semplificare il salvataggio delle risorse importante nel sito da CC Libraries. Verificate che la pagina Web nella quale importare le risorse da CC Libraries sia anche salvata nella cartella del sito.

Per ulteriori informazioni sulla creazioni di siti, consultate Configurare una versione locale del sito.

Aggiungere risorse a CC Libraries

Assicurandosi che tutte le risorse necessarie siano disponibili in Creative Cloud consente di importare rapidamente in Dreamweaver le risorse nella pagina Web.

Se state cercando immagini stock, allora Adobe Stock è il posto ideale da dove iniziare. Per informazioni dettagliate, consultate Ottenere risorse da Adobe Stock.

La grafica e i colori acquisiti o creati con diverse app Adobe per desktop e dispositivi mobili possono essere archiviati in Creative Cloud e importati nelle pagine web. Ad esempio, una grafica vettoriale creata con Adobe Shape CC o un'immagine elaborata utilizzando Photoshop. Creative Cloud consente di collaborare e condividere risorse, a livello personale o di team, in modo da riutilizzare anche le risorse create da altri.

Per ulteriori informazioni su Creative Cloud Libraries, consultate Creative Cloud Libraries.

Ottenere risorse da Adobe Stock

Adobe Stock è strettamente integrato con Creative Cloud Libraries. Le immagini possono essere cercate e aggiunte a CC Libraries in uno dei modi seguenti:

  • Direttamente dal sito Web di Adobe Stock
  • Utilizzando il pannello CC Libraries in Dreamweaver.
  • Utilizzando i pannelli CC Libraries in altre applicazioni Adobe quali Photoshop e Illustrator.

Dopo avere aggiunto le immagini a una libreria CC, potete seguire le istruzioni contenute nell'argomento Riutilizzare la grafica in CC Libraries per utilizzare le immagini nelle pagine Web.

Se non siete sicuri che l'immagine Stock sia quella adatta, e non desiderate quindi acquistarla immediatamente, potete aggiungere alle librerie solo le immagini Stock con filigrana (anteprime) da utilizzare come segnaposto. Quando siete pronti ad effettuare l'acquisto di queste immagini, potete procedere dal pannello CC Libraries in Dreamweaver e in altre app o direttamente dal sito web di Adobe Stock. 

Ricerca di immagini in Adobe Stock tramite il pannello CC Libraries
Ricerca di immagini in Adobe Stock tramite il pannello CC Libraries

Quando acquistate la licenza per un'immagine, tutte le istanze della risorsa con filigrana nei documenti aperti, saranno aggiornate con la sua versione ad alta risoluzione.

Riutilizzare colori e temi di colore salvati in CC Libraries

Riutilizzare colori e temi di colore nella vista Dal vivo

I colori e i temi di colore possono essere salvati in Creative Cloud Libraries da app quali Illustrator, Photoshop e Adobe Color CC. Questi colori e temi di colore possono anche essere importati nelle pagine Web utilizzando il pannello CC Libraries in Dreamweaver effettuando le seguenti operazioni:

  1. Nel pannello CC Libraries, effettuate una delle operazioni seguenti:

    • Fate clic sul colore o sul tema di colore desiderato. Il valore esadecimale del colore o del tema di colore viene copiato negli Appunti.
    • Fate clic con il pulsante destro del mouse sul colore o sul tema di colore desiderato, quindi selezionate Copia valore RGB o Copia valore HEX. 
  2. Incollate il valore del colore nella vista Codice o in CSS Designer.

Riutilizzare colori nella vista Codice

I colori salvati in Creative Cloud sono disponibili come suggerimenti di codice nella vista Codice. Durante la creazione del codice nella vista Codice, potete selezionare i colori necessari dai suggerimenti di codice. L'icona Creative Cloud accanto al colore nei suggerimenti codice indica che questi colori sono memorizzati in Creative Cloud.

Colori nella libreria di Creative Cloud visualizzati nei suggerimenti codice
Colori nella libreria di Creative Cloud visualizzati nei suggerimenti codice

I suggerimenti codice ricavano i colori da una libreria attualmente aperta nel pannello CC Libraries. Nell'immagine riportata sopra, i colori della libreria "My Library" vengono resi disponibili come suggerimenti codice. Per ottenere i colori da un'altra libreria di Creative Cloud come suggerimenti codice, aprite la libreria richiesta nel pannello CC Libraries, quindi riprendete il lavoro nella vista Codice.

Riutilizzare la grafica salvata in CC Libraries

Potete salvare la grafica creata utilizzando le app Adobe per desktop e dispositivi mobili, ad esempio, Photoshop, Illustrator, Adobe Shape CC o Adobe Sketch CC, in Creative Cloud Libraries. Il pannello CC Libraries consente di inserire la grafica nella vista Dal vivo e i suggerimenti sul codice semplificano l'inserimento della grafica direttamente nel codice.

Potete inserire la grafica da CC Libraries come:

  • Risorse collegate: quando la grafica è inserita come risorsa collegata, nella vista Dal vivo viene visualizzata una piccola icona di una nuvola nell'angolo inferiore destro della risorsa. Questa icona indica che la risorsa è collegata alla risorsa originale nel cloud. L'icona nuvola è visualizzata anche accanto alla risorsa nel pannello Risorse.
  • Risorse non collegate: potete inserire una risorsa come copia locale nelle pagine Web. Nella vista Dal vivo, fate clic con il pulsante destro del mouse sulla risorsa richiesta nel pannello CC Libraries, quindi selezionate "Inserisci non collegata". Quando inserite la copia della grafica, la risorsa è copiata nel computer locale e non è collegata alla risorsa originale nel cloud. Questo significa che qualsiasi modifica o aggiornamento alla risorsa nel cloud non verrà riportata in Dreamweaver.

Potete anche scaricare le risorse in batch e salvarle nel computer per un uso futuro.

Riutilizzare la grafica nella vista Dal vivo

  1. Effettuate una delle seguenti operazioni:

    1. Trascinate la grafica dal pannello CC Libraries sulla pagina nella vista Dal vivo.

      Nota: quando trascinate la grafica dal pannello CC Libraries nella vista Dal vivo, la grafica viene inserita come grafica "collegata" (se avete definito un sito).

      I file di Illustrator vengono inseriti per impostazione predefinita come file SVG ottimizzati per il Web. Se desiderate personalizzare le proprietà dei file SVG, potete modificare le preferenze nel file options.json. Per ulteriori informazioni, consultate Estrarre file SVG ottimizzati per il Web da CC Libraries.

    2. Fate clic con il pulsante destro del mouse sulla risorsa richiesta nel pannello CC Libraries e selezionate:

      • "Inserisci collegata" per inserire la grafica come risorsa collegata. Questo significa che la risorsa manterrà il suo riferimento con la risorsa corrispondente nel cloud. Qualsiasi modifica alla risorsa nel cloud verrà riportata nella risorsa collegata in Dreamweaver.
      • "Inserisci non collegata" per inserire la grafica come risorsa non collegata.
  2. Nella finestra di dialogo Campionamento visualizzata, specificate il nome del file e le dimensioni dell'immagine. Per informazioni dettagliate, consultate Specificare le opzioni di campionamento per la grafica.

Riutilizzare la grafica nella vista Codice

La grafica salvata in Creative Cloud Libraries è disponibile come suggerimenti di codice nella vista Codice. Innanzitutto, aprite la libreria richiesta selezionandola nel pannello CC Libraries. Passate quindi alla vista Codice, e durante la creazione del codice, selezionate la grafica desiderata dai suggerimenti di codice. L'icona Creative Cloud accanto alla grafica nei suggerimenti codice indica che questa grafica è memorizzata in Creative Cloud.

Grafica in CC Libraries visualizzata come suggerimenti codice
Grafica in CC Libraries visualizzata come suggerimenti codice

Nota: quando inserite la grafica utilizzando i suggerimenti di codice, la grafica "non è collegata".

Per ottenere i colori da un'altra libreria di Creative Cloud come suggerimenti codice, aprite la libreria richiesta nel pannello CC Libraries, quindi riprendete il lavoro nella vista Codice.

Specificare le opzioni di campionamento per la grafica

Le caselle Altezza e Larghezza ricampionano la risorsa utilizzando il motore di ottimizzazione delle immagini di Dreamweaver. Potete anche selezionare il tipo di formato con cui inserire la risorsa. L'icona cloud abilitata indicata che la risorsa è inserita come risorsa collegata. Dopo aver specificato il nome file e le opzioni di campionamento, premete Invio per inserire la risorsa.

Ricampionamento di immagini
Ricampionamento di immagini

 Nota:

  • L'opzione SVG è disponibile solo per i file di Illustrator (.ai) ed è l'impostazione predefinita per tali file. Potete cambiare il formato di tali file in JPEG utilizzando l'elenco a discesa nella finestra di dialogo di ricampionamento.
  • Un file JPEG può essere inserito solo come tale, e pertanto, per tali file non è disponibile nessun'altra opzione di formato.

Modificare la grafica

Dal pannello CC Libraries, potete aprire e modificare con rapidità le risorse InDesign e Illustrator nelle loro applicazioni native. A tal fine, fate clic con il pulsante destro del mouse sulla risorsa nel pannello CC Libraries, quindi fate clic su Modifica.

Assicuratevi che le applicazioni native, InDesign o Illustrator, siano installate nel medesimo computer dell’istanza Dreamweaver che state utilizzando. Assicuratevi inoltre di aver installato da Creative Cloud gli aggiornamenti più recenti per queste applicazioni.

Scollegare, ricampionare e rinominare la grafica collegata

Le immagini importate nelle pagine Web possono essere rinominate, ridimensionate o ricampionate da CC Libraries utilizzando una delle seguenti opzioni:

  • Selezionate la risorsa nella vista Dal vivo, quindi fate clic sull'icona nuvola. 
  • Fate clic con il pulsante destro del mouse sulla risorsa e selezionate le opzioni Risorsa collegata.
  • Fate doppio clic sull'icona nuvola accanto al nome della risorsa nel pannello Risorse.

Nella finestra di dialogo di ricampionamento visualizzata potete modificare le proprietà desiderate. Per scollegare la risorsa dalla sua sorgente in CC Libraries, fate clic sull'icona nuvola nella finestra di dialogo di ricampionamento.

Se scollegate una risorsa, le modifiche apportate al file di origine in Creative Cloud non saranno riportate nell'immagine presente sulla pagina Web.

Download della grafica

Potete scaricare in blocco la grafica richiesta come risorsa collegata da CC Libraries e inserirla successivamente nel vostro progetto. Quando utilizzate queste risorse nei progetti, esse mantengono il collegamento al corrispondente elemento nella libreria. 

  • Collegata: per scaricare la grafica come risorsa collegata, fate clic con il pulsante destro del mouse sulla risorsa nel pannello CC Libraries e selezionate Scarica collegata. Viene visualizzata la finestra a comparsa con le opzioni per nome file e ricampionamento. Specificate il nome file e le opzioni di campionamento, quindi premete Invio per salvare la risorsa nella cartella del sito.
  • Non collegata: per scaricare la grafica come risorsa non collegata, fate clic con il pulsante destro del mouse sulla risorsa necessaria nel pannello CC Libraries e selezionate Scarica copia. Viene visualizzata la finestra a comparsa con le opzioni per nome file e ricampionamento. Specificate il nome file e le opzioni di campionamento, quindi premete Invio per salvare la risorsa nella cartella del sito.

Questo prodotto è concesso in licenza in base alla licenza di Attribuzione-Non commerciale-Condividi allo stesso modo 3.0 Unported di Creative Commons.  I post su Twitter™ e Facebook non sono coperti dai termini di Creative Commons.

Note legali   |   Informativa sulla privacy online