Dreamweaver CS3 - Adobe

Gebruik de volgende workflow om een afbeelding die in Photoshop werd gemaakt, in een webpagina in te voegen:
DREAMWEAVER CS3
Handboek
• Sla uw afbeelding in Photoshop op als een gewoon Photoshop-bestand (PSD). U moet de afbeelding niet eerst naar JPEG,
GIF of PNG converteren.
• Selecteer het PSD-bestand in Dreamweaver en voeg het in de webpagina in. Met Dreamweaver kunt u de afbeelding
optimaliseren voor het web en vervolgens in de pagina invoegen.
GebruikdevolgendeworkflowomeensegmentoflaagineenPhotoshop-afbeelding als een afbeelding op een webpagina
te gebruiken:
• Selecteer in Photoshop het segment of de laag en kopieer de selectie naar het Klembord.
• Plak in Dreamweaver het segment of de laag in de webpagina. Met Dreamweaver kunt u de afbeelding optimaliseren voor
het web en vervolgens in de pagina invoegen.
Gebruik de volgende workflow om webafbeeldingen die oorspronkelijk in Photoshop zijn gemaakt, bij te werken:
• Selecteer in Dreamweaver het JPEG-, GIF- of PNG-bestand dat u uit een PSD-bestand hebt gehaald en met
Dreamweaver hebt ingevoegd, en klik vervolgens op de knop Afbeelding bewerken. Dreamweaver opent het PSDbronbestand
in Photoshop.
• Breng in Photoshop uw wijzigingen in het PSD-bronbestand aan en sla het bestand op. Selecteer vervolgens de volledige
afbeelding of een gedeelte ervan en kopieer dit naar het Klembord.
• Plak in Dreamweaver de afbeelding over de webafbeelding in de pagina. Dreamweaver optimaliseert de PSD-afbeelding
op het Klembord met de oorspronkelijke optimalisatie-instellingen en vervangt vervolgens de afbeelding op de pagina
door de bijgewerkte versie.
Voor een videohandleiding over werken met Photoshop en Dreamweaver, zie www.adobe.com/go/vid0200_nl.
Zie ook
“Een Photoshop-afbeelding in uw pagina invoegen” op pagina 358
“Een Photoshop-selectie naar uw pagina kopiëren” op pagina 359
“Photoshop gebruiken om afbeeldingen te bewerken op Dreamweaver-pagina's” op pagina 360
Een Photoshop-afbeelding in uw pagina invoegen
1 Plaats in Dreamweaver de invoegpositie op de pagina op de locatie waar u de afbeelding wilt invoegen.
2 Selecteer Invoegen > Afbeelding.
3 Zoek het Photoshop PDS-afbeeldingsbestand in het dialoogvenster Afbeeldingsbron selecteren door op de knop
Bladeren te klikken en naar het bestand te gaan.
4 Pas in het dialoogvenster Voorvertoning van afbeelding de optimalisatie-instellingen naar wens aan en klik op OK.
5 Sla het afbeeldingsbestand, dat klaar is voor internet, op een locatie binnen de hoofdmap van uw website op.
• Als u een standaardafbeeldingenmap hebt en u het bestand wilt opslaan op een locatie buiten uw hoofdmap, wordt het
bestand opgeslagen in die locatie en ook gekopieerd naar uw standaardafbeeldingenmap.
• Als u geen standaardafbeeldingenmap hebt en u het bestand wilt opslaan op een locatie buiten uw hoofdmap, wordt het
in Dreamweaver opgeslagen in die locatie en wordt u ook gevraagd of u een kopie van het bestand wilt opslaan in uw
hoofdmap. Meestal zult u deze optie accepteren. Als u de bewerking op dit punt annuleert, wordt het bestand niet op de
Dreamweaver-pagina geplaatst, maar wordt de afbeelding die klaar is voor internet opgeslagen op de door u gekozen
locatie.
Dreamweaver definieert de afbeelding volgens de optimalisatie-instellingen en plaatst een versie van de afbeelding die klaar
is voor internet op uw pagina. Informatie over de afbeelding, zoals de bestandsnaam en de locatie van het oorspronkelijke
PSD-bestand, wordt opgeslagen in een ontwerpnotitie, ongeacht of u ontwerpnotities hebt ingeschakeld voor uw site. Via
de ontwerpnotitie kunt u het oorspronkelijke Photoshop-bronbestand weer bewerken vanuit Dreamweaver.
Opmerking: Als u later besluit dat u de optimalisatie-instellingen wilt wijzigen voor een afbeelding op uw pagina's, kunt u op
de knop Optimaliseren klikken in de eigenschappencontrole van de afbeelding en de afbeelding opnieuw optimaliseren.
358