03.05.2013 Views

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

DREAMWEAVER <strong>CS3</strong><br />

Handboek<br />

Vragen bij het opstarten Alsdezeoptiewordtgeselecteerd,wordtereenberichtweergegevenwaarinuwordtgevraagdof<br />

u het PNG-bronbestand wilt openen. U kunt vanuit dit bericht ook algemene voorkeuren voor het openen en bewerken van<br />

bestanden opgeven.<br />

HTML-code van Fireworks in een <strong>Dreamweaver</strong>-document invoegen<br />

Vanuit Fireworks kunt u de opdracht Export gebruiken om geoptimaliseerde afbeeldingen en HTML-bestanden naar een<br />

locatie binnen een <strong>Dreamweaver</strong>-sitemap te exporteren en op te slaan. U kunt het bestand vervolgens in <strong>Dreamweaver</strong><br />

invoegen. Met <strong>Dreamweaver</strong> kunt u HTML-code die door Fireworks is gegenereerd, compleet met gekoppelde<br />

afbeeldingen, segmenten en JavaScript, invoegen in een document.<br />

1 Plaats de invoegpositie in het <strong>Dreamweaver</strong> op de locatie waar u de HTML-code van Fireworks wilt invoegen.<br />

2 Ga op een van de volgende manieren te werk:<br />

• Selecteer Invoegen > Afbeeldingsobjecten > Fireworks-HTML.<br />

• Ga naar de categorie Algemeen van de invoegbalk, klik op de knop Afbeeldingen en kies Fireworks-HTML invoegen uit<br />

het pop-upmenu.<br />

3 Klik op Bladeren om een Fireworks-HTML-bestand te selecteren.<br />

4 Als u het bestand verder niet meer nodig hebt, selecteert u de optie Bestand verwijderen na invoegen. Als u deze optie<br />

selecteert, heeft dat geen effect op het PNG-bronbestand dat aan het HTML-bestand is gekoppeld.<br />

Opmerking: Als het HTML-bestand zich op een netwerkstation bevindt, wordt het bestand permanent verwijderd en niet naar<br />

de prullenbak of prullenmand verplaatst.<br />

5 Klik op OK om de HTML-code, samen met de gekoppelde afbeeldingen, segmenten en JavaScript, in te voegen in het<br />

<strong>Dreamweaver</strong>-document.<br />

Fireworks-HTML-code in <strong>Dreamweaver</strong> plakken<br />

U kunt in Fireworks gemaakte afbeeldingen en tabellen ook op een snelle manier in <strong>Dreamweaver</strong> plaatsen door HTMLcode<br />

van Fireworks rechtstreeks in een <strong>Dreamweaver</strong>-document te plakken.<br />

Fireworks-HTML-code kopiëren en in <strong>Dreamweaver</strong> plakken<br />

1 Selecteer in Fireworks Edit > Copy HTML Code.<br />

2 Volg de instructies van de wizard die u begeleidt bij het instellen van de opties voor het exporteren van uw HTML en<br />

afbeeldingen. Wanneer u daarom wordt gevraagd, geeft u de <strong>Dreamweaver</strong>-sitemap op als bestemming voor de<br />

geëxporteerde afbeeldingen.<br />

De afbeeldingen worden door de wizard naar de opgegeven bestemming geëxporteerd en de HTML-code wordt naar het<br />

Klembord gekopieerd.<br />

3 Plaats de invoegpositie in het <strong>Dreamweaver</strong> op de locatie waar u de HTML-code van Fireworks wilt plakken.<br />

Alle HTML- en JavaScript-code die is gekoppeld aan Fireworks-bestanden die u hebt geëxporteerd, wordt naar het<br />

<strong>Dreamweaver</strong>-document gekopieerd en alle koppelingen naar afbeeldingen worden bijgewerkt.<br />

Fireworks-HTML-code exporteren en in <strong>Dreamweaver</strong> plakken<br />

1 Selecteer in Fireworks File > Export.<br />

2 Geef de <strong>Dreamweaver</strong>-sitemap op als bestemming voor de geëxporteerde afbeeldingen.<br />

3 Selecteer in het pop-upmenu Exporteren de optie HTML And Images.<br />

4 Selecteer in het pop-upmenu HTML de optie Copy To Clipboard en klik op Export.<br />

5 Plaats de invoegpositie in het <strong>Dreamweaver</strong>-document op de locatie waar u de geëxporteerde HTML-code van<br />

Fireworks wilt plakken en selecteer Bewerken > Fireworks-HTML plakken.<br />

Alle HTML- en JavaScript-code die is gekoppeld aan Fireworks-bestanden die u hebt geëxporteerd, wordt naar het<br />

<strong>Dreamweaver</strong>-document gekopieerd en alle koppelingen naar afbeeldingen worden bijgewerkt.<br />

355

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!