Bepaal welke elementen u wilt op uw pagina , zoals de foto's of de positie en het uiterlijk van de navigatieknoppen . Load beelden die u gaat gebruiken op de computer .

Open Photoshop 2 . Selecteer " File " in het menu en klik op ' Openen '. In het dialoogvenster dat verschijnt , verandert u de "?" naar "Web ". Van de grootte " Presets " onder deze , kiest u de webpagina gewenste grootte , zoals 1024x768 of 800x600 pixels . Verander de " Background " naar " Transparent . " Klik op "OK . "
3

Klik op de " New Layer" knop onder het " Layers " palet . Selecteer het gereedschap " Pen " van het gereedschap . Ga naar de opties aan de top en zet het instrument in op " Fill . " Kies de kleur die u wilt voor je banner .

Klik 4 tot een punt te plaatsen waar u wilt een hoek van uw banner . Klik drie keer om de andere hoeken te creëren . Gebruik de ' heersers ' om ervoor te zorgen dat u de juiste posities .

Herhaal 5 stappen 3-4 voor alle andere vormen die je nodig hebt , inclusief de navigatie- knoppen te maken .
6

Selecteer een van de lagen met een navigatieknop afbeelding erin . Klik op de " FX "-knop gevonden op de bodem van de " Layers " palet . Van de opties , kies " Bevel and Emboss . " In het dialoogvenster dat verschijnt , kiest u ' afschuining . " Pas de instellingen aan totdat u het effect in het voorbeeldvenster wilt. Klik op "OK . "
7

Klik met de rechtermuisknop op de huidige laag . Van de opties , kies " Copy Layer Style . " Klik met de rechtermuisknop op elk van de andere knop lagen . Van de opties , kies "Plakken Layer Style . "
8

Selecteer "Bestand " in het menu en kies 'Openen'. In het dialoogvenster dat verschijnt , zoekt een van de foto's die u hebt geladen en open het. Klik met de rechtermuisknop op de laag en kies " Laag dupliceren " uit de opties die verschijnen . In het dialoogvenster , maken de webpagina document de " Destination ". Herhaal dit met alle van de andere afbeeldingen .
9

Ga terug naar de webpagina document en gebruik de functie " Scale " (te vinden onder "Edit " ) om de beelden aanpassen naar wat je wilt voor de pagina . Maak dan gebruik van de functie " Verplaatsen " om ze te positioneren .
10

Selecteer het gereedschap "Type " van de gereedschappen . Kies de lettergrootte en de kleur die u wilt en typen in al uw tekst , met inbegrip van zowel de hoofdtekst van de pagina als de tekst van de knoppen en de banner .
11

Gebruik de " Slice " tool om uw ontwerp te verdelen in secties . Klik rechts op elke afdeling en noem maar op .
12

Selecteer " File " en kies " Opslaan voor web en apparaten . " In het dialoogvenster dat verschijnt , kiest u GIF als bestandstype en klik op 'Opslaan'. Uw webpagina ontwerp zal worden opgeslagen als afzonderlijke delen van een afbeelding kunt u nu verzamelen in een webpagina-editor .