Handboek Annuleren

Werken met Fireworks en Dreamweaver

  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
  19. Problemen oplossen
    1. Opgeloste problemen
    2. Bekende problemen

 

 

Gebruik Fireworks en Dreamweaver voor een gestroomlijnde workflow voor het plaatsen van grafische webbestanden in HTML-pagina's en het bewerken en optimaliseren van deze bestanden.

Opmerking:

De functie wordt niet ondersteund in sommige versies van Adobe Dreamweaver.

Een Fireworks-afbeelding invoegen

Veel procedures voor het bewerken van bestanden, zoals het aanbrengen van wijzigingen in koppelingen, afbeeldingen met hyperlinks en tabelsegmenten, kunnen in Dreamweaver en Fireworks op dezelfde manier worden uitgevoerd en worden ook door beide toepassingen herkend. Samen bieden de twee toepassingen een gestroomlijnde workflow voor het plaatsen van grafische webbestanden in HTML-pagina's en het bewerken en optimaliseren van deze bestanden.

U kunt een afbeelding die vanuit Fireworks is geëxporteerd, rechtstreeks in een Dreamweaver-document plaatsen met de opdracht Afbeelding invoegen. U kunt ook een nieuwe Fireworks-afbeelding maken vanuit een tijdelijke aanduiding voor een afbeelding van Dreamweaver.

  1. Plaats in het Dreamweaver-document de invoegpositie op de locatie waar u de afbeelding wilt weergeven en voer vervolgens een van de volgende stappen uit:
    • Selecteer Invoegen > Afbeelding.

    • Klik in de categorie Algemeen van het deelvenster Invoegen op de knop Afbeelding of sleep de afbeelding naar het document.

  2. Ga naar het gewenste geëxporteerde Fireworks-bestand en klik op OK (Windows) of Open (Macintosh).
    Opmerking:

    Als het Fireworks-bestand zich niet op de huidige Dreamweaver-site bevindt, wordt er een bericht weergegeven waarin u wordt gevraagd of u het bestand naar de hoofdmap wilt kopiëren. Klik op Ja.

Een Fireworks-afbeelding of -tabel bewerken in Dreamweaver

Wanneer u een afbeelding of een afbeeldingssegment uit een Fireworks-tabel opent en bewerkt, wordt Fireworks door Dreamweaver gestart en wordt het PNG-bestand geopend waaruit de afbeelding of tabel is geëxporteerd.

Opmerking:

Hierbij wordt ervan uitgegaan dat Fireworks is ingesteld als de primaire externe afbeeldingseditor voor PNG-bestanden. Fireworks wordt vaak ook ingesteld als de standaardeditor voor JPEG- en GIF-bestanden, maar voor deze bestandstypen gebruikt u mogelijk liever Photoshop als standaardeditor.

Als de afbeelding een onderdeel is van een Fireworks-tabel, kunt u de hele Fireworks-tabel openen voor bewerkingen, zolang de opmerking <!--fw table--> in de HTML-code aanwezig is. Als het PNG-bronbestand vanuit Fireworks is geëxporteerd naar een Dreamweaver-site met de Dreamweaver-instelling Style HTML And Images, wordt de Fireworks-tabelopmerking automatisch in de HTML-code ingevoegd.

  1. Open in Dreamweaver de eigenschappencontrole (Venster > Eigenschappen), als dat nog niet geopend is.
  2. Klik op de afbeelding of het afbeeldingssegment om de afbeelding of het segment te selecteren.

    Wanneer u een afbeelding selecteert die vanuit Fireworks is geëxporteerd, wordt deze door Dreamweaver als een Fireworks-afbeelding of -tabel herkend en wordt de naam van het PNG-bronbestand weergegeven.

  3. Ga op een van de volgende manieren te werk om Fireworks te starten voor het bewerken:
    • Klik in de eigenschappencontrole op Bewerken.

    • Houd Control (Windows) of Command (Macintosh) ingedrukt en dubbelklik op de geselecteerde afbeelding.

    • Klik met de rechtermuisknop (Windows) of terwijl u Control ingedrukt houdt (Macintosh) op de geselecteerde afbeelding en selecteer Bewerken met Fireworks in het snelmenu.

    Opmerking:

    Als Fireworks het bronbestand niet kan vinden, wordt u gevraagd het PNG-bronbestand te zoeken. Wanneer u met het bronbestand van Fireworks werkt, worden wijzigingen zowel in het bronbestand als in het geëxporteerde bestand opgeslagen. Wanneer u met het geëxporteerde bestand werkt, wordt alleen dat bestand bijgewerkt.  

  4. Bewerk het PNG-bronbestand in Fireworks en klik op Done.

    Fireworks slaat de wijzigingen op in het PNG-bestand en exporteert de bijgewerkte afbeelding (of HTML en afbeeldingen) waarna u weer terugkeert naar Dreamweaver. De bijgewerkte afbeelding of tabel wordt in Dreamweaver weergegeven.

    Zie www.adobe.com/go/vid0188_nl voor een zelfstudie over de integratie van Dreamweaver en Fireworks.

Een Fireworks-afbeelding optimaliseren vanuit Dreamweaver

U kunt met Fireworks snel wijzigingen aanbrengen in Fireworks-afbeeldingen en -animaties. Vanuit Fireworks kunt u instellingen voor optimalisatie en animaties wijzigen en de grootte en oppervlakte van de geëxporteerde afbeelding wijzigen.

  1. Selecteer de gewenste afbeelding in Dreamweaver en ga op een van de volgende manieren te werk:
    • Selecteer Opdracht > Afbeelding optimaliseren

    • Klik op de knop Afbeeldingsinstellingen bewerken in de eigenschappencontrole.

  2. Breng de gewenste wijzigingen aan in het dialoogvenster Voorvertoning van afbeelding:
    • Klik op het tabblad Opties als u de instellingen voor optimalisatie wilt bewerken.

    • Klik op het tabblad Bestand als u de grootte en oppervlakte van de geëxporteerde afbeelding wilt bewerken.

  3. Klik op OK als u klaar bent.

Fireworks gebruiken om voorlopige afbeeldingen uit Dreamweaver aan te passen

U kunt in een Dreamweaver-document een tijdelijke aanduiding voor een afbeelding maken en vervolgens Fireworks starten om een Fireworks-afbeelding of tabel te ontwerpen die de tijdelijke aanduiding vervangt.

Als u een nieuwe afbeelding wilt maken vanuit een tijdelijke aanduiding voor afbeeldingen, moeten zowel Dreamweaver als Fireworks op uw computer zijn geïnstalleerd.

  1. Controleer of u Fireworks al hebt ingesteld als de afbeeldingseditor voor PNG-bestanden.
  2. Klik in het documentvenster op de tijdelijke aanduiding voor de afbeelding om deze te selecteren.
  3. Start Fireworks in de modus voor het bewerken van afbeeldingen vanuit Dreamweaver. Voer hiervoor een van de volgende stappen uit:
    • Klik in de eigenschappencontrole op Maken.

    • Houd Control (Windows) of Command (Macintosh) ingedrukt en dubbelklik op de tijdelijke aanduiding voor de afbeelding.

    • Klik met de rechtermuisknop (Windows) of klik terwijl Control is ingedrukt (Macintosh) op de tijdelijke aanduiding voor de afbeelding en selecteer Afbeelding maken in Fireworks.

  4. Gebruik de opties in Fireworks om de afbeelding te ontwerpen.

    Fireworks herkent de volgende instellingen voor tijdelijke afbeeldingen die u mogelijk hebt ingesteld wanneer u werkt met de tijdelijke afbeelding in Dreamweaver: afbeeldingsgrootte (die overeenkomt met de canvasgrootte in Fireworks), afbeeldings-id (die door Fireworks wordt gebruikt als standaarddocumentnaam voor het door u gemaakte bronbestand en exportbestand) en tekstuitlijning. Fireworks herkent ook koppelingen en bepaalde gedragingen (zoals het wisselen van afbeeldingen, het weergeven van een pop-upmenu en het instellen van tekst) die u aan de tijdelijke aanduiding voor een afbeelding hebt gekoppeld terwijl u in Dreamweaver werkte.

    Opmerking:

    Hoewel in Fireworks de koppelingen die u aan een tijdelijke aanduiding voor een afbeelding hebt toegevoegd, niet worden weergegeven, blijven deze koppelingen wel behouden. Als u in Fireworks een hotspot tekent en een koppeling toevoegt, wordt in Dreamweaver de koppeling die u aan de tijdelijke aanduiding voor een afbeelding hebt toegevoegd, niet verwijderd. Als u echter in Fireworks een segment uit de nieuwe afbeelding snijdt, wordt de koppeling in het Dreamweaver-document verwijderd wanneer u de tijdelijke aanduiding vervangt.

    Fireworks herkent de volgende instellingen voor tijdelijke afbeeldingen niet: uitlijning van de afbeelding, kleur, V-ruimte en H-ruimte en toewijzingen. Deze instellingen zijn uitgeschakeld in de eigenschappencontrole van de tijdelijke aanduiding.

  5. Wanneer u klaar bent, klikt u op Done om het venster weer te geven waarin u de afbeelding kunt opslaan.
  6. Selecteer in het tekstvak Save in, de map die u als lokale Dreamweaver-sitemap hebt gedefinieerd.

    Als u de tijdelijke aanduiding voor een afbeelding een naam hebt gegeven toen u deze in het Dreamweaver-document invoegde, vult Fireworks in het vak File Name die naam in. U kunt die naam wijzigen.

  7. Klik op Save om het PNG-bestand op te slaan.

    Het dialoogvenster Export verschijnt. Gebruik dit dialoogvenster om de afbeelding als een GIF- of JPEG-bestand op te slaan of, in het geval van gesegmenteerde afbeeldingen, als HTML en afbeeldingen.

  8. Selecteer in het vak Save In de lokale Dreamweaver-sitemap.

    In het vak Name wordt automatisch de naam weergegeven die u voor het PNG-bestand hebt gebruikt. U kunt die naam wijzigen.

  9. Selecteer in het vak Opslaan als type het type van het bestand of de bestanden die u wilt exporteren, bijvoorbeeld Alleen afbeeldingen of HTML en afbeeldingen.
  10. Klik op Save om het geëxporteerde bestand op te slaan.

    Het bestand wordt opgeslagen en u keert terug naar Dreamweaver. In het Dreamweaver-document wordt de tijdelijke aanduiding voor een afbeelding vervangen door het geëxporteerde bestand of de Fireworks-tabel.

Over pop-upmenu's van Fireworks

In Fireworks kunt u snel en eenvoudig op CSS gebaseerde pop-upmenu's maken.

De pop-upmenu's die u in Fireworks maakt, kunnen niet alleen gemakkelijk worden uitgebreid en snel worden gedownload, maar bieden ook de volgende voordelen:

  • De menu-items kunnen worden geïndexeerd door zoekmachines.

  • De menu-items kunnen door schermlezers worden gelezen, zodat uw pagina's toegankelijker zijn voor bijvoorbeeld slechtzienden.

  • De code die door Fireworks wordt gegenereerd, voldoet aan de normen en kan worden gevalideerd.

    U kunt pop-upmenu's van Fireworks bewerken in Dreamweaver of in Fireworks, maar niet in beide. Wijzigingen die u in Dreamweaver aanbrengt, blijven niet behouden in Fireworks.

Pop-upmenu's van Fireworks bewerken in Dreamweaver

U kunt een pop-upmenu maken in Fireworks 8 of hoger en het menu vervolgens bewerken met Dreamweaver of met Fireworks (met behulp van roundtrip-bewerking), maar niet met beide. Als u uw menu's in Dreamweaver bewerkt en ze vervolgens in Fireworks bewerkt, gaan alle voorgaande wijzigingen verloren, behalve de tekst.

Als u de menu's liever in Dreamweaver bewerkt, kunt u Fireworks gebruiken om het pop-upmenu te maken en vervolgens uitsluitend Dreamweaver gebruiken om het menu te bewerken en aan te passen.

Als u de menu's liever in Fireworks bewerkt, kunt u de 'roundtrip editing'-functie in Dreamweaver gebruiken. U moet de menu's echter niet rechtstreeks in Dreamweaver bewerken.

  1. Selecteer in Dreamweaver de Fireworks-tabel met het popup-menu en klik op Bewerken in de eigenschappencontrole.

    Het PNG-bronbestand wordt in Fireworks geopend.

  2. Bewerk het menu in Fireworks met de pop-upmenu-editor en klik op Done op de Fireworks-werkbalk.

    Fireworks stuurt het bewerkte pop-upmenu terug naar Dreamweaver.

    Als u een pop-upmenu in Fireworks MX 2004 of eerder hebt gemaakt, kunt u dit menu in Dreamweaver bewerken met behulp van het dialoogvenster Pop-upmenu weergeven, dat u kunt openen via het deelvenster Gedrag.

Een pop-upmenu bewerken dat is gemaakt in Fireworks MX 2004 of eerder

  1. Selecteer in Dreamweaver de hotspot of afbeelding waarmee het pop-upmenu wordt geactiveerd.
  2. Dubbelklik in het deelvenster Gedrag (Shift+F3) op Pop-upmenu weergeven in de lijst Acties.
  3. Breng de gewenste wijzigingen aan in het dialoogvenster Pop-upmenu en klik op OK.

Voorkeuren voor het openen en bewerken van Fireworks-bronbestanden opgeven

Wanneer u Fireworks gebruikt om afbeeldingen te bewerken, worden de afbeeldingen op uw webpagina's gewoonlijk door Fireworks geëxporteerd vanuit een PNG-bronbestand. Wanneer u een afbeeldingsbestand in Dreamweaver opent om het te bewerken, wordt door Fireworks automatisch het PNG-bronbestand geopend. Als Fireworks het PNG-bronbestand niet kan vinden, wordt u gevraagd dit bestand te zoeken. U kunt desgewenst de voorkeuren in Fireworks zo instellen dat de ingevoegde afbeelding door Dreamweaver wordt geopend. U kunt ook in Fireworks opgeven dat u steeds de mogelijkheid wilt hebben om te kiezen tussen het ingevoegde afbeeldingsbestand en het Fireworks-bronbestand wanneer u een afbeelding in Dreamweaver opent.

Opmerking:

Dreamweaver herkent slechts in bepaalde gevallen de Fireworks-voorkeuren voor het openen en bewerken van bestanden. Dreamweaver herkent deze voorkeuren alleen als u een afbeelding opent en optimaliseert die geen deel uitmaakt van een Fireworks-tabel en een juist ontwerpnotitiepad naar een PNG-bronbestand bevat.

  1. Selecteer in Fireworks de optie Edit > Preferences (Windows) of Fireworks > Preferences (Macintosh) en klik op het tabblad Launch And Edit (Windows) of selecteer Launch And Edit in het pop-upmenu (Macintosh).
  2. Geef de voorkeursopties op die moeten worden gebruikt wanneer u Fireworks-afbeeldingen bewerkt of optimaliseert die in een externe toepassing zijn geplaatst:

    Altijd PNG-bronbestand gebruiken

    Hiermee wordt automatisch het PNG-bestand van Fireworks geopend dat in de ontwerpnotitie is gedefinieerd als bron van de geplaatste afbeelding. Het PNG-bronbestand en de corresponderende, geplaatste afbeelding worden bijgewerkt.

    Nooit PNG-bronbestand gebruiken

    Hiermee wordt de geplaatste afbeelding van Fireworks automatisch geopend, ongeacht of er een PNG-bronbestand bestaat of niet. Alleen de geplaatste afbeelding wordt bijgewerkt.

    Vragen bij het opstarten

    Als deze optie wordt geselecteerd, wordt er een bericht weergegeven waarin u wordt gevraagd of u het PNG-bronbestand wilt openen. U kunt vanuit dit bericht ook algemene voorkeuren voor het openen en bewerken van bestanden opgeven.

HTML-code van Fireworks in een Dreamweaver-document invoegen

Vanuit Fireworks kunt u de opdracht Export gebruiken om geoptimaliseerde afbeeldingen en HTML-bestanden naar een locatie binnen een Dreamweaver-sitemap te exporteren en op te slaan. U kunt het bestand vervolgens in Dreamweaver invoegen. Met Dreamweaver kunt u HTML-code die door Fireworks is gegenereerd, compleet met gekoppelde afbeeldingen, segmenten en JavaScript, invoegen in een document.

  1. Plaats de invoegpositie in het Dreamweaver-document op de locatie waar u de HTML-code van Fireworks wilt invoegen.
  2. Voer een van de volgende stappen uit:
    • Selecteer Invoegen > Afbeeldingsobjecten > Fireworks-HTML.

    • Ga naar de categorie Algemeen van het deelvenster Invoegen, klik op de knop Afbeeldingen en kies Fireworks-HTML invoegen in het pop-upmenu.

  3. Klik op Bladeren om een Fireworks-HTML-bestand te selecteren.
  4. Als u het bestand verder niet meer nodig hebt, selecteert u de optie Bestand verwijderen na invoegen. Als u deze optie selecteert, heeft dat geen effect op het PNG-bronbestand dat aan het HTML-bestand is gekoppeld.
    Opmerking:

    als het HTML-bestand zich op een netwerkstation bevindt, wordt het bestand permanent verwijderd en niet naar de prullenbak of prullenmand verplaatst.

  5. Klik op OK om de HTML-code, samen met de gekoppelde afbeeldingen, segmenten en JavaScript, in te voegen in het Dreamweaver-document.

Fireworks-HTML-code in Dreamweaver plakken

U kunt in Fireworks gemaakte afbeeldingen en tabellen ook op een snelle manier in Dreamweaver plaatsen door HTML-code van Fireworks rechtstreeks in een Dreamweaver-document te plakken.

Fireworks-HTML-code kopiëren en in Dreamweaver plakken

  1. Selecteer in Fireworks Edit > Copy HTML Code.
  2. Volg de instructies van de wizard die u begeleidt bij het instellen van de opties voor het exporteren van uw HTML en afbeeldingen. Wanneer u daarom wordt gevraagd, geeft u de Dreamweaver-sitemap op als bestemming voor de geëxporteerde afbeeldingen.

    De afbeeldingen worden door de wizard naar de opgegeven bestemming geëxporteerd en de HTML-code wordt naar het Klembord gekopieerd.

  3. Plaats de invoegpositie in het Dreamweaver-document op de locatie waar u de HTML-code van Fireworks wilt plakken en selecteer Bewerken > Fireworks-HTML plakken.

    Alle HTML- en JavaScript-code die is gekoppeld aan Fireworks-bestanden die u hebt geëxporteerd, wordt naar het Dreamweaver-document gekopieerd en alle koppelingen naar afbeeldingen worden bijgewerkt.

Fireworks-HTML-code exporteren en in Dreamweaver plakken

  1. Selecteer in Fireworks File > Export.
  2. Geef de Dreamweaver-sitemap op als bestemming voor de geëxporteerde afbeeldingen.
  3. Selecteer in het pop-upmenu Exporteren de optie HTML And Images.
  4. Selecteer in het pop-upmenu HTML de optie Copy To Clipboard en klik op Export.
  5. Plaats de invoegpositie in het Dreamweaver-document op de locatie waar u de geëxporteerde HTML-code van Fireworks wilt plakken en selecteer Bewerken > Fireworks-HTML plakken.

    Alle HTML- en JavaScript-code die is gekoppeld aan Fireworks-bestanden die u hebt geëxporteerd, wordt naar het Dreamweaver-document gekopieerd en alle koppelingen naar afbeeldingen worden bijgewerkt.

Fireworks-HTML-code bijwerken die in Dreamweaver is geplaatst

In Fireworks biedt de opdracht File > Update HTML een alternatief voor de techniek van starten en bewerken die wordt gebruikt om Fireworks-bestanden die in Dreamweaver zijn geplaatst, te bewerken. Met de opdracht Update HTML kunt u een PNG-bronafbeelding in Fireworks bewerken en vervolgens alle geëxporteerde HTML-code en afbeeldingsbestanden die in een Dreamweaver-document zijn geplaatst, automatisch bijwerken. Met deze opdracht kunt u zelfs Dreamweaver-bestanden bijwerken wanneer Dreamweaver niet wordt uitgevoerd.

  1. Open het PNG-bronbestand in Fireworks en breng uw wijzigingen aan.
  2. Selecteer File > Save.
  3. Selecteer in Fireworks File > Update HTML.
  4. Ga naar het Dreamweaver-bestand met de HTML-code die u wilt bijwerken en klik op Openen.
  5. Ga naar de doelmap waarin u de bijgewerkte afbeeldingsbestanden wilt plaatsen en klik op Select (Windows) of Choose (Macintosh).

    De HTML- en JavaScript-code in het Dreamweaver-document wordt door Fireworks bijgewerkt. Fireworks exporteert ook bijgewerkte afbeeldingen die aan de HTML-code zijn gekoppeld en plaatst de afbeeldingen in de opgegeven doelmap.

    Als Fireworks geen overeenkomende HTML-code kan vinden die moet worden bijgewerkt, krijgt u de gelegenheid nieuwe HTML-code in het Dreamweaver-document in te voegen. Fireworks plaatst de JavaScript-sectie van de nieuwe code aan het begin van het document en plaatst de HTML-tabel of de koppeling naar de afbeelding aan het einde.

Een webfotoalbum maken

De functie Webfotoalbum maken wordt vanaf Dreamweaver CS5 niet meer ondersteund.

 Adobe

Krijg sneller en gemakkelijker hulp

Nieuwe gebruiker?

Adobe MAX 2024

Adobe MAX

The Creativity Conference

14-16 oktober Miami Beach en online

Adobe MAX 2024

Adobe MAX

The Creativity Conference

14-16 oktober Miami Beach en online