Hvordan lage en klikkbar Picture Link

Hvordan lage en klikkbar Picture Link


Nettsteder laget å selge produkter bruker ofte klikkbare bilder. Besøkende klikker på mindre bilder, eller "Miniatyrer", og er rettet mot en spesiell side på nettstedet, en større versjon av bildet, eller informasjon om elementet i spørsmålet. Å gjøre en bildelink ligner til å gjøre en normal tekst eller "hyperkobling". Den eneste forskjellen mellom de to er koden som brukes til å fortelle på Internett at koblingen er et bilde og vise det som sådan. For å lage en klikkbar bildekobling, må brukerne først ha bildet ligger på nettet, vet det URL-adressen og skrive riktig HTML-kode for å vikle rundt bildets nettadresse.

Bruksanvisning

1 Optimaliser bilde for web ved å lagre det som en JPEG-fil på 72 DPI eller punkter per tomme. Pass på at størrelsen på bildet passer plassen der du vil at det skal vises. Et bilde størrelse 200 piksler torget er ideelt for bilder i en elektronisk katalog hvor flere bilder vises på hver side. Den mindre størrelsen på bildene gjør at siden lastes raskt.

2 Last opp bildet ditt enten til en gratis image host som "photobucket.com", "imageshack.us," og "tinypic.com" eller laste det opp til din egen webhost. Kopier URL eller web-adressen der bildet ligger på nettet og lime den inn i et tomt dokument for sikkerhets skyld.

3 Åpne nettsiden du ønsker å redigere. Finn området der du vil at bildet skal vises, og deretter kopiere og lime inn kodelinje nedenfor.

<a href="URL adresse der yoú ville som bildet å ta besøkende når den er ferdig clicked.">

<Img />

</a>

4 Skift der det står "URL-adresse der du vil at bildet skal ta besøkende når det klikkes" med URL-adressen til bildets eller produktets side. For eksempel, hvis bildet er av en postkasse, og du vil at det skal lede besøkende til ditt "Kontakt oss" siden, vil du plassere URL-adressen til din "Kontakt oss" siden på den plassen.

5 Kopier bildet adressen du lagret i et tomt dokument og lime det inn der det står "bilde URL eller sted på nettet." Lagre endringene i din nettside eller blogg, og sjekk bildelink. Hvis det leder deg til en ny side når den klikkes, ble kodingen gjort riktig. Merk imidlertid at hvis det leder deg til en annen side eller en "Side ikke funnet" feil, må du kanskje sjekke URL-adressen til nettsiden din, så vel som bildet på nytt. Sjekk at du har inkludert "http: //" og gjøre andre endringer som er nødvendig.