Handboek Annuleren

Persoonlijke e-mailcampagnes maken

  1. Dreamweaver Handboek
  2. Inleiding
    1. Basisbeginselen van responsief webontwerp
    2. Nieuwe functies in Dreamweaver
    3. Webontwikkeling met Dreamweaver: een overzicht
    4. Dreamweaver / Algemene vragen
    5. Sneltoetsen
    6. Systeemvereisten voor Dreamweaver
    7. Functieoverzicht
  3. Dreamweaver en Creative Cloud
    1. Dreamweaver-instellingen synchroniseren met Creative Cloud
    2. Creative Cloud Libraries in Dreamweaver
    3. Photoshop-bestanden gebruiken in Dreamweaver
    4. Werken met Adobe Animate en Dreamweaver
    5. Voor het web geoptimaliseerde SVG-bestanden uit Libraries extraheren
  4. De werkruimten en weergaven van Dreamweaver
    1. De werkruimte van Dreamweaver
    2. De werkruimte van Dreamweaver optimaliseren voor visuele ontwikkeling
    3. Bestanden zoeken op bestandsnaam of inhoud | Mac OS
  5. Sites opzetten
    1. Over Dreamweaver-sites
    2. Een lokale versie van uw site instellen
    3. Verbinding maken met een publicatieserver
    4. Een testserver instellen
    5. Instellingen van Dreamweaver-sites importeren en exporteren
    6. Bestaande websites overzetten van een externe server naar de hoofdmap van uw lokale site
    7. Toegankelijkheidsfuncties in Dreamweaver
    8. Geavanceerde instellingen
    9. Sitevoorkeuren instellen voor het overzetten van bestanden
    10. Proxyserverinstellingen opgeven in Dreamweaver
    11. Dreamweaver-instellingen synchroniseren met Creative Cloud
    12. Git gebruiken in Dreamweaver
  6. Bestanden beheren
    1. Bestanden maken en openen
    2. Bestanden en mappen beheren
    3. Bestanden van uw server ophalen en op uw server plaatsen
    4. Bestanden inchecken en uitchecken
    5. Bestanden synchroniseren
    6. Bestanden vergelijken om verschillen op te sporen
    7. Bestanden en mappen op uw Dreamweaver-site camoufleren
    8. Ontwerpnotities inschakelen voor Dreamweaver-sites
    9. Potentieel misbruik van Gatekeeper voorkomen
  7. Lay-out en ontwerp
    1. Visuele lay-outhulpmiddelen gebruiken
    2. Uw pagina opmaken met CSS
    3. Responsieve websites ontwerpen met Bootstrap
    4. Mediaquery's maken en gebruiken in Dreamweaver
    5. Inhoud in tabellen presenteren
    6. Kleuren
    7. Responsive design met dynamische rasterlay-outs
    8. Extract in Dreamweaver
  8. CSS
    1. Informatie over CSS (Cascading Style Sheets)
    2. Pagina's opmaken met CSS ontwerpen
    3. CSS-preprocessors gebruiken in Dreamweaver
    4. CSS-stijlvoorkeuren instellen in Dreamweaver
    5. CSS-regels verplaatsen in Dreamweaver
    6. Inline CSS converteren naar een CSS-regel in Dreamweaver
    7. Werken met div-tags
    8. Verlopen toepassen op een achtergrond
    9. CSS3-overgangseffecten maken en bewerken in Dreamweaver
    10. Code opmaken
  9. Pagina-inhoud en assets
    1. Pagina-eigenschappen instellen
    2. Eigenschappen voor CSS-koppen en CSS-koppelingen
    3. Werken met tekst
    4. Tekst, tags en kenmerken zoeken en vervangen
    5. Het deelvenster DOM
    6. Bewerken in Live View
    7. Documenten coderen in Dreamweaver
    8. Elementen selecteren en weergeven in het documentvenster
    9. Teksteigenschappen instellen in de eigenschappencontrole
    10. Spelling op een webpagina controleren
    11. Horizontale lijnen gebruiken in Dreamweaver
    12. Lettertypecombinaties toevoegen en aanpassen in Dreamweaver
    13. Werken met assets
    14. Datums in Dreamweaver invoegen en bijwerken
    15. Favoriete assets maken en beheren in Dreamweaver
    16. Afbeeldingen invoegen en bewerken in Dreamweaver
    17. Mediaobjecten toevoegen
    18. Video's toevoegen in Dreamweaver
    19. HTML5-video invoegen
    20. SWF-bestanden invoegen
    21. Audio-effecten toevoegen
    22. HTML5-audio invoegen in Dreamweaver
    23. Werken met bibliotheekitems
    24. Arabische en Hebreeuwse tekst gebruiken in Dreamweaver
  10. Koppelingen en navigatie
    1. Over koppelingen en navigatie
    2. Koppelingen
    3. Afbeeldingen met hyperlinks
    4. Problemen met koppelingen oplossen
  11. jQuery-widgets en -effecten
    1. De jQuery-gebruikersinterface en mobiele widgets in Dreamweaver gebruiken
    2. jQuery-effecten gebruiken in Dreamweaver
  12. Websites coderen
    1. Over coderen in Dreamweaver
    2. Coderingsomgeving in Dreamweaver
    3. Coderingsvoorkeuren instellen
    4. Codekleuren aanpassen
    5. Code schrijven en bewerken
    6. Coderingstips en codevoltooiing
    7. Code samenvouwen en uitvouwen
    8. Code hergebruiken met codefragmenten
    9. Linting voor code gebruiken
    10. Code optimaliseren
    11. Code bewerken in de ontwerpweergave
    12. Werken met de kopinhoud van pagina's
    13. Include-bestanden op de server invoegen in Dreamweaver
    14. Tagbibliotheken gebruiken in Dreamweaver
    15. Aangepaste tags importeren in Dreamweaver
    16. JavaScript-gedrag gebruiken (algemene instructies)
    17. Ingebouwd JavaScript-gedrag toepassen
    18. Over XML en XSLT
    19. XSL-transformaties op de server uitvoeren in Dreamweaver
    20. XSL-transformaties op de client uitvoeren in Dreamweaver
    21. Tekenentiteiten toevoegen voor XSLT in Dreamweaver
    22. Code opmaken
  13. Productonafhankelijke workflows
    1. Extensies in Dreamweaver installeren en gebruiken
    2. In-app updates in Dreamweaver
    3. Microsoft Office-documenten invoegen in Dreamweaver (alleen Windows)
    4. Werken met Fireworks en Dreamweaver
    5. Inhoud bewerken op Dreamweaver-sites met behulp van Contribute
    6. Integratie van Dreamweaver met Business Catalyst
    7. Persoonlijke e-mailcampagnes maken
  14. Sjablonen
    1. Over Dreamweaver-sjablonen
    2. Sjablonen en op een sjabloon gebaseerde documenten herkennen
    3. Een Dreamweaver-sjabloon maken
    4. Bewerkbare gebieden maken in sjablonen
    5. Herhalingsgebieden en tabellen maken in Dreamweaver
    6. Optionele gebieden in sjablonen gebruiken
    7. Bewerkbare tagkenmerken in Dreamweaver definiëren
    8. Geneste sjablonen maken in Dreamweaver
    9. Sjablonen bewerken, bijwerken en verwijderen
    10. XML-inhoud exporteren en importeren in Dreamweaver
    11. Een sjabloon uit een bestaand document toepassen of verwijderen
    12. Inhoud bewerken in Dreamweaver-sjablonen
    13. Syntaxisregels voor sjabloontags in Dreamweaver
    14. Voorkeuren voor de markering van sjabloongebieden instellen
    15. Voordelen van het gebruik van sjablonen in Dreamweaver
  15. Mobiel en meerdere schermen
    1. Mediaquery's maken
    2. Paginastand voor mobiele apparaten wijzigen
    3. Web-apps voor mobiele apparaten maken met Dreamweaver
  16. Dynamische sites, pagina's en webformulieren
    1. Informatie over web-applicaties
    2. Uw computer instellen voor het ontwikkelen van applicaties
    3. Problemen met databaseverbindingen oplossen
    4. Verbindingsscripts verwijderen in Dreamweaver
    5. Dynamische pagina's ontwerpen
    6. Overzicht van dynamische inhoudsbronnen
    7. Bronnen met dynamische inhoud definiëren
    8. Dynamische inhoud toevoegen aan pagina's
    9. Dynamische inhoud wijzigen in Dreamweaver
    10. Databaserecords weergeven
    11. Livegegevens leveren en problemen oplossen Dreamweaver
    12. Aangepast servergedrag toevoegen in Dreamweaver
    13. Formulieren maken met Dreamweaver
    14. Formulieren gebruiken om informatie van gebruikers te verzamelen
    15. ColdFusion-formulieren maken en inschakelen in Dreamweaver
    16. Webformulieren maken
    17. Verbeterde HTML5-ondersteuning voor formulierelementen
    18. Een formulier ontwikkelen met Dreamweaver
  17. Applicaties visueel samenstellen
    1. Hoofd- en detailpagina's maken in Dreamweaver
    2. Zoekpagina's en resultatenpagina's maken
    3. Een pagina voor het invoegen van records maken
    4. Een pagina voor het bijwerken van records maken in Dreamweaver
    5. Pagina's voor het verwijderen van records maken in Dreamweaver
    6. ASP-opdrachten gebruiken om een database aan te passen in Dreamweaver
    7. Een registratiepagina maken
    8. Een aanmeldingspagina maken
    9. Een pagina maken waartoe alleen geautoriseerde gebruikers toegang hebben
    10. Mappen beveiligen in ColdFusion met Dreamweaver
    11. ColdFusion-componenten gebruiken in Dreamweaver
  18. Websites testen, voorvertonen en publiceren
    1. Pagina's voorvertonen
    2. Dreamweaver-webpagina's voorvertonen op meerdere apparaten
    3. Uw Dreamweaver-site testen

 

Dreamweaver en Campaign samen gebruiken om persoonlijke e-mailcampagnes te ontwerpen en te maken

Adobe Campaign wordt over het algemeen gebruikt voor geautomatiseerde e-mailmarketing. Wanneer u Dreamweaver en Campaign samen gebruikt, kunt u de ontwerpmogelijkheden voor e-mail van Dreamweaver combineren met de marketingmogelijkheden via meerdere kanalen van Adobe Campaign in de Adobe Marketing Cloud. 

Ontwerpers kunnen blijven ontwerpen in Dreamweaver, maar de persoonlijke gegevens van Adobe Campaign kunnen in de gebruikersinterface van Dreamweaver worden opgenomen voor meer contextuele ontwerpen.

En omdat deze integratie wederzijds is, hebben gebruikers van de Adobe Campaign vanuit de Campaign-interface ook toegang tot de bewerkingsmogelijkheden van Dreamweaver.  

Samengevat:

  • Gebruik Adobe Dreamweaver samen met Adobe Campaign om e-mails in Dreamweaver te maken en automatisch te synchroniseren naar Adobe Campaign.
  • U kunt er ook voor kiezen om in Adobe Campaign te werken en vanuit de Campaign-interface gebruik te maken van de bewerkingsmogelijkheden van Dreamweaver.

Campaign-extensie voor Dreamweaver

Met de Adobe Campaign-extensie in Dreamweaver kunt u in Dreamweaver e-mailinhoud personaliseren door personalisatievelden en inhoudsblokken aan de inhoud toe te voegen. 

U hoeft slechts een paar snelle stappen uit te voeren om aan de slag te gaan met persoonlijke inhoud:

  1. Installeer de Campaign-extensie.
  2. Navigeer in het extensiedeelvenster van Campaign om hiermee vertrouwd te raken.
  3. Voeg personalisatievelden en inhoudsblokken aan uw sjabloon toe in het extensiedeelvenster Campaign (Venster > Campaign).
  4. De inhoud wordt automatisch gesynchroniseerd tussen Dreamweaver en Campagne.
  5. Verzend de e-mail naar de ontvangers via Adobe Campaign.

De Campaign-extensie installeren

  1. Klik op Venster > Extensies > Bladeren in extensies

    De pagina Adobe Creative Cloud Add-Ons wordt weergegeven.

  2. Klik op de pagina Adobe Creative Cloud Add-Ons aan de linkerkant op Dreamweaver om de specifieke add-ons voor Dreamweaver weer te geven of zoek naar de add-on voor integratie van Adobe Campaign.

  3. Volg de aanwijzingen op het scherm om de add-on te downloaden.

Opmerking:

Als u problemen ondervindt met het downloaden en installeren van de extensie via de bovenstaande procedure, probeert u de extensie installeren aan de hand van de volgende instructies: Extensies van derden installeren.

Het deelvenster van Adobe Campaign in Dreamweaver

U kunt op verschillende manieren met Dreamweaver en Adobe Campaign werken.

  • U kunt inhoud van Adobe Campaign gebruiken en deze inhoud in Dreamweaver bewerken. 
  • U kunt inhoud in Dreamweaver maken en de inhoud vervolgens vanuit Adobe Campaign via e-mail naar ontvangers verzenden.

In beide scenario's kunt u het deelvenster van Adobe Campaign gebruiken om uw sjablonen in Dreamweaver te bewerken. Bovendien worden wijzigingen die u in de inhoud aanbrengt, automatisch gesynchroniseerd tussen Campagne en Dreamweaver.

Lees verder als u wilt weten hoe u kunt werken met het Adobe Campaign-deelvenster in Dreamweaver.

Nadat u de Campaign-extensie hebt geïnstalleerd, kunt u het deelvenster van Adobe Campaign weergeven door Venster > Campaign te selecteren.

Een Adobe Campaign-sjabloon openen in Dreamweaver
Een Adobe Campaign-sjabloon openen in Dreamweaver

Het deelvenster van Adobe Campaign bevat de volgende opties:

  • Een bestand selecteren: gebruik deze optie als u een sjabloon wilt openen die in Dreamweaver is gemaakt. 
  • Huidige tabblad gebruiken: gebruik deze optie als u al een sjabloon in Dreamweaver hebt geopend.
  • ACS-inhoud gebruiken: gebruik deze optie als u een e-mailsjabloon van Adobe Campaign wilt openen en de sjabloon in Dreamweaver wilt bewerken. 

Nadat u een sjabloon in Dreamweaver hebt geopend, wordt het deelvenster van Adobe Campaign gevuld met de personalisatievelden en inhoudsblokken.

De blokken in het extensiedeelvenster van Adobe Campaign
De blokken in het extensiedeelvenster van Adobe Campaign

Het deelvenster van Adobe Campaign bestaat uit de volgende blokken:

  • Personalisatieveld: gebruik de personalisatievelden om de inhoud van verzonden berichten (zoals het personalisatieveld voornaam) te personaliseren. Velden die u in de e-mailinhoud invoegt, geven de plaats aan waar de informatie uit de Adobe Campaign-database wordt ingevoegd. Zie Een personalisatieveld toevoegen in de documentatie van Adobe Campaign voor meer informatie over personalisatievelden.
  • Inhoudsblok: gebruik de velden in het Inhoudsblok om inhoud toe te voegen die is gepersonaliseerd en een specifieke weergave hebben (zoals een koppeling voor afmelden onder aan het e-mailbericht). Zie Een inhoudsblok toevoegen in de documentatie van de Adobe Campaign voor meer informatie over inhoudsblokken.

Het label en de id in het extensiedeelvenster Adobe Campaign in Dreamweaver komen overeen met het label en de id van de sjabloon in Adobe Campaign.

Opmerking:

Welke blokken beschikbaar zijn in het Inhoudsblok, is afhankelijk van de context (e-mail of bestemmingspagina).

Werken met Adobe Campaign en Dreamweaver

U kunt op verschillende manieren met Dreamweaver en Adobe Campaign werken.

Inhoud van Adobe Campaign bewerken in Dreamweaver

  1. Maak in Adobe Campaign een nieuwe e-mailsjabloon of selecteer en open een bestaande sjabloon die u wilt bewerken.

  2. Klik op Dreamweaver en bevestig dat u Dreamweaver wilt openen om de sjabloon in Dreamweaver te openen.

    Een sjabloon openen in Dreamweaver
    Een sjabloon openen in Dreamweaver

    De sjabloon wordt in Dreamweaver geopend.

  3. Selecteer in Dreamweaver Venster > Campaign om het extensiedeelvenster van Adobe Campaign te openen.

    Klik vervolgens op ACS-inhoud gebruiken om de Campaign-sjabloon in Dreamweaver te openen.

  4. Voeg de personalisatievelden en inhoudsblokken toe die u wilt gebruiken.

    Wanneer u een personalisatieveld of een inhoudsblok toevoegt, worden ze als gele vakken in de ontwerpweergave of in Live View weergegeven.

    Personalisatievelden en inhoudsblokken in Dreamweaver
    Personalisatievelden en inhoudsblokken in Dreamweaver

  5. Voeg afbeeldingen en andere media-inhoud toe zoals u dat normaal ook doet in Dreamweaver. 

    Nadat u uw wijzigingen in Dreamweaver hebt aangebracht, gaat u naar Adobe Campaign om daar de campagnewijzigingen te bekijken die u in Dreamweaver hebt aangebracht.

  6. U kunt in Adobe Campaign nog meer wijzigingen aanbrengen. Al deze wijzigingen worden gesynchroniseerd met de campagne in Dreamweaver.

    Nadat u uw wijzigingen hebt aangebracht, klikt u in Adobe Campaign op Bevestigen en vervolgens op Opslaan. Alle wijzigingen worden opgeslagen en de synchronisatieverbinding met Dreamweaver wordt verbroken.

  7. U kunt de voltooide e-mailcampagne vervolgens vanuit Adobe Campaign naar uw ontvangers verzenden.

Inhoud maken in Dreamweaver en uploaden naar Adobe Campaign

U kunt e-mailsjablonen in Dreamweaver maken en het extensiedeelvenster van Campaign gebruiken om personalisatievelden en inhoudsblokken toe te voegen en ze vervolgens synchroniseren met Adobe Campaign.

  1. Als u een e-mailcampagne wilt maken in Dreamweaver, kunt u een van de eenvoudige sjablonen gebruiken. Kies Bestand > Nieuw > Eenvoudige sjablonen > E-mailsjablonen. U kunt ook zelf een volledig nieuwe sjabloon maken.

    Eenvoudige e-mailsjablonen van Dreamweaver
    Eenvoudige e-mailsjablonen van Dreamweaver

  2. Bewerk de sjabloon om deze aan uw wensen aan te passen.

  3. Nadat u al uw wijzigingen hebt aangebracht, sluit u de sjabloon en sluit u Dreamweaver af.

  4. Open Adobe Campaign. Open een bestaande e-mailsjabloon in Campaign en klik vervolgens op Dreamweaver.

  5. Open in Dreamweaver de sjabloon die u hebt gemaakt. Selecteer Venster > Campaign om het extensiedeelvenster van Adobe Campaign weer te geven.

    Opmerking:

    Als u in Dreamweaver nog geen sjabloon hebt geopend, klikt u op Een bestand selecteren en gaat u naar de opgeslagen sjabloon om de sjabloon te openen.

  6. Klik in het Campaign-deelvenster op Huidige tab gebruiken.

    Het extensiedeelvenster van Adobe Campaign voordat de campagne wordt geopend
    Het extensiedeelvenster van Adobe Campaign voordat de campagne wordt geopend

    De personalisatievelden en inhoudsblokken van Adobe Campaign worden in het extensiedeelvenster van Adobe Campaign weergegeven.

    De blokken in het extensiedeelvenster van Adobe Campaign
    De blokken in het extensiedeelvenster van Adobe Campaign

  7. Voeg de personalisatievelden en inhoudsblokken toe die u wilt gebruiken.

    Wanneer u een personalisatieveld of een inhoudsblok toevoegt, worden ze als gele vakken in de ontwerpweergave of in Live View weergegeven.

    Personalisatievelden en inhoudsblokken in Dreamweaver
    Personalisatievelden en inhoudsblokken in Dreamweaver

    Nadat u uw wijzigingen in Dreamweaver hebt aangebracht, gaat u naar Adobe Campaign om daar de campagnewijzigingen te bekijken die u in Dreamweaver hebt aangebracht.

  8. U kunt in Adobe Campaign nog meer wijzigingen aanbrengen. Al deze wijzigingen worden gesynchroniseerd met de campagne in Dreamweaver.

    Nadat u uw wijzigingen hebt aangebracht, klikt u in Adobe Campaign op Bevestigen en vervolgens op Opslaan. Alle wijzigingen worden opgeslagen en de synchronisatieverbinding met Dreamweaver wordt verbroken.

  9. U kunt de voltooide e-mailcampagne vervolgens vanuit Adobe Campaign naar uw ontvangers verzenden.

 Adobe

Krijg sneller en gemakkelijker hulp

Nieuwe gebruiker?