Zoek, beheer en gebruik creatieve middelen in Dreamweaver-projecten met Adobe Stock en andere Adobe-apps.

Met Creative Cloud Libraries hebt u overal toegang tot uw favoriete middelen. U kunt in de verschillende Creative Cloud-desktop- en mobiele apps afbeeldingen, kleuren, tekststijlen en meer maken en vastleggen en deze vervolgens eenvoudig gebruiken in andere desktop- en mobiele apps voor een naadloze creatieve workflow.

U hebt rechtstreeks vanuit Dreamweaver toegang tot CC Libraries zodat u kleuren en illustraties op uw webpagina's opnieuw kunt gebruiken. Ook kunt u de ingevoegde illustraties up-to-date houden met uw illustraties in de cloud door ze als 'gekoppelde' middelen in te voegen.

Lees verder voor meer informatie over het gebruik van CC Libraries in Dreamweaver.

Het deelvenster CC Libraries

Het deelvenster CC Libraries (Venster > CC Libraries) is het belangrijkste toegangspunt voor uw middelen die op Creative Cloud zijn opgeslagen. In het deelvenster kunt u ook zoeken naar middelen in Adobe Stock.

Het deelvenster CC Libraries
Het deelvenster CC Libraries

Met dit deelvenster kunt u:

  • In een specifieke bibliotheek bladeren door de middelen die in de bibliotheek zijn opgeslagen
  • Een bibliotheek maken
  • Een voorvertoning weergeven van de middelen weergeven in de geselecteerde bibliotheek
  • Middelen verslepen of kopiëren om deze op uw webpagina in te voegen
  • Een trefwoord invoeren, zoals een volledige of gedeeltelijke naam van een afbeelding waarnaar u wilt zoeken op Adobe Stock

Aan de slag

Een site definiëren in Dreamweaver

Een site in Dreamweaver is een map waarin alle afbeeldingen, video's, scripts, stijlpagina's en andere bestanden die verwant zijn aan uw webpagina's worden opgeslagen. Door meteen een site te definiëren, kunt u eenvoudig de middelen opslaan die u vanaf CC Libraries importeert in de site. Zorg ervoor dat de webpagina waarin u middelen uit CC Libraries wilt importeren, ook in de sitemap wordt opgeslagen.

Zie Een lokale versie van uw site instellen voor meer informatie over het maken van sites.

Middelen toevoegen aan CC Libraries

Door ervoor te zorgen dat alle vereiste middelen beschikbaar zijn in Creative Cloud, kunt u de middelen snel in uw webpagina in Dreamweaver importeren.

Als u op zoek bent naar stockafbeeldingen, is Adobe Stock het ideale startpunt. Zie Middelen ophalen uit Adobe Stock voor gedetailleerde informatie.

De afbeeldingen en de kleuren die u vastlegt of maakt met verschillende mobiele en desktop-apps van Adobe, kunnen in Creative Cloud worden opgeslagen en in uw webpagina's worden geïmporteerd. U kunt bijvoorbeeld een vectorafbeelding importeren die met Adobe Shape CC is gemaakt of een afbeelding die met Photoshop is verwerkt. Met Creative Cloud kunnen u en uw team samenwerken en middelen delen zodat u ook middelen die door anderen zijn gemaakt, kunt hergebruiken.

Zie Creative Cloud Libraries voor meer informatie over Creative Cloud Libraries.

Middelen ophalen uit Adobe Stock

Adobe Stock is nauw geïntegreerd met Creative Cloud Libraries. U kunt met de volgende methoden afbeeldingen zoeken en toevoegen aan CC Libraries:

  • Rechtstreeks via de website van Adobe Stock.
  • Met het deelvenster CC Libraries in Dreamweaver.
  • Met het deelvenster CC Libraries in andere Adobe-toepassingen, zoals Photoshop en Illustrator.

Nadat u afbeeldingen hebt toegevoegd aan een CC-bibliotheek, volgt u de instructies in het onderwerp Illustraties hergebruiken in CC Libraries om deze afbeeldingen in uw webpagina's te gebruiken.

Als u liever niet meteen Stock-afbeeldingen aanschaft, kunt u Stock-afbeeldingen met een watermerk (voorvertoningen) toevoegen aan uw bibliotheken en deze gebruiken als tijdelijke aanduidingen. Wanneer u besluit om de afbeeldingen aan te schaffen, kunt u dit doen via het deelvenster CC Libraries in Dreamweaver en andere apps of op de website van Adobe Stock. 

Zoeken naar afbeeldingen op Adobe Stock met het deelvenster CC Libraries
Zoeken naar afbeeldingen op Adobe Stock met het deelvenster CC Libraries

Wanneer u een licentie voor een afbeelding aanschaft, worden in uw geopende documenten alle exemplaren van het middel met watermerk bijgewerkt naar de gelicentieerde afbeeldingsversie met hoge resolutie.

Opgeslagen kleuren en kleurenthema's in CC Libraries hergebruiken

Kleuren en kleurenthema's in Live View hergebruiken

U kunt kleuren en kleurenthema's opslaan in Creative Cloud Libraries vanuit apps zoals Illustrator, Photoshop of Adobe Color CC. De kleuren en kleurenthema's kunt u als volgt in uw webpagina's importeren met het deelvenster CC Libraries in Dreamweaver:

  1. Voer een van de volgende handelingen uit in het deelvenster CC Libraries:

    • Klik op de kleur of het kleurenthema dat u nodig hebt. De HEX-waarde van de kleur of het kleurenthema wordt naar het klembord gekopieerd.
    • Klik met de rechtermuisknop op de kleur of het kleurenthema en klik vervolgens op RGB kopiëren of HEX kopiëren. 
  2. Plak de kleurwaarde in de codeweergave of in CSS ontwerpen.

Kleuren hergebruiken in de codeweergave

Kleuren die u in Creative Cloud hebt opgeslagen, zijn als coderingstips beschikbaar in de codeweergave. U kunt de gewenste kleuren via de coderingstips selecteren wanneer u op codes zoekt in de codeweergave. Het Creative Cloud-pictogram naast de kleur in de coderingstips geeft aan dat deze kleuren in Creative Cloud zijn opgeslagen.

Kleuren in een Creative Cloud-bibliotheek weergegeven in de coderingstips
Kleuren in een Creative Cloud-bibliotheek weergegeven in de coderingstips

Met de coderingstips worden kleuren gekozen uit de bibliotheek die is geopend in het deelvenster CC Libraries. In de bovenstaande afbeelding zijn de kleuren in de bibliotheek 'Mijn bibliotheek' beschikbaar als coderingstips. Als u de kleuren in een andere Creative Cloud-bibliotheek wilt gebruiken als coderingstips, opent u de betreffende bibliotheek in het deelvenster CC Libraries en gaat u verder met uw werk in de codeweergave.

Illustraties hergebruiken die in CC Libraries zijn opgeslagen

Illustraties die u hebt gemaakt met mobiele en desktopapps van Adobe (zoals Photoshop, Illustrator, Adobe Shape CC of Adobe Sketch CC), kunt u opslaan in Creative Cloud Libraries. Met het deelvenster CC Libraries kunt u illustraties in Live View invoegen en met de coderingstips kunt u illustraties rechtstreeks in uw code invoegen.

U kunt illustraties uit CC Libraries invoegen als:

  • Gekoppelde middelen: Wanneer u illustraties als gekoppelde middelen invoegt, wordt in Live View een klein cloudpictogram weergegeven in de rechterbenedenhoek van het middel. Dit pictogram geeft aan dat het middel aan het oorspronkelijke middel in de cloud is gekoppeld. Het cloudpictogram wordt ook naast het middel weergegeven in het deelvenster Middelen.
  • Niet-gekoppelde middelen: U kunt een middel als een lokale kopie invoegen in uw webpagina's. Klik in Live View met de rechtermuisknop op het gewenste middel in het deelvenster CC Libraries en selecteer 'Niet-gekoppelde invoegen'. Wanneer u een kopie van een illustratie invoegt, wordt het middel naar uw lokale apparaat gekopieerd en niet gekoppeld met het oorspronkelijke middel in de cloud. Dit betekent dat elke wijziging of update van het middel in de cloud niet in Dreamweaver wordt doorgevoerd.

U kunt ook middelen in een batch downloaden en op uw computer opslaan voor later gebruik.

Illustraties hergebruiken in Live View

  1. Voer een van de volgende handelingen uit:

    1. Sleep de illustratie vanuit het deelvenster CC Libraries naar de pagina in Live View.

      Opmerking:Als u illustraties vanuit het deelvenster CC Libraries naar Live View sleept, wordt de illustratie als een 'gekoppelde' illustratie ingevoegd (als u een site hebt gedefinieerd).

      De Illustrator-bestanden worden standaard ingevoegd als voor het web geoptimaliseerde SVG-bestanden. Als u de eigenschappen van SVG-bestanden wilt aanpassen, kunt u de voorkeuren in het bestand options.json bewerken. Zie Voor het web geoptimaliseerde SVG-bestanden uit CC Libraries extraheren voor meer informatie.

    2. Klik met de rechtermuisknop op het gewenste middel in het deelvenster CC Libraries en selecteer:

      • 'Gekoppelde invoegen' om de illustratie als een gekoppeld middel in te voegen. Dit betekent dat het middel aan het bijbehorende middel in de cloud blijft gekoppeld. Elke wijziging van het middel in de cloud wordt meteen in het gekoppelde middel in Dreamweaver doorgevoerd.
      • 'Niet-gekoppelde invoegen' om de illustratie als een niet-gekoppeld middel in te voegen.
  2. Geef in het dialoogvenster Sampling dat wordt weergegeven de bestandsnaam en de afmetingen van de afbeelding op. Zie De samplingopties voor illustraties opgeven voor meer informatie.

Illustraties hergebruiken in Codeweergave

Illustraties die u in Creative Cloud Libraries hebt opgeslagen, zijn als coderingstips beschikbaar in de codeweergave. Open eerst de benodigde bibliotheek door deze te selecteren in het deelvenster CC Libraries. Schakel vervolgens over naar de codeweergave en selecteer tijdens het coderen de benodigde illustratie in de coderingstips. Het Creative Cloud-pictogram naast de illustratie in de coderingstips geeft aan dat de illustratie in Creative Cloud is opgeslagen.

Illustraties in CC Libraries weergegeven als coderingstips
Illustraties in CC Libraries weergegeven als coderingstips

Opmerking: Als u illustraties invoegt met coderingstips, worden de illustraties als 'niet-gekoppelde' illustraties ingevoegd.

Als u de kleuren in een andere Creative Cloud-bibliotheek wilt gebruiken als coderingstips, opent u de betreffende bibliotheek in het deelvenster CC Libraries en gaat u verder met uw werk in de codeweergave.

De samplingopties voor illustraties opgeven

In de vakken Hoogte en Breedte wordt resampling voor het middel uitgevoerd met behulp van de Dreamweaver-engine voor beeldoptimalisatie. U kunt ook het indelingstype selecteren waarin u het middel wilt plaatsen. Het ingeschakelde cloudpictogram geeft aan dat het middel als gekoppeld middel wordt geplaatst. Nadat u de bestandsnaam en samplingopties hebt opgegeven, drukt u op Enter om het middel in te voegen.

Resampling uitvoeren voor afbeeldingen
Resampling uitvoeren voor afbeeldingen

 Opmerking:

  • De optie SVG is alleen beschikbaar voor Illustrator-bestanden (.ai) en wordt als standaardwaarde ingesteld voor dergelijke bestanden. U kunt de indeling voor dergelijke bestanden wijzigen in JPEG met de vervolgkeuzelijst in het dialoogvenster met resamplingopties.
  • Een JPEG-bestand kan alleen als een JPEG-bestand worden ingevoegd en voor dergelijke bestanden is dan ook geen andere indelingsoptie beschikbaar.

Afbeeldingen bewerken

Met het deelvenster CC Libraries kunt u middelen van InDesign en Illustrator openen en bewerken in de systeemeigen toepassingen. Klik met de rechtermuisknop op het middel in het deelvenster CC Libraries en klik op Bewerken.

Zorg dat de systeemeigen applicatie (InDesign of Illustrator) is geïnstalleerd op dezelfde computer als het exemplaar van Dreamweaver dat u gebruikt. Zorg ook dat u de nieuwste updates voor deze toepassingen hebt geïnstalleerd vanaf Creative Cloud.

Gekoppelde illustraties ontkoppelen, hernoemen of resampling uitvoeren

U kunt een van de volgende opties gebruiken om voor afbeeldingen die u via CC Libraries hebt geïmporteerd in uw webpagina, de naam of grootte te wijzigen of resampling uit te voeren:

  • Klik op het middel in Live View en klik vervolgens op het cloudpictogram. 
  • Klik met de rechtermuisknop op het middel en klik op Opties voor gekoppeld middel.
  • Dubbelklik in het deelvenster Middelen op het cloudpictogram naast het middel.

In het dialoogvenster met resamplingopties kunt u de vereiste eigenschappen wijzigen. Klik in het dialoogvenster met resamplingopties op het cloudpictogram om het middel te ontkoppelen van de bijbehorende bron in CC Libraries.

Wanneer u een middel ontkoppelt, worden wijzigingen in het bronbestand in Creative Cloud niet doorgevoerd in de afbeelding op uw webpagina.

Illustraties downloaden

U kunt de gewenste illustraties in bulk als gekoppelde middelen downloaden vanuit CC Libraries en deze op een later moment in uw project invoegen. Wanneer u deze middelen in uw projecten gebruikt, blijven ze gekoppeld aan het bijbehorende bibliotheekitem. 

  • Gekoppeld: Als u illustraties als gekoppelde middelen wilt downloaden, klikt u met de rechtermuisknop op het middel in het deelvenster CC Libraries en selecteert u Gekoppelde downloaden. Het pop-upvenster met de bestandsnaam en de resamplingopties wordt weergegeven. Geef de bestandsnaam en samplingopties op en druk op Enter om het middel in uw sitemap op te slaan.
  • Niet gekoppeld: Als u illustraties als niet-gekoppelde middelen wilt downloaden, klikt u met de rechtermuisknop op het gewenste middel in het deelvenster CC Libraries en selecteert u Kopie downloaden. Het pop-upvenster met de bestandsnaam en de resamplingopties wordt weergegeven. Geef de bestandsnaam en samplingopties op en druk op Enter om het middel in uw sitemap op te slaan.

Dit werk is gelicentieerd onder de Creative Commons Naamsvermelding/Niet-commercieel/Gelijk delen 3.0 Unported-licentie  De voorwaarden van Creative Commons zijn niet van toepassing op Twitter™- en Facebook-berichten.

Juridische kennisgevingen   |   Online privacybeleid