Dreamweaver CC voor Dummy's Cheat Sheet - dummies

Door Janine Warner

U kunt Adobe Dreamweaver CC gebruiken om nieuwe websites te maken of bestaande websites opnieuw te ontwerpen. In Dreamweaver CC, dat staat voor Creative Cloud, vindt u de vertrouwde welkomstpagina plus nieuwe hulpmiddelen voor het beheren van Cascading Style Sheets (CSS) en weblettertypen. Verbeter Dreamweaver door invoegtoepassingen te installeren of verfijn uw website door een lijst met links voor webontwerpers door te nemen.

Het welkomstscherm van Dreamweaver CC

De gebruiksvriendelijke grafische interface en krachtige lijst met functies van Dreamweaver maakt het een populaire keuze bij zowel professionele webontwerpers als hobbyisten. Bij elke nieuwe versie biedt Dreamweaver nieuwe functies, maar je zult nog steeds het vertrouwde welkomstscherm vinden om je op weg te helpen.

Het welkomstscherm van Dreamweaver CC biedt snelkoppelingen naar onlangs geopende bestanden, nieuwe bestandstypen en video's over de beste functies.

Extensies installeren in Dreamweaver CC

Zelfs met alle coole functies in Dreamweaver CC wilt u misschien dingen doen die Dreamweaver niet kan doen met de functies die met het programma zijn meegeleverd. Gelukkig hebben de programmeurs die Dreamweaver hebben gemaakt, het voor andere programmeurs mogelijk gemaakt om functies toe te voegen met Extension Manager. U kunt nieuwe functionaliteit toevoegen door extensies toe te voegen vanuit een verscheidenheid aan externe bronnen die beschikbaar zijn via de Adobe Extension-website, zoals weergegeven in de volgende afbeelding.

Ga naar de Adobe Extension-site om Dreamweaver-extensies toe te voegen.

U kunt extensies vinden die er alles aan doen, van het toevoegen van sterk aanpasbare vervolgkeuzemenu's en fly-outmenu's tot het maken van complete winkelwagensystemen. Houd er echter rekening mee dat niet alle extensies goed worden ondersteund en dat maar weinig worden geleverd met goede instructies. Ze zijn ook niet allemaal gratis. Sommige kosten honderden dollars, maar de meeste zijn in het bereik van $ 20 tot $ 50. Wanneer u de Dreamweaver Exchange-site bezoekt, vindt u beoordelingen en ranglijsten om u te helpen de beste opties te doorzoeken.

In de volgende stappen ziet u hoe u een gratis Dreamweaver-extensie kunt vinden, downloaden en installeren. Hoewel hoe uitbreidingen werken nadat ze zijn geïnstalleerd, kan dit aanzienlijk verschillen, het basisproces voor het toevoegen ervan aan Dreamweaver is bijna hetzelfde.

1. Bezoek de Dreamweaver Exchange-site.

   Voer een van de volgende handelingen uit om naar de Dreamweaver Exchange-site te gaan:

   • Kies Meer gedrag verkrijgen onder aan de vervolgkeuzelijst Gedrag Toevoegen in het deelvenster Gedrag.

   • Ga naar www. adobe. com / uitwisseling en volg de link naar de Dreamweaver-sectie.

   • Klik op de koppeling rechtsonder in het welkomstscherm van Dreamweaver.

   Opmerking: Als u Dreamweaver start en een koppeling zoekt om een ​​update voor Dreamweaver te downloaden in plaats van de koppeling naar de Exchange-site, downloadt u in alle gevallen eerst de update en installeert u deze. Nadat u klaar bent, wordt de updatekoppeling vervangen door de koppeling naar de Exchange-site.

2. Sorteer door de vele beschikbare extensies.

   U vindt een groot aantal extensies op de Dreamweaver Exchange-site. U kunt extensies zoeken op categorie-, trefwoord- en rankingopties. Veel extensies op de Exchange-site bevatten links naar de sites van hun makers, waar u vaak nog meer extensies aantreft.

3. Selecteer een extensie en bekijk de bijbehorende functies.

   Wanneer u op een koppeling naar een extensie op de Exchange-site klikt, vindt u meer informatie over de extensie, waaronder systeemvereisten en de versie van Dreamweaver waarvoor de extensie is ontworpen. Over het algemeen kunt u in recentere versies extensies gebruiken die zijn ontworpen voor eerdere versies van Dreamweaver. Houd er echter rekening mee dat extensies die zijn ontworpen voor latere versies van Dreamweaver meestal niet werken in eerdere versies van het programma en sommige extensies alleen op het Windows-platform werken.

   Voordat u de pagina van de extensie verlaat, neemt u de tijd om de speciale instructies in het midden van de pagina te lezen. Sommige extensies bevatten belangrijke informatie, zoals waar u de nieuwe functie in de Dreamweaver-interface vindt nadat deze is geïnstalleerd en waarschuwingen dat sommige functies van een extensie alleen werken als er een voorbeeld op een live webserver wordt weergegeven (dit geldt voor de willekeurige afbeeldingsextensie, voor voorbeeld).

4. Als u een extensie wilt downloaden, klikt u op de knop Downloaden (gratis extensies) of op de knop Kopen naast de extensie en slaat u de extensie op uw vaste schijf op.

   Afhankelijk van hoe de extensie wordt gehost op de centrale, wordt u mogelijk doorgestuurd naar een andere pagina waar u opnieuw op Downloaden moet klikken om de extensie te downloaden.

5. Kies Help → Extensies beheren om het dialoogvenster voor de installatie te openen.

   Voor de meeste extensies moet Dreamweaver worden gesloten vóór installatie en de meeste installaties worden met één klik op de knop geïnstalleerd. De Extension Manager van Dreamweaver wordt automatisch opgestart om de meeste extensies te installeren.

6. Kies in het dialoogvenster Extensiebeheer Bestand → Extensie installeren en blader door uw schijf om het extensiebestand te selecteren dat u hebt gedownload.

   Nadat de installatie is voltooid, geeft Dreamweaver instructies voor het gebruik van de extensie. Deze instructies zijn meestal dezelfde als die in het midden van de pagina op de Exchange-site.

   Besteed speciale aandacht aan het deel van de instructies dat u vertelt waar u uw nieuw geïnstalleerde extensies zult vinden. Afhankelijk van de functionaliteit en de manier waarop de programmeur deze heeft ingesteld, kunnen uitbreidingen worden toegevoegd aan menu's, dialoogvensters en andere delen van Dreamweaver. Het vinden van hen kan moeilijk zijn als je niet weet waar je moet kijken.

7. Start Dreamweaver en zoek de nieuwe menuoptie, knop of andere interface-functie die uw nieuwe extensie bestuurt.

   In veel gevallen hoeft u alleen nog maar een bestaande pagina te openen of een nieuwe pagina in Dreamweaver te maken en vervolgens het nieuw toegevoegde dialoogvenster te openen of de nieuwe optie in een menu te selecteren.

Adobe werkt de Exchange-site voortdurend bij, die beschikbaar is door te klikken op de Dreamweaver-koppeling op www. adobe. com / exchange. Bezoek het regelmatig om nieuwe extensies te vinden die u kunt downloaden en installeren om de functies van Dreamweaver te verbeteren.

24 Websites en bronnen voor webontwerpers

Zelfs ervaren webontwerpers verwijzen naar online bronnen om hun vaardigheden bij te houden en speciale functies aan hun websites toe te voegen. De volgende websites maken het u gemakkelijk om enkele bronnen te vinden die u kunnen helpen bij uw webontwerpprojecten.

• Analytics en verkeersrapportageservices:

  • Google Analytics

  • Yahoo! Webanalyse

  • HubSpot

• Audiohosting en video-hostingservices:

  • YouTube

  • Vimeo

  • SoundCloud

• Populaire webbrowsers:

  • Apple Safari

  • Google Chrome

  • Microsoft Internet Explorer

  • Mozilla Firefox

  • Opera

• Diensten voor het delen van sociale media

  • Deze

  • Lockerz Share toevoegen> Testservices voor webbrowser:

• BrowserShots

  • Browserviews voor kruisen

  • Xenocode Browser Sandbox

  • Weblettertypediensten:

• Adobe Typekit

  • Font Squirrel

  • Google Web Fonts

  • Informatie over

• Dreamweaver, SEO en webontwerp: Het Adobe Dreamweaver Developer Center

  • Web Design Training van auteur Janine Warner bij DigitalFamily. com

  • SearchEngineLand

  • SearchEngineWatch

  • Website Magazine