Adobe Photoshop gir webdesignere enkle måter å lage og kode grafikk. Enten du trenger en sidebar eller header med flere linker , gjør stykket verktøyet du å kutte opp et bilde , legge til koden for linker og sømløst lagre bildet skiver alle sammen. Photoshop organiserer også og navngir hver skive , slik at du kan holde styr på hver link som du oppretter. Instruksjoner
en
Åpne et grafisk for å ha klippet i Photoshop . Legg til eventuelle effekter før du skjærer og lagre.
2
Klikk på " Slice " verktøy fra verktøykassen til venstre. Den " Slice "-verktøyet ser ut som en sidelengs penn plassert under "Crop "-verktøyet
3
Klikk og dra bokser rundt der du ønsker å kode linker for grafisk - . For eksempel hvis hodet grafikk har tekst som står for linker . Dra separate bokser rundt hver tekstdel . Stykket verktøyet legger tall og skisserer hver boks i blått .
4
Høyreklikk det første stykket boksen og klikk " Rediger slice alternativer. " Skriv inn koden til koblingene i denne dialogen . Skriv inn verdier for "URL ", " Target ", " Meldingstekst " og " Alt tag . " Tast bare en verdi for URL hvis du ikke trenger de andre verdiene .
5
Enter " _blank " for " Target " for å tvinge et nytt vindu for å åpne når den klikkes. Sett " Meldingstekst " til en setning til å vise over koblingen. Skriv inn et uttrykk for " Alt tag" skal vises når en mus svever over koblingen. Klikk "OK" når du er ferdig .
6
Klikk på " File" og velg "Lagre for Web og enheter . " Velg filformat forhåndsinnstilling fra øverste høyre hjørne . A. PNG format er nødvendig for grafikk med gjennomsiktighet . Klikk på " Lagre" når du er ferdig .
7
Åpne nettleseren . Klikk på " File " og " Open". Finn skiver bildet og dobbeltklikk for å åpne . Din skiver bildet vil laste for en forhåndsvisning . Test koblingene på bildet før du legger på bloggen din eller mal .