Photoshop er ikke et nettsted bygge verktøy, men den kan være uvurderlig i planlegging og design av nettstedet ditt . Photoshop kan du realisere utseendet på nettstedet ditt, og enkelt gjøre endringer før du bygge nettstedet . Bygge et nettsted i Photoshop er en relativt enkel oppgave, men det er sannsynlig å ta masse prøving og feiling før du lage et design du er fornøyd med . Du trenger
Photoshop eller lignende bilderedigeringsprogram programvare
Vis flere instruksjoner
Layout Nettsted med Photoshop
en
Opprett en ny fil i Photoshop. Sett bredden av filen til 1024 piksler og høyden til 1000 piksler.
2
Trykk Ctrl R ( Cmd R for Mac) for å gjøre herskerne synlig på den nye filen .
3
Klikk på den vannrette linjalen og dra ned for å lage en ny horisontal retningslinje. Flytt denne retningslinjen til 20 piksler fra toppen av bildet . Lag en horisontal guide og dra den til 20 piksler fra bunnen av bildet .
4
Klikk på den loddrette linjalen og dra den over til å lage en ny vertikal retningslinje. Flytt denne retningslinjen til 20 piksler fra venstre i bildet . Lag en vertikal guide og dra den til 20 piksler fra høyre på bildet. Nå har vi begynnelsen på en nettside layout. Disse guidene gir oss marginer fra kantene av skjermen og definere området hvor innholdet på nettstedet vil bli plassert .
5
Klikk på den vannrette linjalen og dra en annen horisontal hjelpelinje ned for å sette den nedre grensen av nettstedets spissen. Rundt 100 piksler fra toppen av siden skal gi deg den plassen du trenger . Gjenta dette for å sette kanten av nettstedets bunntekst , definere bunntekst som om 100 piksler fra bunnen av bildet .
6
Klikk på " Legg til et nytt lag »-knappen i lagpaletten . I dette nye laget , velger du området du har definert for header med det rektangulære markeringsverktøyet . Velg en lys grønn farge fra paletten Farger og fylle utvalg med det. Gjenta denne prosessen for den bunntekst og den midtre delen , eller kroppen. Bruk samme grønne for fotnoten , men bruk en knallrød for kroppen. Disse er ikke de fargene du vil bruke for nettstedet disse er bare ytterligere guider for å bruke som du designe nettstedet .
Gjenta disse trinnene for å definere flere deler av nettstedet . For eksempel , hvis du ønsker kolonner i kroppen , bruke guider til å definere øvre, nedre , venstre og høyre grenser disse kolonnene . Deretter bruker lyse farger på ditt nye lag for å definere oppsettet .