Dreamweaver helpt u bij het maken van webpagina's en hele websites voor het Internet. Technisch, Dreamweaver niet echt "convert" Photoshop PSD-afbeeldingsbestanden (of elk ander type afbeelding bestand) naar een web-pagina. Webpagina's zijn containers die de opmaak en weergave van tekst, afbeeldingen en andere media in een webbrowser, zoals Internet Explorer of Safari. U kunt echter importeren van PSD-bestanden in Dreamweaver-webpagina, en sla de pagina als een HTML of een andere web-compatibel bestand type pagina. Terwijl dit proces niet daadwerkelijk de PSD naar een bestandsindeling van Dreamweaver converteren, staat het u koppelen en weergeven van het PSD-bestand in een webpagina.
Wat die u nodig hebt
- Dreamweaver CS3 of hoger
Een PSD-bestand importeren in Dreamweaver
Open de pagina van Dreamweaver in Dreamweaver. Klik op "Bestand" op de menubalk en selecteer "Openen" om het dialoogvenster openen weer te geven. Navigeer naar het bestand, selecteer het en klik op de knop "Openen".
Klik op 'Insert' in de menubalk en kies "Afbeelding." Hiermee opent u het dialoogvenster Afbeeldingsbron selecteren.
Navigeer naar het PSD-bestand dat u wilt importeren en dubbelklik erop. Hiermee opent u het dialoogvenster "De voorvertoning van de afbeelding". Photoshop PSD-bestanden zijn niet web compatibel. Met andere woorden, kunnen webbrowsers downloaden en deze weer te geven. Het dialoogvenster Voorvertoning van afbeelding kunt u de PSD converteren naar een compatibele indeling, zoals JPEG, GIF of PNG. Dreamweaver maakt eigenlijk een kopie van de PSD voor implementatie op het Internet.
Klik op de "Format" drop-down en kies een notatie. Tenzij het PSD-bestand een vrij eenvoudig grafisch, zoals zwart-wit lijntekeningen of een logo, in de meeste gevallen is wilt u de indeling ingesteld op JPEG of PNG---deze beeldformaten zijn veel beter bij het handhaven van de beeldkwaliteit tijdens het bestand compressie proces.
Pas de kwaliteit van de afbeelding op het gebied van "Kwaliteit". Het getal in het veld "Kwaliteit" beeldt een kwaliteit-versus-compressie percentage---hoe lager het percentage, hoe kleiner de bestandsgrootte en hoe lager de beeldkwaliteit. In de meeste gevallen, met name voor foto's, werkt Dreamweaver de "80" percentage standaardwaarde prima.
Klik op "OK" om de afbeelding te importeren. U kunt nu de pagina opslaan en uploaden naar het Internet.
- Sinds de Dreamweaver eigenlijk niet importeren of de "gebruik" het PSD-bestand (er wordt een kopie), u hoeft niet te het PSD-bestand zelf uploaden naar de webserver, waarmee u kunt ruimte besparen op een beperkte-opslag hosting account. Echter als opslagruimte geen probleem is, is het een goed idee om het uploaden van de PSD. Dit biedt u een off-site back-up van uw bron-bestand.
- U kunt complexe gelaagde PSD bestand lay-outs exporteren naar HTML-webpagina's die u vervolgens in Dreamweaver openen kunt door deze te exporteren naar HTML uit Photoshop. Gewoon het bestand opslaan als HTML vanuit de Photoshop "Opslaan als" dialoogvenster. Nogmaals, deze procedure niet daadwerkelijk "geconverteerd" het PSD-bestand, maar in plaats daarvan slaat op de afzonderlijke lagen als afzonderlijke web-compatibele afbeeldingsbestanden. Deze procedure, maar houdt de PSD-indeling indeling in HTML-tabellen.
- Bij het uploaden van uw pagina met het Internet, zorg ervoor dat u de afbeelding bestand relatief pad en bestandsnamen behouden. Anders is de browser niet kan vinden en het beeld.