En Web skabelon er en grundlæggende webside layout --- eller container --- du kan genbruge til at oprette flere sider. Skabelonen giver den grundlæggende struktur til din hjemmeside, så du kan fastholde en konsekvent tema og layout hele webstedet uden at skulle genskabe hver side. Selvom Photoshop ikke er teknisk set en web- side design program , kan du bruge det til at oprette Web skabeloner med " udskæring " PSD billedet i forskellige sektioner , og derefter eksportere PSD til en HTML- webside. Du kan derefter åbne HTML -skabelon -fil i Dreamweaver eller en anden web- design program og bruge det til at skabe de sider til dit website . Ting du skal
Adobe Photoshop CS3 eller nyere
Vis Flere Instruktioner
1

Start et nyt dokument i Photoshop. Giv det de dimensioner, du ønsker at bruge til dine websider , som dette: Klik på " File" på menulinjen , og vælg " Ny" for at åbne dialogboksen Ny . Indtast bredden ( i pixels ) i " Width " Field og højden ( i pixels ) i " Højde " feltet. Klik på "OK".
2

Opret banner til din webside. Banneret , selvfølgelig, er den grafik eller billede, der viser øverst på siden. Det består normalt af et firmalogo og nogle andre grafik vedrørende et produkt eller en service. Du kan enten indsætte et eksisterende billede eller bruge Photoshops maling og tekst-værktøjer til at skabe banneret.
3

Opret knapper til din webside . Disse vil blive links, eller "hot spots ", der tager hjemmesiden brugere til forskellige sider i området . Enten indsætte eksisterende knap billeder og placere dem, hvor du vil have dem i skabelonen eller bruge Photoshops maling og tekst-værktøjer til at skabe knapperne .
4

Vælg " Slice Tool " ( femte knap fra toppen i Værktøjskassen ) . Hvis du ikke har brugt Slice Tool før , er denne knap sandsynligvis indstillet til et andet værktøj. Klik og hold på knappen, og vælg derefter " Slice Tool " fra flue -out.
5.

Træk Slice Tool omkring den første knap eller område i skabelonen , hvor du vil oprette et link. Dette skaber en " Slice "-boksen omkring objektet. Photoshop placerer denne boks i en tabelcelle , der vil blive en særskilt HTML-tabel , når du eksporterer dette dokument til HTML.
6

Højreklik på den nye skive og vælg " Rediger Slice Options" fra flyve- ud i menuen . Dette åbner dialogboksen Udsnitsindstillinger .
7

Skriv den webadresse, du vil denne knap for at linke til i "URL " feltet. Du kan også indtaste andre oplysninger til knappen , f.eks target browser siden, og alternative tags. Hvis du ønsker at redigere størrelsen og placeringen af ​​skive , så med de muligheder i "Dimensioner " i dialogboksen. Klik på "OK".
8

Gentag de foregående trin for at skabe skiver og redigering udsnitsindstillinger for hver knap i skabelonen.
9

Klik på " File" i menuen bar og vælg "Gem til web og enheder . " Dette åbner Gem til web og enheder dialogboksen . Herfra kan du ændre flere aspekter af din skabelon , så som baggrundsfarve, billede kompression og kvalitet , dokument størrelse og så videre. Disse muligheder er godt mærket og taler for sig selv . (Du kan se et eksempel på HTML -kode til denne skabelon ved at klikke på "Preview "-knappen. )
10

Klik på "Gem " knappen. Navngive og gemme HTML-filen. Du har oprettet din web skabelon. Du kan nu åbne den i en webside editor og tilføje dit indhold.