Typisk ville du bruge webside design software, såsom Dreamweaver, til at oprette HTML websider med links til andre sider eller webadresser . Photoshop er primært en grafik editor og foto touch- up program . Men du kan oprette links i Photoshop PSD billeder med " Slice Tool " og derefter eksportere PSD til en HTML- webside. Den Slice Tool skaber " skiver ", eller separate billeder, der fungerer som knapper i din HTHL webside. Ting du skal
Adobe Photoshop CS3 eller nyere
Vis Flere Instruktioner
1
Start en ny PSD billede eller åbne et eksisterende billede i Photoshop.
< Br > 2.
Opret billedet som du normalt ville , tilføjer din side banner , knapper og andre objekter. Du kan bruge Photoshop tekst og grafiske værktøjer til at skabe dit billede , eller importere eksisterende Photoshop - kompatible billeder og placere dem i den PSD , du vil konvertere til en webside. Eller bruge en kombination af begge metoder.
3
Vælg " Slice Tool " ( femte i værktøjskassen ) . Hvis du ikke har brugt Slice Tool før, kan et andet værktøj være aktiv på knappen. Hvis det er tilfældet , klik og hold knappen nede , og vælg derefter " Slice Tool " fra flue -out.
4
Højreklik det område, du skiver og vælg " Rediger Slice Options" fra pop- op-menuen. Dette viser dialogboksen Udsnitsindstillinger . Der er flere muligheder i denne dialogboks for at skabe links. Skriv målsiden filnavn eller URL til linket i "URL " feltet. For eksempel: ". Http://mydomain.com/services.html " (uden anførselstegn)
Indtast målet browser adfærd i "Target " feltet. For eksempel for at åbne linket i en ny side , skriv " _blank ". At åbne target linket i samme side, type " _self ". ( Ingen citater til enten posten. )
5
Klik på "OK " for at anvende linket.
6
Fortsæt skabe skiver og anvende links , indtil du har oprettet alle de links du har brug for.
7
Klik på "File " på menulinjen, og vælg "Gem til web og enheder . " Dette viser Gem til web og enheder dialogboksen . Denne dialogboks lader dig styre flere konfigurationsmuligheder til din HTML-side , såsom baggrundsfarve , billedkvalitet, komprimering, metadatatags (for søgemaskiner) og så videre.
8
Klik på " Gem" , for at navngive og eksportere websiden. Medmindre du ændrer det, Photoshop gemmer HTML-filen i samme bibliotek som PSD . Dobbeltklik på HTML-filen for at åbne den nye side i en browser og tjekke links . Hvis dine links ikke fungerer korrekt, tjek dem Edit Slice Options for at sikre, at de er skrevet og konfigureret korrekt.