Start een nieuwe PSD afbeelding in Photoshop met de afmetingen u wilt voor uw webpagina , zoals deze : Klik op " File " op de menubalk en kies "Nieuw " om het nieuwe dialoogvenster weer te geven . Typ de pagina breedte (in pixels ) in het veld ' Breedte ' en de hoogte (in pixels ) in het veld ' Hoogte ' .

Typ " 96 " in het veld " Resolution " 2 en klik " OK . " Dit creëert een leeg doek voor uw webpagina .
3

Maak de banner graphics en knoppen aan de bovenkant van de pagina . U kunt importeren van bestaande beelden en plaats ze waar je ze wilt hebben of gebruiken van Photoshop afbeeldingen en tekst gereedschappen voor het maken en lay-out van de banner .
4

Selecteer de " Slice Tool " ( vijfde knop van boven in het toolbox ) . Als de Slice Tool wordt niet weergegeven , klik en houd de knop en kies " Slice Tool " van de fly - out .
5

Sleep de muiscursor over de eerste knop of gebied in de banner waar wilt u een link te maken . Photoshop maakt een box of " slice " rond het object en plaatst deze in een tabel . Wanneer u de pagina exporteert , uw plakjes weergegeven als afzonderlijke objecten in de afzonderlijke HTML-tabellen .
6

rechtermuisknop op het segment en kies "Edit Slice Options " van de fly - out menu te openen de Segmentopties
dialoogvenster . Gebruik dit dialoogvenster om de eigenschappen van uw knoop definiëren . Typ bijvoorbeeld de URL-koppeling in het veld "URL" . Voer de doelgroep browser pagina , alternatieve labels , enzovoort . Klik op "OK . "
7

Herhaal deze stappen voor het creëren van knoppen en bewerken slice opties voor elk gebied dat u wilt aanklikbaar maken .
8

Gebruik de Slice Tool om te definiëren een gebied op de pagina waar u een tekstvak plaatsen. Rechtsklik op de slice en kies "Edit Slice Options " van de fly - out menu .
9

Klik op de " Slice Type" drop-down en kies " Geen afbeelding . " De " Tekst weergegeven in cel " veld wordt weergegeven . U kunt uw tekst op dit gebied of kopiëren en plakken vanuit een tekstverwerker . Als u klaar bent , klikt u op ' OK'.
10

Klik op de " Slice Type" drop-down en kies " No Image . " De ' tekst getoond in het veld Cell "wordt weergegeven . U kunt typen uw tekst op dit gebied of kopiëren en plakken vanuit een tekstverwerker Als u klaar bent , klikt u op ' OK '

notitiekaarten : . . dit veld meeste HTML -tags ondersteunt . Bijvoorbeeld , om een ​​deel van de tekst cursief te maken , plaatst u de tekst tussen de " uw tekst < /i > " tags. Gebruik "

" op paragraaf pauzes creëren , enzovoort.

Notitiekaarten ook dat de tekst in deze tabel wordt niet weergegeven in Photoshop --- je kunt het niet zien totdat je de pagina exporteren.
11

verder toe te voegen en het definiëren plakjes voor tekst , afbeeldingen , graphics , en zo verder , totdat je de lay-out af .
12

Klik op " File " op de menubalk en kies " Opslaan voor web en apparaten . " Dit opent de Opslaan voor web en apparaten dialoogvenster . Gebruik dit dialoogvenster om achtergrondkleur , beeldcompressie en de kwaliteit , en dus op controle .
13

Klik op de knop 'Opslaan' te benoemen en te exporteren van de webpagina .
< Br >