Det finns många sätt att skapa en webbplats med webbapplikationer såsom Deamweaver eller Frontpage , eller ens hand- kodade HTML . Men om du vill att din hemsida ska vara grafiskt tilltalande , komponera layout i Photoshop . det kommer att bli mycket lättare att redigera senare också . Du kommer att behöva utforma en logotyp , sidhuvud , ikoner , knappar , bilder /foton , annonser ( om det behövs ) , färger , typsnitt och textur . Gör en mock - up i förväg , innan du genomför HTML . Om du redan har idéer för din webbplats sammansättning , skissa det på ett papper . Instruktioner
Design grafiska webbplatser med Photoshop
1
Gå till Arkiv > Nytt . Input bredd : 800 pixlar , Höjd: 600 pixlar . Ställ in upplösningen till 72 pixlar /tum , RGB 8bit . Ställ bakgrunden innehåll till transparent . Klicka på OK .
2
Skapa sidhuvudet och navigering design. Inkludera en logotyp , bannerannons område , viss grafik och navigeringsknapparna . Gör huvudhöjd 150 pixlar och 30 pixlar för knappar . Placera logotypen och grafik banner på återstående plats . Lägg till platshållare för text .
3
Välj en logotyp bild från I lager . Gå till comp bildlänk som har en vattenstämpel på bilden . Högerklicka på bilden och välj kopiera bilden . Välj Photoshop fönstret och filen som du arbetar med . Klistra in bilden på det nya lagret . Gå till Redigera > Omforma > Skala . Håll ned Skift för att bibehålla andelen , och ändra storlek på bilden . Välj en del som du vill med den rektangulära markeringsramen , tryck kontroll ( kommando i Mac ) + skift och jag nycklar invertera markeringen . Tryck på Ctrl ( kommando i Mac ) + d för att avmarkera . Sedan slog bort för att ta bort resten av bilden .
4
Skapa knappar för webb-navigering . Välj textverktyget i Photoshop . Dra textrutan på skärmen och skriv in ett namn för knappen , t.ex. hem eller kontakta oss .
5
Design layouten av innehållet i kroppen område . Om din webbplats har många länkar , utnyttja den vänstra kolumnen för ytterligare länkar . Välj textverktyget . Klicka och dra textrutan på duken . Placera brödtexten i huvudinnehållet i duken . Lägg några dummy text från Loren Ipsum som platshållare . Du kommer att ersätta den här texten vid ett senare tillfälle när du är redo att skriva ditt webbinnehåll .
6
Lägg sidfot innehåll under det huvudsakliga innehållet . Dessa kommer att innefatta företagets logotyp , upphovsrätt text och en kopia av länkarna i sidhuvudet .
7
Place senaste nyheterna , meddelanden , pressmeddelande sammanfattning och kampanjer eller annonser i högerkolumnen av din webbplats layout .
8
Skapa en viklinje på 600 pixlar i höjd .
9
Optimera bilder som du vill publicera på din webbplats . Skär bilder med Slice verktyget .
10
Klicka på menyn Arkiv . Klicka på Spara för webben . Skjut bar kvalitet bilden för att justera bildkvaliteten och filstorleken . Klicka på Spara .
11
Dubbelklicka på den HTML -fil ( Photoshop skapar bilder mappen och HTML -filen i samma katalog . ) Kontrollera din webbsida layout i din webbläsare . Du bör ha en färdig webbsida i Photoshop på skärmen .
