Adobe Photoshop er et ideelt verktøy for å lage et nettsted layout og er industristandard verktøy for bilderedigering og bitmap image skaperverket. Opprette en layout i Adobe Photoshop tillater designeren muligheten til å gjøre raske endringer uten å måtte justere noen kode. Når utseendet og preget på området er ferdig , gjør Adobe Photoshop det veldig enkelt å skjære og optimalisere bildene for nettbruk . Du trenger
Adobe Photoshop CS3
kode kompilator eller webdesign program
Vis flere instruksjoner
en

Plan området på papiret . Nærmer datamaskinen med en klar plan og kunnskap om hva området må oppfylle prosjektets forventninger. Finn ideer for farger og stiler å trekke fra. Jo mer planlegging og organisering som oppstår på dette stadiet , vil de mindre vanskelige design valg bli en gang å jobbe i Adobe Photoshop .
2

Åpne Adobe Photoshop CS3 og begynne et nytt dokument . Sett dokumentets høyde til 800 piksler og bredden til 600 piksler. Dette er en standard størrelse for web layout design og vil sikre at siden kan bli sett av en rekke skjermoppløsninger.
3

Angi oppløsningen av dokumentet til 72 piksler per tomme ( PPI ) . Sørg for at dokumentets fargemodus er satt til RGB . Slå måleenhetene som vises på linjalen til piksler for nøyaktige målinger .
4

Bygg rammen på siden ved hjelp av guider. De vertikale grenser vil skape rammer for nettstedets bredde og de ​​horisontale guider vil plass ut nettstedets elementer . Definere områder for en overskrift, navigasjonsfeltet og innholdet området . Legg igjen en konsekvent margin, vanligvis rundt 10 pixels , mellom elementene for å legge estetiske plass til området .
5

Legg til bilder og tekst som vil omfatte stilen på siden. For kompliserte bilder , slik som stedet øverste del, utforme et første bilde i en annen fil og lim inn i det ønskede sted i oppsettet fil . Hold alle layout elementene på separate lag for å sikre enkel i redigering. Navngi hvert lag etter den tilsvarende element .
6

Gjør et bakgrunnsbilde. Et enkelt mønster i en 100 piksler x 100 pixel kvadrat kan være flislagt og er raskere å laste enn et større bilde.
7

Skjær dokumentet i biter som skal kodes inn på nettsiden . Bruk " Slice " verktøyet for å definere områder som vil bli lagret som individuelle bildefiler .
8

Plukk et stykke å bli frelst ved hjelp av " Slice Velg. " Velg File > Save for Web og enheter for å optimalisere bildet for web. Skiver bilder og stil på siden vil bestå utseendet på nettsiden.