Adobe Photoshop är ett idealiskt verktyg för att skapa en webbplats layout och är branschstandard verktyg för fotoredigering och bitmapbilden skapande . Skapa en layout i Adobe Photoshop ger konstruktören möjlighet att göra snabba förändringar utan att behöva justera någon kod . När utseendet och känslan av platsen är klar , gör Adobe Photoshop det mycket enkelt att fördela och optimera bilderna för webb . Saker du behöver
Adobe Photoshop CS3
kod kompilator eller webbdesign program
Visa fler instruktioner
1
Plan webbplatsen på papper . Närma datorn med en tydlig plan och kunskap om vad webbplatsen kommer att behöva uppfylla projektets förväntningar . Hitta idéer för färger och stilar för att dra av . Ju mer planering och organisering som sker på detta stadium , kommer de mindre svåra designval vara en gång arbeta i Adobe Photoshop .
2
Öppna Adobe Photoshop CS3 och börja ett nytt dokument . Ställ in dokumentets höjd till 800 pixlar och bredden till 600 pixlar . Detta är en vanlig storlek för web layout design och kommer att se till att sidan kan ses av en mängd olika skärmupplösningar .
3
Ställ in upplösningen på dokumentet till 72 bildpunkter per tum ( PPI). Kontrollera att dokumentets färgläge är inställt på RGB . Byt måttenheterna visas på linjalen till pixlar för noggranna mätningar .
4
Bygg ramen av sidan med guider . De vertikala begränsningar kommer att skapa parametrar för webbplatsens bredd och de horisontella guider utrymme ut webbplatsens element . Definiera områden för en header , navigations baren och innehållet området . Lämna en enhetlig marginal , vanligtvis runt 10 pixlar , mellan elementen för att lägga estetiska utrymme till platsen .
5
Lägg till bilder och text som kommer att utgöra den stilen på sidan . För komplicerade bilder , till exempel webbplatsen header , designa en bild först i en annan fil och klistra in på önskad plats i layouten filen . Håll alla layout element på separata lager för att säkerställa enkel redigering . Namnge varje lager efter motsvarande element .
6
Gör en bakgrundsbild . Ett enkelt mönster i en 100 pixel x 100 pixel kvadrat kan vara kaklat och går snabbare att ladda än en större bild .
7
Skiva dokumentet i bitar som ska kodas in på webbplatsen . Använd " Slice " verktyget för att definiera områden som ska sparas som enskilda filer .
8
Välj en skiva som ska sparas med " Slice Välj . " Välj Arkiv > Spara för webben och enheter för att optimera bilden för webben . De segmenterade bilder och stil på sidan kommer att omfatta utseendet på webbplatsen .
