Vanligvis ville du bruke Web -side design programvare, for eksempel Dreamweaver , for å lage HTML- sider med linker til andre sider eller nettadresser . Photoshop er først og fremst en grafikk editor og foto touch-up program. Imidlertid kan du opprette koblinger i Photoshop PSD-bilder med " Slice Tool" og deretter eksportere PSD til HTML webside. The Slice Tool skaper "stykker ", eller separate bilder, som fungerer som knapper i din HTHL webside. Du trenger
Adobe Photoshop CS3 eller nyere
Vis flere instruksjoner
en
Start en ny PSD bilde eller åpne et eksisterende bilde i Photoshop .
2
lage bildet på vanlig måte , og legger til siden din banner, knapper og andre objekter. Du kan bruke Photoshop tekst og grafikk for å lage bildet , eller importere eksisterende Photoshop - kompatible bilder og plassere dem i PSD du ønsker å konvertere til en webside. Eller bruk en kombinasjon av begge metodene.
3
Velg " Slice Tool" ( femte i verktøykassa ) . Hvis du ikke har brukt Slice Tool før, kan et annet verktøy være aktiv på knappen . I så fall , klikk og hold nede knappen og velg deretter " Slice Tool" fra fly-out .
4
Høyreklikk området du skiver og velg " Rediger Slice Options " fra pop - opp menyen . Dette viser Slice dialogboksen Alternativer. Det finnes flere alternativer i denne dialogboksen for å lage lenker . Skriv inn målet siden filnavn eller URL-adresse for koblingen i "URL "-feltet . For eksempel : ". Http://mydomain.com/services.html " (uten anførselstegn )
inn målet nettleser oppførsel i " Target" feltet . For eksempel vil åpne lenken i en ny side , type " _blank . " For å åpne målet koblingen i samme side , type " _self . " ( Uten anførselstegn for enten oppføring. )
5
Klikk " OK " for å bruke linken.
6
Fortsett å lage skiver og bruke linker til du har opprettet alle linkene du trenger.
7
Klikk på "File " på menylinjen og velg "Lagre for Web og enheter . " Dette viser Save for Web & Devices dialogboksen . Denne dialogboksen lar deg kontrollere flere konfigurasjonsmuligheter for HTML- side , for eksempel bakgrunnsfarge , bildekvalitet , kompresjon , metadatakoder (for søkemotorer) og så videre.
8
Klikk på " Lagre" ; knappen for å navngi og eksportere websiden. Med mindre du endrer det, sparer Photoshop HTML-filen i samme katalog som PSD . Dobbeltklikk på HTML -filen for å åpne den nye siden i en nettleser og sjekk linkene . Hvis koblingene ikke fungerer ordentlig , sjekk dem i Rediger Slice Alternativer for å sørge for at de skrev og konfigurert.
