Sådan Konverter en PSD til en Dreamweaver fil

Importer Photoshop-filer i Dreamweaver til at konvertere dem . internet billede af Jean-Michel POUGET fra Fotolia.com

Dreamweaver hjælper dig med at oprette websider og hele websteder til internettet.Teknisk, Dreamweaver ikke rigtig "konvertere" Photoshop PSD billedfiler (eller enhver anden billedfil typen) til en webside.Websider er containere, format og display tekst, billeder og andre medier i en webbrowser, såsom Internet Explorer eller Safari.Du kan dog, importere PSD-filer til Dreamweaver websider, og derefter gemme siden som en HTML eller en anden web-kompatibel filtype side.Selv om denne proces ikke faktisk konvertere PSD til en Dreamweaver filformat, betyder det tillader dig at linke og vise PSD-fil i en web-side.

hvad du har brug

  • Dreamweaver CS3 eller senere

Import af en PSD fil i Dreamweaver

  1. Åbn Dreamweaver siden i Dreamweaver.Klik på "File" på menulinjen, og vælg "Åbn" for at vise dialogboksen Åbn.Naviger til den fil, vælg den og klik derefter på "Åbn" -knappen.

  2. Klik på "Indsæt" i menulinjen, og væl

    g "Image".Dette åbner Select Image Source dialogboksen.

  3. Naviger til den PSD-fil, du vil importere, og dobbeltklik på den.Dette åbner "Image Preview" dialogboksen.Photoshop PSD-filer er ikke web kompatible.Med andre ord kan webbrowsere ikke downloade og vise dem.Image dialogboksen Vis tillader dig at konvertere PSD til et kompatibelt format, såsom JPEG, GIF eller PNG.Dreamweaver faktisk skaber en kopi af PSD til indsættelse på internettet.

  4. Klik på "Format" drop down og vælg et format.Medmindre PSD-fil er en forholdsvis simpel grafisk, såsom monokrom line kunst eller et logo, i de fleste tilfælde, vil du ønsker at indstille format til JPEG eller PNG --- disse billedformater er meget bedre til at fastholde billedkvaliteten underfil kompression proces.

  5. Juster billedkvaliteten i "Kvalitet" feltet.Tallet i "Kvalitet" feltet viser en kvalitet-versus-kompression procent --- jo lavere procentsats, jo mindre filstørrelse og jo lavere billedkvalitet.I de fleste tilfælde, især til fotografier, Dreamweaver standard "80" procent værdi fungerer fint.

  6. Klik på "OK" for at importere billedet.Du kan nu gemme siden og uploade den til internettet.

Tips & amp;Advarsler

  • Da Dreamweaver ikke faktisk importerer eller "brug" PSD fil (det skaber en kopi), behøver du ikke at uploade PSD-fil selv til webserveren, som kan hjælpe dig med at spare pladspå et begrænset-storage hosting-konto.Men hvis lagerplads er ikke et problem, er det en god ide at uploade PSD.Dette giver dig en off-site sikkerhedskopi af kildefilen.
  • Du kan eksportere komplekse lagdelte PSD-fil layouts til HTML-websider, som du kan derefter åbne i Dreamweaver ved at eksportere dem til HTML fra Photoshop.Du skal blot gemme filen som HTML fra Photoshop "Gem som" dialogboks.Igen, denne procedure ikke faktisk "konvertere" PSD-filen, men i stedet gemmer de separate lag som individuelle web-kompatible billedfiler.Denne fremgangsmåde giver dog opretholde PSD layout formatet i HTML-tabeller.
  • Når du uploader din side til internettet, skal du sørge for at opretholde billedfilen relativ sti og filnavne.Ellers kan browseren ikke finde og vise billedet.
593
0
1
Grafik Software