Hoe kan ik een PSD converteren naar een Dreamweaver- bestand

Importeer Photoshop-bestanden in Dreamweaver om te zetten . het internet door Jean-Michel POUGET van Fotolia.com

Dreamweaver helpt je om webpagina's en complete websites voor het internet te creëren.Technisch, Dreamweaver niet echt "bekeren" Photoshop PSD-afbeeldingsbestanden (of enig ander type image-bestand) naar een webpagina.Webpagina's zijn containers die formaat en weergave van tekst, afbeeldingen en andere media in een webbrowser, zoals Internet Explorer of Safari.U kunt echter, importeren PSD-bestanden in Dreamweaver webpagina's, en sla de pagina als een HTML, of een andere web-compatibele bestandstype pagina.Terwijl dit proces niet daadwerkelijk omzetten van de PSD naar een Dreamweaver-bestandsindeling, maakt het u toestaan ​​om te koppelen en weergeven van de PSD-bestand in een webpagina.

wat je nodig hebt

  • Dreamweaver CS3 of hoger

een PSD-bestand importeren in Dreamweaver

  1. Open de pagina in Dreamweaver Dreamweaver.Klik op "File" op de menubalk en selecteer "Open" om het dialoogvenster Openen weer t

    e geven.Navigeer naar het bestand, selecteer het en klik op de knop "Openen".

  2. Klik op "Insert" op de menubalk en kies "Afbeelding."Dit opent het Select Beeld Bron dialoogvenster.

  3. Navigeer naar het PSD-bestand dat u wilt importeren en dubbelklik erop.Dit opent het "Beeld Voorbeeld" dialoogvenster.Photoshop PSD-bestanden zijn niet compatibel web.Met andere woorden, kunnen webbrowsers niet downloaden en weergeven.Het dialoogvenster Voorvertoning van afbeelding kunt u de PSD converteren naar een compatibele indeling, zoals JPEG, GIF en PNG.Dreamweaver creëert eigenlijk een kopie van de PSD voor de inzet op het internet.

  4. Klik op de "Formaat" drop-down en kies een formaat.Tenzij de PSD is een vrij eenvoudige grafische, zoals zwart-wit lijntekeningen of een logo, in de meeste gevallen, zult u het formaat naar JPEG of PNG ingesteld --- deze beeldformaten zijn veel beter in het handhaven van de beeldkwaliteit tijdens hetbestand compressie proces.

  5. Pas de beeldkwaliteit in het veld "kwaliteit".Het nummer in het veld "kwaliteit" schildert een kwaliteit-versus-compressie percentage --- hoe lager het percentage, hoe kleiner de bestandsgrootte en des te lager de beeldkwaliteit.In de meeste gevallen, in het bijzonder voor foto's, Dreamweaver de standaard "80" waarde procent werkt prima.

  6. Klik op "OK" om het beeld te importeren.U kunt nu de pagina en uploaden naar het internet.

Tips & amp;Waarschuwingen

  • Aangezien Dreamweaver eigenlijk niet importeren of het "gebruik" van de PSD (creëert het een kopie), hoeft u niet naar de PSD-bestand zelf uploaden naar de webserver, die u kan helpen ruimte te besparenop een beperkte opslag hosting account.Echter, als opslagruimte is geen probleem, het is een goed idee om de PSD te uploaden.Dit biedt u een off-site back-up van uw bronbestand.
  • U kunt complexe gelaagde PSD-outs exporteren naar HTML-webpagina's die u kunt dan geopend in Dreamweaver door te exporteren naar HTML van Photoshop.Opslaan gewoon het bestand op als HTML van de Photoshop "Opslaan als" dialoogvenster.Nogmaals, deze procedure niet eigenlijk "bekeren" van de PSD, maar in plaats daarvan slaat de afzonderlijke lagen als individuele web-compatibele beeldbestanden.Deze procedure is echter behouden de PSD layout formaat HTML-tabellen.
  • Bij het uploaden van uw pagina op het internet, zorg ervoor dat u het beeldbestand relatieve pad en bestandsnamen behouden.Anders kan de browser niet te vinden en het beeld weergeven.
221
0
1
Graphics Software