Photoshop er ikke en hjemmeside bygning værktøj , men det kan vise sig uvurderlig i planlægning og design af din hjemmeside . Photoshop giver dig mulighed for at realisere den udseendet og fornemmelsen af dit websted og nemt foretage ændringer , før du bygge anlægget . Opbygning af en hjemmeside i Photoshop er en forholdsvis simpel opgave, men det er sandsynligt, at tage masser af trial and error , før du opretter et design, du er tilfreds med . Ting du skal
Photoshop eller lignende billedredigeringsprogram software
Vis Flere Instruktioner
Layout din hjemmeside med Photoshop
1
Opret en ny fil i Photoshop. Indstil bredden af filen til 1.024 pixels og højden til 1.000 pixels.
2
Tryk Ctrl R ( Cmd R til Mac ) for at gøre magthaverne synligt på din nye fil.
< Br >
3
Klik på den vandrette lineal og trække ned for at skabe en ny horisontal retningslinje . Flyt denne retningslinie til 20 pixels fra toppen af billedet. Opret en anden vandret hjælpelinje , og træk det til 20 pixels fra bunden af billedet.
4
Klik på den lodrette lineal og trække det over til at oprette en ny vertikal retningslinje . Flyt denne retningslinie til 20 pixels fra venstre side af billedet. Opret en anden lodret hjælpelinje , og træk det til 20 pixels fra højre i billedet. Nu har vi begyndelsen til en hjemmeside layout . Disse vejledninger giver os marginer fra kanten af skærmen og definere det område, hvor indholdet af hjemmesiden vil blive placeret.
5.
Klik på den vandrette lineal og trække en anden vandret hjælpelinje ned for at indstille den nederste grænsen af din hjemmeside overskrift. Omkring 100 pixels fra toppen af siden bør give dig den plads, du har brug for. Gentag dette for at angive kanten af din hjemmesides footer , som definerer footer som værende omkring 100 pixels fra bunden af billedet .
6
Klik på "Tilføj en nyt lag " knappen i lag paletten . I denne nye lag , skal du vælge det område, du har defineret for header med den rektangulære markeringsværktøj . Vælg en lys grøn farve fra farvepaletten og fylde dit valg med det. Gentag denne proces for sidefoden og den midterste sektion , eller krop. Brug den samme grønne til sidefoden , men bruger en rød for kroppen. Disse er ikke de farver, du vil bruge til hjemmesiden disse er blot yderligere vejledninger til at bruge som du designe hjemmesiden .
Gentag disse trin for at definere yderligere dele af hjemmesiden . For eksempel, hvis du vil have kolonner i kroppen bruge guider til at definere top, bund, venstre og højre grænser til de kolonner. Derefter bruge lyse farver på dit nye layer til at definere layoutet.