Handboek Annuleren

Creative Cloud Libraries in Dreamweaver

 

 

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' assets 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 assets die op Creative Cloud zijn opgeslagen. In het deelvenster kunt u ook zoeken naar assets in Adobe Stock.

Het deelvenster CC Libraries
Het deelvenster CC Libraries

Met dit deelvenster kunt u:

  • Naar een specifieke bibliotheek bladeren voor de elementen die in de bibliotheek zijn opgeslagen
  • Een bibliotheek maken
  • Een voorbeeld van de assets weergeven in de geselecteerde bibliotheek
  • Assets 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 assets opslaan die u vanaf CC Libraries importeert in de site. Zorg ervoor dat de webpagina waarin u assets 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 stappen 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

Met ingang van 16 november 2021 is de Dreamweaver-functie om SVG te extraheren uit een Illustrator-asset beëindigd. We raden u aan om als tijdelijke oplossing de optie Afbeeldingsindeling in te schakelen en Illustrator-assets (.ai) te converteren naar de PNG 32/PNG 24/PNG 8/JPEG-indeling. In plaats daarvan kunnen gebruikers ook Illustrator-assets exporteren naar de SVG-indeling vanuit de Illustrator-app.

U kunt illustraties die u met de Adobe-apps voor mobiele apparaten en desktops hebt gemaakt, zoals Photoshop, Illustrator, Adobe Shape CC of Adobe Sketch CC, in uw Creative Cloud Libraries opslaan. Met behulp van het deelvenster CC Libraries kunt u illustraties invoegen in Live View en met de coderingstips kunt u illustraties rechtstreeks in uw code invoegen.

U kunt illustraties uit de CC Libraries invoegen als:

  • Gekoppelde assets: Wanneer u illustraties als gekoppelde assets invoegt, wordt in Live View een klein cloudpictogram weergegeven in de rechterbenedenhoek van het asset. Dit pictogram geeft aan dat het asset aan het oorspronkelijke asset 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 asset 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 asset in de cloud niet in Dreamweaver wordt doorgevoerd.

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

Illustraties hergebruiken in Live View

  1. Voer een van de volgende stappen 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 asset in te voegen. Dit betekent dat het asset aan het bijbehorende asset in de cloud blijft gekoppeld. Elke wijziging van het asset in de cloud wordt meteen in het gekoppelde asset 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 de 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 op het asset toegepast met behulp van de Dreamweaver-engine voor afbeeldingsoptimalisatie. U kunt ook het indelingstype selecteren waarin u het asset wilt plaatsen. Het ingeschakelde cloudpictogram geeft aan dat het asset als gekoppeld asset wordt geplaatst. Nadat u de bestandsnaam en samplingopties hebt opgegeven, drukt u op Enter om het asset in te voegen.

Resampling toepassen op afbeeldingen
Resampling toepassen op 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 loskoppelen, de naam ervan wijzigen of resampling toepassen

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 toe te passen:

  • 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 los te koppelen van de bijbehorende bron in CC Libraries.

Wanneer u een middel loskoppelt, 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 assets wilt downloaden, klikt u met de rechtermuisknop op het asset 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 assets wilt downloaden, klikt u met de rechtermuisknop op het gewenste asset 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.

Krijg sneller en gemakkelijker hulp

Nieuwe gebruiker?