Video: Responsive Webdesign - Vestjysk Marketing 2024
Antag at du har et logo på din webside, og din klient vil pludselig have det i en anden farve. Normalt ville det betyde at lancere et andet billedredigeringsprogram, spore logoet, åbne det, redigere det, gemme det, skifte tilbage til Dreamweaver og derefter genimportere logoet på din side. Whew, det er mange trin. Brug af de særlige integrationsfunktioner mellem Dreamweaver og Fireworks, forenkler dog hele processen - et par klik med musen kan erstatte alle de andre tidskrævende opgaver.
Følgende trin viser dig, hvordan du vælger et billede i Dreamweaver, åbner det automatisk i Fireworks, rediger det og opdaterer billedet tilbage i Dreamweaver med blot et par klik med musen.
Hvis du vil starte Fireworks direkte fra Dreamweaver og redigere et eksisterende billede, skal du følge disse trin:
1. I Dreamweaver skal du vælge en. gif eller. jpg billede, du vil redigere.
2. Klik på knappen Rediger i Egenskabsinspektøren.
Dialogboksen Find kilde vises, spørg om du vil redigere et eksisterende dokument for kilden til den fil, du valgte.
3. Klik på et af mulighederne i dialogboksen Find kilde til redigering.
Ved at klikke på Ja kan du vælge en anden fil fra den aktuelle optimerede billedfil på din side. Du kan f.eks. Vælge en PNG-version af den optimerede grafik (som måske har været den oprindelige fil, hvorfra du eksporterede den optimerede webversion af grafikken på din side). Hvis du klikker på Nej, åbnes den kildefil, du valgte i Dreamweaver (den aktuelle GIF- eller JPEG-fil, der er linket til siden).
Hvis du klikker på Nej, starter Fireworks med det GIF eller JPEG-billede, du valgte. Hvis du klikker på Ja, kan fyrværkeri du vælge et alternativt billede og lanceringer ved at åbne det alternative billede i et nyt dokument. Hvis du oprettede det oprindelige billede i Fireworks, bliver det alternative billede en PNG-fil. PNG er Fireworks native filformat. Hvis du oprettede det originale billede i et andet grafikprogram, f.eks. PhotoShop, er din kildefil en PSD. Fyrværkeri støtter mest. PSD-filer, der er oprettet i PhotoShop 6 eller nyere.
Fordi kildefilen på billedet, der blev brugt på din webside, sandsynligvis blev optimeret tidligere, vil redigering af et optimeret GIF- eller JPEG-billede normalt ikke give dig de bedste billedkvalitetsresultater, efter du har redigeret, genoptimeret og genudført det tilbage i Dreamweaver. Gå tilbage til den oprindelige, preoptimerede version af grafikken giver dig mulighed for at starte igen fra bunden.Ved at klikke på Ja i dialogboksen Find kilde til redigering, kan du vælge en anden fil fra den optimerede kilde grafik. Hvis du eksporterede billedet fra en PNG-fil, kan du i stedet vælge PNG, redigere en højere kvalitetsversion af filen og eksportere den uden at lide ekstra billedforringelse.
Når du har klikket på Ja eller Nej, åbnes billeddokumentet i Fireworks.
4. Gør de redigeringer, du skal lave til billedet inden for Fireworks.
Du kan foretage ændringer eller redigeringer på billedet ved hjælp af et af værktøjerne i Fireworks samt bruge Optimer panelet til at ændre optimeringsindstillingerne for filen.
5. Når du er færdig med at redigere billedet, skal du klikke på knappen Udfør i vinduet Fireworks-dokument.
Når du har klikket på knappen Udført, falder fyrværkeri-dokumentet til baggrunden, og Dreamweaver-dokumentet kommer automatisk til syne. Billedet opdateres automatisk på siden, hvilket afspejler de seneste ændringer uden at kræve andre handlinger fra din side end at gemme dokumentet.
Når du har trykket på knappen Udført i Fireworks, kan du ikke fortryde de ændringer, du foretager i billedfilerne, ved at vælge kommandoen Fortryd. Ændringerne er permanente.