Maak een nieuwe pagina in Photoshop door op Ctrl + N. Photoshop zal vragen wat de grootte van de pagina zou moeten zijn . Er is geen exacte wetenschap aan wat de grootte van een enkele webpagina zou moeten zijn . Dit is afhankelijk van de grootte van de browser . De meeste browsers zijn minstens 750 pixels breed en ongeveer 500 pixels in de hoogte . Dit is een veilige maat te beginnen bij . Het creëren van een pagina veel groter dan dit kan het moeilijk maken voor alle gebruikers om de pagina te zien zoals je zou willen dat ze om het te zien . Alle volgende pagina's die worden gemaakt voor de website moet van dezelfde grootte zijn . Kopen van 2

Maak een nieuwe laag door te klikken op de " nieuwe laag " knop op de " Layers " palet . Hoewel het ontwerp kan worden gemaakt op de achtergrond pagina , een persoon heeft meer flexibiliteit en ruimte voor creativiteit als hij ontwerpt de pagina op een nieuwe laag .
3

Stel een kleur om de pagina door het selecteren van een kleur in de kleuren palet . Bij het maken van de achtergrond van een website met Photoshop CS2 , is het het beste om een achtergrond die is een zachte , aangename kleur te maken . Dit kan gedaan worden door het creëren van een kleur en dan het verminderen van de dekking van het in de gradiënt palet door het invoeren van een getal in het veld ondoorzichtigheid . Zet de dekking voor ongeveer 35 of 40 procent .
4

Vergeet niet om op te slaan door te navigeren naar " File " en " opslaan als" in de werkbalk . Hoewel het goed is om vaak op te slaan , de pagina moet op zijn minst worden op dit moment opgeslagen voordat u naar het volgende deel van het project .
Toevoegen Design Elements
5

Teken tekstvakken en imago dozen op de pagina waar u wilt elementen te plaatsen. Tekstvakken en imago dozen kunnen worden gecreëerd door het selecteren van het tekstvak en afbeelding box gereedschap uit de gereedschapskist aan de linkerkant van de pagina en dan tekenen de contouren van de vakken op de pagina . Enkele van de belangrijke elementen die een website gemaakt met Photoshop CS2 moet links bevatten naar andere pagina's . Deze links kon lezen : Over ons , Contact , Nieuws , Locaties ; huis . De koppelingen gemaakt afhangen van wat de site is voor . Het belangrijkste is dat deze links bevinden zich aan de boven-of onderkant van de pagina in een tekstvak .
6

Plaats de pagina header . Het beste is om een grafisch header naar de website te eerder en sla het op als een afbeelding . Om de kop-of banner plaatst , trek een beeld doos bijna helemaal over de pagina net onder de bovenkant van de pagina . Navigeren in de werkbalk op "Edit " en " Plaats afbeelding " om de banner in de doos gelegd .
7

Maak extra vakken voor andere tekst en afbeeldingen door het selecteren van het tekstvak en het beeld doos gereedschappen uit de toolbox aan de linkerkant van de pagina . Vergeet niet om de pagina te geven wat ruimte om te ademen . Niet afbeeldingen of tekst naast elkaar te zetten . Verder het plaatsen van afbeeldingen en tekst totdat de pagina is voltooid .
Maak Latere Pages
8

Begin het maken van de pagina's die de home page van de website zal linken. Volg de stappen 1-4 om elke nieuwe pagina opnieuw . Hoe meer pagina's van een website heeft , hoe beter de site zal doen komen hoger in de zoekopdrachten op internet . Op zijn minst , creëren landingspagina's wordt gelinkt naar het Over ons , Contact , Nieuws en Locaties pagina's .
9

Varieer de blik op extra pagina's , maar slechts een beetje . De manier waarop het de startpagina van de website ziet er ( stappen 1-3 in hoofdstuk 2 ) verschilt van de manier waarop de landingspagina's die u maakt zal zien zal zijn , hoewel ook dezelfde kleuren en algemene gevoel is een goed idee . Dezelfde elementen hoeven niet te worden op elke pagina . Onthoud goed ontwerp principes door het gelijktrekken van de afbeeldingen en tekst op de pagina . Vergeet ook niet om te veel inhoud niet op een pagina . Als u nodig hebt om meer inhoud te passen , gewoon maken een andere pagina .
10

Sla de afbeelding op en importeren in Dreamweaver om de links te activeren . Er is geen manier om links actief te maken in Photoshop , maar een persoon die eigenaar is van de Adobe Creative Suite kunnen gemakkelijk de afbeelding uploaden naar Dreamweaver en activeer de banden met Dreamweaver Afbeelding Maps . Een gratis 30 - dagen probeerversie van Dreamweaver kan ook worden gedownload .