Design af et website kan være en masse sjov alligevel udfordrende . Måske den mest vanskelige del af designet er at beslutte, hvordan man lægge hvert segment af hjemmesiden. Mens dette kan ske i mange webredaktører , de ofte ikke er de bedste værktøjer i denne tidlige projekteringsfasen. Adobe Photoshop giver en lettere og mere effektiv måde at skabe web layouts , fordi det giver dig mulighed for at visualisere layout uden beskæftiger sig med HTML-kode. Denne tutorial vil lære dig at oprette en web layout i Photoshop CS3 , andre versioner af Photoshop bør være ens . Ting du skal
Adobe Photoshop
Vis Flere Instruktioner
1
åbne et nyt dokument . Hvis du bruger Adobe CS3 eller højere , har Adobe et forudindstillet til websider, der er 640 x 480 pixels. I " Ny" dialogboksen , skal du vælge "Web" fra " Preset " drop -down menu. Hvis du ikke har en web preset eller din web layout er en anden størrelse , skal du indtaste størrelsen af din webside i " Bredde" og " Højde " bokse.
2
Fyld baggrunden med baggrundsfarve . Vælg " Paint Bucket Tool ". Dobbeltklik på " Foreground Color " for at åbne "Color Picker ". Vælg " Kun Web Colors " afkrydsningsfeltet . Vælg derefter din baggrund lag. Vælg "OK".
3
Placer banneret. Opret et nyt lag . Vælg "File > Place ... " Naviger til dit banner billede og klik på " OK". Placer dit banner som ønsket. Hvis du ikke har et billede banner , kan du oprette et sted for dit banner som vist i det næste trin.
4
Tilføj de resterende segmenter af web layout . Opret et nyt lag for hver del af websiden. Vælg en figur værktøj fra menuen Funktioner. Vælg en baggrundsfarve til segmentet. Tegn den resterende layout til din hjemmeside.
5.
Skær web layout at forberede den til nettet. Vælg " Slice " værktøj . Tegn en boks rundt hvert segment.
6
Gem til web . Vælg " Filer> Gem til web . " Tryk " Styr A" for at vælge alle de skiver. Tryk derefter på "Gem". Vælg " HTML og Image " fra "Format " drop- down menu. Sørg for, at " Alle udsnit " er valgt , og gemme layoutet i dig hjemmeside mappe. Den web layout er nu klar til at tilføje indhold på en web- redigering program som Dreamweaver.