Selv om det innebærer flere trinn og en grunnleggende kjennskap til Photoshops verktøy , lage en hjemmeside i Photoshop kan gjøres, forutsatt at du har noen kjennskap til grensesnittet design. Photoshop er nyttig for å lage grafikk - tunge websider, som vanligvis brukes på en hjemmeside , eller hva som er kjent som et bilde kartet. Et bilde Kartet er et sett med bilder som kan settes til å lage koblinger som fungerer som knapper. Fordelen med å bruke et bilde kartet designet i Photoshop er at hjemmesiden din vil se mye mer attraktivt som en grafisk i stedet for en haug med standard formatert tekst . Du trenger:
Photoshop CS3
Images ( for siden din )
Logo (for siden din )
Vis flere instruksjoner , Lag din hjemmeside i Photoshop

1.

Åpne Photoshop . Klikk på " File "> "Ny " for å opprette en ny fil . For størrelsen , velg " Web forhåndsinnstilt " og velg 640 x 480 eller større.
2

Velg dine design farger og tema . Fyll bakgrunnslaget med fargevalg som bruker Photoshops designverktøy. Velg farger med Color Picker verktøyet, og fylle ut bakgrunnen ved å gå til menyen: " . Forgrunn /bakgrunnsfarge " Klikk "Edit "> "Fyll ">
3

Legg til tekst og font valg i form av knapper ved hjelp av farge tema . Velg tekstverktøyet , tilgjengelig på verktøylinjen , eller velg type vindu ( "Window "> "Tegn ") for å vise alternativene . Bruk tekstverktøyet til å lage en enkel layout for hvor du vil at knappene , linker og annen tekst skal innlemmes i ditt design. For ekstra bildedybde og estetisk forbedring , legge til tekst effekter som skygger til ditt lag stil . Tilgang den typen effekter ved å gå til menyen: "lag "> " Layer Styles " > " . Drop Shadow "
4

innlemme dine bilder og logo på din hjemmeside design. Fargelegg bildene for å matche ditt design, og justere blanding moduser, lag åpenhet og bilde plassering til du er fornøyd med grensesnittet på hjemmesiden din design. Juster fargene ved å gå til menyen : " . Color Balance ", " Bilde "> "Juster "> Du kan justere gjennomsiktigheten i bildene ved å gå inn Opacity -funksjonen , som finnes i den øverste delen av lagpaletten . Blend Mode -menyen er også tilgjengelig i lagpaletten.
5

Gjør eventuelle ytterligere justeringer i utformingen av hjemmesiden din ved hjelp av Photoshops designverktøy.
6

Klikk " File " >" Lagre som "og lagre bildet som en PSD -fil.
Gjør hjemmet Page Design Funksjonell som en webside
7

Slice ditt bilde å bryte den visuelle utforming i deler av et bilde kartet ved å velge Slice verktøyet , som finnes i verktøykassen. Dele bildet inn i et rutenett med bokser , plassere skiver ( i form av kvadrater eller rektangler ) over knapper, grafikk og andre deler av design.
8

Velg Slice markeringsverktøyet for flere alternativer , plassert under Slice verktøymenyen . En undermeny vil vises på toppen av skjermen med ulike alternativer for å justere bildet ditt kutting .
9

Link bildene dine til andre sider . Velg Slice markeringsverktøyet . Klikk på det lille ikonet lengst til høyre som ligner en tekstboks dokumentet for å åpne et vindu slik at du kan justere lenker og URLer ( web-adresser ) for hver skive . Dette vil tillate deg å lage linker (knapper som fører til andre websider ) fra bildet.
10

Begynn å eksportere image skiver og bilde lenke innstillinger. Klikk på " File "> " Lagre for Web og enheter " for å åpne vinduet for Eksport . Dobbeltsjekk innstillingene dine ved å klikke på undermenyen pilen på "Rediger Output Settings ", og justere etter behov .
11

Juster innstillingene mens de fortsatt i dialogboksen Lagre vinduet. Velg mappen der du vil at bildet kartfiler å gå. Bla ned til "Format " og velg "HTML og bilder . " Klikk på " Lagre" for å lagre bildet kartet. Dette vil eksportere HTML-filen ( brukes for å vise bildet ditt kartet på Internett) til de viktigste katalog mappe , samt automatisk opprette en egen mappe for bildene der de ulike grafikk ( bestemt av din del innstillinger) vil gå .

12

å teste din webside, åpne nettleseren , åpner den nye mappen , og klikk på HTML -filen.