Photoshop är inte en webbplats bygga verktyg , men det kan visa sig ovärderligt i planeringen och utformningen av din webbplats . Photoshop kan du förverkliga utseendet och känslan på din webbplats och enkelt göra ändringar innan du bygger sajten . Att bygga en hemsida i Photoshop är en relativt enkel uppgift, men det är troligt att ta massor av försök och misstag innan du skapar en design som du är nöjd med . Saker du behöver
Photoshop eller liknande bildredigeringsprogram
Visa fler instruktioner
Layout din webbplats med Photoshop
1
Skapa en ny fil i Photoshop . Ställ in bredden på filen till 1.024 bildpunkter och höjden till 1000 bildpunkter .
2
Tryck Ctrl R ( Cmd R för Mac) för att göra de styrande syns på din nya fil .
Billiga 3
Klicka på den vågräta linjalen och dra nedåt för att skapa en ny övergripande riktlinje . Flytta denna riktlinje till 20 pixlar från toppen av bilden . Skapa en annan horisontell styrning och dra den till 20 pixlar från botten av bilden .
4
Klicka på den lodräta linjalen och dra den över för att skapa en ny vertikal riktlinje . Flytta denna riktlinje till 20 pixlar från vänster på bilden . Skapa en annan vertikal styrning och dra den till 20 pixlar från höger på bilden . Nu har vi början till en webbplats layout . Dessa guider ger oss marginaler från kanterna på skärmen och definiera det område där innehållet på webbplatsen kommer att placeras .
5
Klicka på den vågräta linjalen och dra en annan horisontell guide för att ställa in lägre gränsen till webbplatsens sidhuvud . Omkring 100 pixlar från toppen av sidan bör ge dig i rummet du behöver . Upprepa detta för att ställa in kanten på din webbplats sidfot , definierar sidfoten som är ca 100 pixlar från botten av bilden .
6
Klicka på " Lägg till ett nytt lager " -knappen i lagerpaletten . I detta nya lager , markera det område du definierat för sidhuvudet med det rektangulära markeringsverktyget . Välj en klargrön färg från paletten Färger och fylla ditt val med det . Upprepa denna process för sidfoten och den mellersta delen , eller organ . Använd samma gröna för sidfoten men använder en klarröd för kroppen. Dessa är inte de färger som du använder för webbplatsen dessa är bara ytterligare guider för att använda när du utformar webbplatsen .
Upprepa dessa steg för att definiera ytterligare delar av webbplatsen . Till exempel , om du vill ha kolumnerna i kroppen , använda guider för att definiera de bästa , botten, vänster och höger gränser dessa kolumner . Sedan använder ljusa färger på din nya lagret för att definiera layouten .
