Nettsteder har eksistert siden 1991, da Tim Berners -Lee skapte den aller første , tekstbasert webside med informasjon på World - Wide -Web -prosjektet . Siden da , har nettsider blitt svært populære som personlige , næringsliv, underholdning og utdanning huber. I de siste årene har webdesign gjort store sprang . Web-design er nå svært avansert, og har avansert langt nok til å konkurrere med den hundre år gamle felt av print design i kvalitet og håndverk . Du trenger
En datamaskin
Adobe Photoshop
Vis flere instruksjoner
en
Sketch ut nettstedet med en blyant og papir. Selv om datamaskiner har blitt den vanlige måten å lage noen visuelle medier , er den beste måten å starte designprosessen for å skissere dine ideer ut og avgrense dem manuelt . Skissene trenger ikke å være noe fancy , skriblerier vil være nok, så lenge de gir deg en idé om hva området layout vil se ut
2
Last ned en Photoshop grid mal. . Bæresystem i web-design er like viktig som i print design. Standard bredde for nettsteder, for kompatibilitet på tvers av skjermoppløsninger og nettleserens oppsett , er 960 piksler. Så finn et godt bæresystem som bruker 960 -pikslers bredde standard og laste ned Photoshop mal. Det er mange gode nettsider grid ressurser tilgjengelig på nettet .
3
Begynn å sette opp layout. Juster innholdet til kolonnene i din grid mal . Navigasjon vanligvis går langs toppen eller til venstre på siden. Området logo går som regel øverst i høyre hjørne . Twitter og RSS ikoner vanligvis går i øvre venstre hjørne . Besøkende liker å finne ting der de forventer dem , så hold deg til standard plasseringer for et vellykket design. Når du er ferdig med å sette opp nettstedet ditt akkurat slik du vil ha den , lagre den som en PSD ( Photoshop) filformat.
4
Velg " Slice "-verktøyet i Photoshop verktøy panel . Klikk og dra for å skille de viktigste delene av nettstedet. Skiver å gjøre deler av et nettsted som vil deretter lagres som separate bilder . Dette gjør det enklere å kode nettsiden til HTML og CSS og at det ser ut slik det gjorde i Photoshop .
