Dreamweaver to Fireworks: Bilderedigering

Anta at du har en logo på nettsiden din og klienten din plutselig vil ha den i en annen farge. Normalt vil dette bety å starte et annet bilderedigeringsprogram, spore opp logoen, åpne den, redigere den, lagre den, bytte tilbake til Dreamweaver og deretter importere logoen på nytt til siden din. Huff, det er mange skritt. Å bruke de spesielle integreringsfunksjonene mellom Dreamweaver og Fireworks forenkler imidlertid hele prosessen betydelig – noen få museklikk kan erstatte alle de andre tidkrevende oppgavene.

De følgende trinnene viser deg hvordan du velger et bilde i Dreamweaver, åpner det automatisk i Fireworks, redigerer det og oppdaterer bildet tilbake til Dreamweaver med bare noen få museklikk.

Følg disse trinnene for å starte Fireworks direkte fra Dreamweaver og redigere et eksisterende bilde:

1. I Dreamweaver velger du et .gif- eller .jpg-bilde du vil redigere.

2. Klikk på Rediger-knappen i egenskapsinspektøren.

Dialogboksen Finn kilde vises og spør om du vil redigere et eksisterende dokument for kilden til filen du valgte.

3. Klikk på ett av alternativene i dialogboksen Finn kilde for redigering.

Ved å klikke Ja kan du velge en annen fil enn den faktiske optimaliserte bildefilen på siden din. Du kan for eksempel velge en PNG-versjon av den optimaliserte grafikken (som kan ha vært originalfilen du eksporterte den optimaliserte webversjonen av grafikken fra på siden din). Hvis du klikker Nei, åpnes kildefilen du valgte i Dreamweaver (den faktiske GIF- eller JPEG-filen som er koblet til på siden).

Hvis du klikker Nei, starter Fireworks med GIF- eller JPEG-bildet du valgte. Hvis du klikker Ja, lar Fireworks deg velge et alternativt bilde og starter ved å åpne det alternative bildet i et nytt dokument. Hvis du opprettet det originale bildet i Fireworks, vil det alternative bildet være en PNG-fil. PNG er Fireworks opprinnelige filformat. Hvis du opprettet det originale bildet i et annet grafikkprogram, for eksempel PhotoShop, er kildefilen en PSD. Fireworks støtter de fleste .PSD-filer opprettet i PhotoShop 6 eller høyere.

Fordi kildefilen til bildet som ble brukt på nettsiden din sannsynligvis ble optimert tidligere, gir redigering av et optimalisert GIF- eller JPEG-bilde deg vanligvis ikke de beste bildekvalitetsresultatene etter at du har redigert, re-optimalisert og re-eksportert det tilbake til Dreamweaver. Å gå tilbake til den originale, forhåndsoptimaliserte versjonen av grafikken gir deg muligheten til å starte på nytt fra bunnen av. Ved å klikke Ja i dialogboksen Finn kilde for redigering, kan du velge en annen fil fra den optimaliserte kildegrafikken. Hvis du eksporterte bildet fra en PNG-fil, kan du velge PNG-en i stedet, redigere en versjon av filen med høyere kvalitet og eksportere den uten å lide ekstra bildeforringelse.

Etter å ha klikket Ja eller Nei, åpnes bildedokumentet i Fireworks.

4. Gjør endringene du må gjøre i bildet i Fireworks.

Du kan gjøre endringer eller redigeringer av bildet ved å bruke et av verktøyene i Fireworks, samt bruke Optimaliser-panelet for å endre optimaliseringsinnstillingene for filen.

5. Når du er ferdig med å redigere bildet, klikker du på Ferdig-knappen i Fireworks-dokumentvinduet.

Etter å ha klikket på Ferdig-knappen, tones Fireworks-dokumentet til bakgrunnen, og Dreamweaver-dokumentet vises automatisk. Bildet oppdateres automatisk på siden, og gjenspeiler de siste redigeringene uten at du trenger noen annen handling fra din side enn å lagre dokumentet.

Etter at du har trykket på Ferdig-knappen i Fireworks, kan du ikke angre endringer du gjør i bildefilene ved å velge Angre-kommandoen. Endringene er permanente.