designe et nettsted kan bli mye moro , men utfordrende . Kanskje den vanskeligste delen av design er å avgjøre hvordan de skal legge ut hvert segment av nettstedet. Selv om dette kan gjøres på mange web- redaktører , har de ofte ikke er de beste verktøyene i denne tidlige prosjekteringsfasen . Adobe Photoshop gir en enklere og mer effektiv måte å lage web oppsett fordi det tillater deg å visualisere oppsettet uten å gjøre med HTML-koden . Denne opplæringen vil lære deg å lage en web- layout i Photoshop CS3 , andre versjoner av Photoshop bør være lik. Du trenger
Adobe Photoshop
Vis flere instruksjoner
en
åpne et nytt dokument . Hvis du bruker Adobe CS3 eller høyere , har Adobe gitt en forhåndsinnstilling for websider som er 640 x 480 piksler. I " Ny " i dialogboksen , velg " Web" fra " Preset " drop -down menyen . Hvis du ikke har en web forhåndsinnstilt eller din web layout er en annen størrelse , angi størrelsen på websiden din i " Bredde" og "Høyde " boksene .
2
Fyll bakgrunnen med bakgrunnsfarge. Velg " Paint Bucket Tool. " Dobbeltklikk på " forgrunnsfarge " for å åpne "Color Picker ". Velg " Only Web Colors " sjekkheftet . Deretter velger du din bakgrunn lag . Velg " OK ".
3
Plasser banner. Lag et nytt lag. Velg " File > Place ... " Naviger til din banner bilde og klikk " OK . " Plasser banner som ønsket. Hvis du ikke har et bilde banner, kan du lage et sted for banneret som vist i neste trinn .
4
Legg de resterende segmenter av nettet layout. Lag et nytt lag for hver del av websiden . Velg en figur fra Verktøy -menyen . Velg en bakgrunnsfarge for segmentet . Tegne de resterende oppsettet for ditt nettsted.
5
Skjær web layout for å forberede den for web. Velg " Slice "-verktøyet. Tegne en boks rundt hvert segment .
6
Lagre for web . Velg " File > Save for Web. " Trykk "Ctrl A" for å velge alle skivene . Deretter trykker du på " Lagre". Velg " HTML og Image " fra " Format " drop -down menyen. Sørg for at " Alle Slices " er valgt, og lagre oppsettet i deg nettsted mappen. Den web-layout er nå klar til å legge til innhold i en web- redigering program som Dreamweaver .
