Adobe Photoshop er et ideelt værktøj til at skabe en hjemmeside layout og er branchens standard værktøj til fotoredigering og bitmap image skabelse . Oprettelse af et layout i Adobe Photoshop giver designeren mulighed for at foretage hurtige ændringer uden at skulle justere en kode. Når udseendet og fornemmelsen af hjemmesiden er færdig, Adobe Photoshop gør det meget enkelt at skive og optimere billeder til web brug. Ting du skal
Adobe Photoshop CS3
Code compiler eller web -design program
Vis Flere Instruktioner
1

Plan stedet på papir. Approach computeren med en klar plan og viden om , hvad webstedet skal mødes projektets forventninger. Find ideer til farver og stilarter at trække på. Jo mere planlægning og organisation , der opstår i denne fase , vil mindre vanskelige designvalg der engang arbejder i Adobe Photoshop.
2

Åbn Adobe Photoshop CS3 og starte et nyt dokument. Sæt dokumentets højde til 800 pixels og bredden til 600 pixels. Dette er en standard størrelse for web layout design og vil sikre , at den side kan ses af en række skærmopløsninger .
3

Indstil opløsningen af dokumentet til 72 pixels per tomme ( PPI ) . Sørg for, at dokumentet farve er indstillet til RGB. Skift de måleenheder vises på linealen for at pixels for nøjagtige målinger .
4

Byg for rammerne af siden ved hjælp guider. De vertikale grænser vil skabe parametre for hjemmesidens bredde og de ​​vandrette guider vil rummet ud sitets elementer. Definer områder for en header , navigations bar og indholdsområdet. Efterlad en konsekvent margin , som regel omkring 10 pixels , mellem elementerne for at tilføje æstetiske rum til webstedet.
5.

Tilføj billeder og tekst , der vil omfatte den stil på siden. For komplicerede billeder , såsom stedet header , designe et billede først i en anden fil og indsæt i den ønskede placering i layoutet filen. Hold alle de layout elementer på separate lag for at sikre lethed i redigering. Navngiv hvert lag efter det tilsvarende element .
6

Lav et baggrundsbillede . En simpel mønster i en 100 pixel x 100 pixel kvadrat kan være flisebelagt og er hurtigere til at indlæse end en større billede.
7

Skær dokumentet i stykker skal kodes ind på hjemmesiden . Brug " Slice " værktøj til at definere områder, som vil blive gemt som individuelle billedfiler.
8

Vælg en skive for at blive frelst ved hjælp af " Slice Vælg ". Vælg Filer > Gem til web og enheder for at optimere billedet til internettet. De skivede billeder og stil af siden vil omfatte udseendet og fornemmelsen af ​​hjemmesiden .