Open een nieuw Photoshop-document door te klikken op het pictogram Photoshop op de computer . Nadat het programma opent , selecteert u " Ctrl + N " en een nieuw document wordt geopend .

Place elementen 2 op de pagina . Gebruik de tools in de toolbox aan de linkerkant van de pagina . De beste manier om dit te doen is om de rechthoek gereedschap te selecteren uit de toolbox . Klik en sleep een rechthoek op de pagina naar een bar aan de top te maken . Selecteer een kleur in het vak in te vullen .
3

Selecteer het tekstvak hulpmiddel om zoveel tekstvakken als u nodig heeft langs deze bar . Meestal ongeveer vijf dozen moet genoeg zijn . De boxen zullen omvatten woorden zoals " Over ons , " " Registreer ", " Nieuws, " " Contact" en "Aankoop . " Wat is inbegrepen in deze vakken zal uiteindelijk afhangen van het doel van de website .
< br > 4

Ga naar " File " en " plaats " om bepaalde afbeeldingen te plaatsen op de pagina . Dezelfde regels die gelden voor het ontwerp drukken vaak van toepassing op Web design ook. Dit betekent dat je moet zeker zijn dat elementen op de pagina uit te lijnen .
5

Beëindig het ontwerp voor de homepage van de website . Deze pagina als JPEG- bestand op te slaan en sluit het.
Bereid je voor op het web met Dreamweaver

Open Dreamweaver 6 . Na Dreamweaver opent , ga naar " File " en klik op 'Openen'. Wanneer het volgende venster opent , kies "Create . " Deze is te vinden aan de onderkant rechterbovenhoek van het scherm .
7

Wanneer de nieuwe pagina opent , wordt de pagina -code tonen . Zoek op het tabblad " Ontwerp" op de pagina die dicht bij de tab " Code " net boven het deelvenster HTML-bewerking . Nadat u zich in de ontwerpmodus , ga naar het menu "Invoegen " op de bovenkant van de pagina en kies ' Afbeelding ' in het menu .
8

Er verschijnt een venster waarin u zal toestaan ​​om te selecteren een afbeelding te plaatsen op de pagina . Vind het JPEG -bestand dat u zojuist hebt gemaakt in Photoshop en selecteer deze . Deze afbeelding wordt nu op uw Dreamweaver- pagina .
9

Selecteer de image map tool op de onderkant van de pagina . Klik en sleep de muis over een gebied op de pagina die u wilt om een ​​link te maken . Nadat u dit doet , ga terug naar de onderkant van het scherm en typ een volledige URL -adres in het URL-vak aan de onderkant van het venster . Herhaal deze stap voor elke link die je wilt maken op de pagina .
10

Herhaal dit volledige proces ( stap 1 en 2 ) naar een andere pagina voor de website te maken . Het is aan jou om elke pagina hoe je wilt om het te ontwerpen te ontwerpen , maar het belangrijkste om te onthouden is om het op te slaan als een JPEG-bestand en upload het in Dreamweaver elke keer . Als alles is gezegd en gedaan , heb je een aantrekkelijke website die u hebt gemaakt met Photoshop en Dreamweaver .