Open Photoshop 1 . Klik op " Bestand " > " Nieuw " om een ​​nieuw bestand te maken . Voor de grootte , selecteert u " Web preset " en kies 640 x 480 of groter . Kopen van 2

Kies uw ontwerp kleuren en thema. Vul de achtergrond laag met je kleurkeuzes met design tools van Photoshop . Kleuren kiezen met de Kleurkiezer gereedschap , en in je achtergrond te vullen door te gaan naar het menu : " . Voorgrond /Achtergrond Kleur " Klik op " Bewerken " > " Fill " >
3

Voeg tekst en lettertype keuzes in de vorm van knoppen met je kleur thema . Selecteer het gereedschap , verkrijgbaar in de werkbalk , of selecteer het type venster ( " Venster " > " Karakter " ) om de opties te bekijken . Gebruik het gereedschap om een basis lay-out voor waar u wilt dat uw knoppen , links en andere tekst in uw ontwerp worden opgenomen creëren . Voor extra beelddiepte en esthetische verbetering , tekst toevoegen effecten zoals slagschaduwen naar je lagen stijl . Toegang tot de soort effecten door te gaan naar het menu : "Layer " > "Layer Styles " > " . Slagschaduw "
4

Integreer uw afbeeldingen en logo in uw startpagina ontwerp . Inkleuren van de afbeeldingen om uw ontwerp passen , en overvloeimodi , transparantie laag en beeldplaatsing aanpassen totdat u tevreden bent met de interface van uw startpagina ontwerp . Pas de kleuren aan door te gaan naar het menu : " . Color Balance" " Beeld " > " Adjust " > U kunt de transparantie van uw beelden aan te passen door de toegang tot de functie Dekking , gevonden in het bovenste gedeelte van het palet Lagen . Het menu Blend Mode is ook toegankelijk in het palet Lagen .
5

Maak eventuele extra aanpassingen aan het ontwerp van uw startpagina met design tools van Photoshop .

Klik 6 " bestand " > " Opslaan als "en sla uw afbeelding als een PSD-bestand .
Make Your Home Page Design Functioneel als een webpagina
7

Snijd uw afbeelding om uw visuele vormgeving breken in delen van een afbeelding kaart door te kiezen voor het gereedschap Segment , gevonden in de gereedschapskist . Verdeel uw afbeelding in een raster met dozen , het plaatsen van schijfjes ( in de vorm van vierkanten of rechthoeken ) over knoppen , afbeeldingen en andere delen van uw ontwerp .
8

Kies de Slice Select tool voor meer opties , zich onder het menu gereedschap Segment . Een submenu verschijnt aan de bovenkant van het scherm met verschillende opties aan te passen uw afbeelding snijden .
9

Link uw afbeeldingen naar andere pagina's . Kies de Slice Select tool. Klik op het kleine icoontje aan de rechter dat een tekstvak document naar een venster waarin u om links en URL's ( webpagina adressen ) aan te passen voor elke plak openen lijkt . Dit zal u toelaten om hyperlinks ( knoppen die leiden naar andere webpagina's ) te maken van uw afbeelding .
10

Begin uw afbeelding plakken en afbeeldingslink instellingen exporteren. Klik op " Bestand " > " Opslaan voor web en apparaten " om het venster Export te openen . Controleer uw instellingen door te klikken op het submenu pijl op " Output Settings bewerken , " en pas als dat nodig is.
11

Pas uw instellingen terwijl men nog in het dialoogvenster Opslaan . Kies de map waarin u wilt dat uw image map bestanden te gaan . Scroll naar beneden naar " Format " en selecteer " HTML en afbeeldingen . " Klik op " Opslaan " om de image map opslaan . Dit zal uw HTML -bestand ( gebruikt voor het weergeven van uw image map op het web ) te exporteren naar de hoofdmap map , evenals automatisch een aparte map voor uw afbeeldingen waar de verschillende grafische ( bepaald door uw slice instellingen ) zal gaan maken . < Br >
12

Om uw webpagina te testen , opent u uw browser , open je nieuwe map , en klik op het HTML-bestand .