Hvordan lage et bilde i et bilde med en lenke? Slik legger du inn en lenke i et bilde

Ved å lage bannere og nettstedskart, møter nybegynnere webmastere et slikt problem som å sette inn en lenke inn i bildet, noe som gjør den til en meny lysere og mer interessant. Men hvordan gjør du dette? Det er ikke noe enklere hvis du kjenner språket i HTML.

La oss finne ut hvordan du kan gjøre denne venture til virkelighet. I denne artikkelen vil vi tilby deg to alternativer for å løse problemet. Man benyttes sjelden på grunn av det faktum at det tar mye tid og krefter, den andre anses velkjent. Vi vil diskutere begge veier.

Der bildet-lenken brukes

Før vi snakker om hvordan du lager et bilde i et bilde, vil vi finne ut hvor og for hva de brukes til. Det vil gjøre det lettere å forstå hva vi vil ha fra bildet.

Bilder-koblinger brukes vanligvis som bannere, og påbereder salgsfremmende tegninger. Et eksempel på dette kan tjene som bilder i samme "VKontakte". Husk hvor mange ganger har du noen gang klikket på et bilde der en bestemt adresse var innebygd? I tillegg er de ganske ofte brukt som menygrupper og lokalsamfunn, spesielt hvis de inneholder spesielle oppføringer. Mange slike bilder finnes på andre nettsteder.

Sett inn en lenke på bildet

Det enkleste er en bildelink. Vi snakker om det først. Denne illustrasjonen er en klar referanse. Det vil si ved å klikke på et slikt bilde, blir du omdirigert til en ny side.

Hvis du vet hvordan en vanlig lenke er satt ved hjelp av HTML-oppslag, bør du ikke ha problemer. Den eneste forskjellen er at et bilde er angitt i stedet for koblingsteksten.

Så, for å utføre planen, trenger du selve bildet, nedlastet til Internett eller plassert på datamaskinen din (avhengig av om du vil jobbe i online-modus, faktisk på nettstedet eller bruke redaktørene).

Vi ser etter adressen til bildet, vi skriver det ned for ikke å glemme det. Løs også lenken som dette bildet skal åpne.

Deretter skriver vi følgende: bilde - spesiell kode . En bildelink er satt med den.

Dermed foreskriver vi en lenke som vises som en illustrasjon. Ganske enkelt og enkelt. Men dette vil bare fungere hvis du tror at det bare skal være en lenke på den. Og hva om det skulle være mer enn en? Så går vi videre til de andre alternativene.

Lag en meny fra bildet

Den første metoden ble utviklet uavhengig i løpet av studiet av oppslagsspråket til nettsider. Å lage en slik meny kan ta et par timer.

Denne metoden er egnet for de som liker å rote rundt med forskjellige redaktører, da det er ganske arbeidskrevende og tar litt lengre tid enn å lage en meny eller et kort på den andre måten. Det består i det faktum at et bilde er tatt, som er kuttet i flere strimler eller firkanter. Hvert bilde er signert og en link er opprettet basert på den, som beskrevet ovenfor. Videre i koden på siden er ordene foreskrevet i ønsket rekkefølge. Det er alt, spørsmålet om hvordan du lager et bilde på bildet, en lenk, nesten løst. Men ikke glem det andre alternativet.

Det er å lage en meny med bare ett bilde, og gi en referanse for hvert område av illustrasjonen. Ikke vær redd, det er ingenting ekstremt i dette. Og nå om alt i orden.

Hvordan lage

La oss ta en nærmere titt på den første metoden.

Til å begynne med trenger du kunnskap om grafiske redaktører og HTML. Som et bilde for å lage en link, vil denne typen sideoppsett spørre deg.

Så, hvis du bestemmer deg for å gå på den måten, trenger du et bilde og en enkel grafisk editor som lar deg klippe bilder og sette påskrift på dem, samt et sted hvor du kan fylle dem.

Hvis dette er ditt eget nettsted - et vanlig galleri eller et bibliotek med filer er egnet, for "VKontakte" kan det være et gruppe- eller fellesskapalbum (helst lukket).

Deretter bør du kutte bildet i deler, mens du husker rekkefølgen der delene kommer. Vi legger på påskriften og fyller den med serveren, vi skriver ned koblingene til hver illustrasjon.

Vi tar koden som er nevnt ovenfor og erstatter de nødvendige dataene der. Da laster vi opp bilder til nettstedet nøyaktig i den rekkefølgen de skal gå i. I dette tilfellet, hvis du kutter det i strimler, må du sette hver lenke fra en ny linje, men hvis du delte bildet i rutene, må du sette så mange linker i linjen som det er firkanter.

Lag et nettstedskart

Så hvis du ikke er fornøyd med det første alternativet, og du vil lære å lage et bilde på bildet, er det en kobling på en annen måte, så kan vi tilby deg å utvikle et kart over koblinger. Det blir lettere, her kan jeg bare få problemer med å sette parametere. Hvorfor forstå videre

Først og fremst husk at nettstedskartet kobles til bildet ved hjelp av kommandoen usemap = "# map1, som er foreskrevet i img-taggen. Derfor må du legge til den andre delen i taggen - usemap =" # map name "når du fyller ut bildet på nettstedet.

Videre merking av bildet i sonene som koblingene er vedlagt, gjøres ved hjelp av paret

Merk at når du bruker denne typen kartopprettelse, bør du spesifisere ikke bare lenker, men også deres handlingsområder og koordinater. Deretter skal vi analysere de grunnleggende parametrene som denne tagnamen besitter.

Link alternativer

Så, du har en ferdig bildeforbindelse foran øynene dine. HTML lar deg forbedre funksjonaliteten til dette bildet betydelig - for å markere det på et bestemt område som referanse. Alt dette er satt ved hjelp av spesielle parametre, som vil bli diskutert nå.

La oss snakke litt om de grunnleggende parametrene til paret

Videre innenfor den sammenkoblede taggen

Den aller første er form. Med den setter webansvarlig visningen av området. Det kan være:

• Sirkelsirkel;
• Rect rektangel;
• Polygon - poly;
• Resten av bildet er standard.

Den neste er koordinater. Det brukes til å sette koordinatene til området i piksler. Opprinnelsen i dette koordinatsystemet er øverste venstre hjørne. Det er her hovedproblemet ligger - det er ikke så lett å spesifisere koordinater ved hjelp av piksler, spesielt hvis du ikke kjenner til datamaskingrafikken.

Vi nevner også den ganske kjente href, som angir adressen til lenken.

Og den siste parameteren som skal nevnes er nohref. Det indikerer at det angitte omfanget ikke er en lenke.

Selvfølgelig er dette ikke en komplett liste over parametere som kan settes til et bildelink eller kart. Men samtidig er det nok å skape en lys og fargerik lenke eller til og med et helt system av dem.

tips

Uansett hvor du vil lage et link-bilde , er det viktigste at det opprinnelige bildet er bra. Prøv å velge de tegningene som ikke er iøynefallende, ikke irritere med lyse farger eller mønstre. Dette er spesielt viktig for nettstedskartet. Du kan lage en collage av flere bilder, mørke dem eller inkludere ett av filtrene i en hvilken som helst grafikkredigerer.

Når du oppretter et nettstedskart, anbefales det å velge bilder med myke, ikke-irriterende mønstre. Tro meg, ikke alltid nøkkelen til suksess er et lyst bilde - en lenke. "VKontakte", men fokuserer ofte på lysstyrke og flamboyance, for å tiltrekke seg nye besøkende.

funn

La oss oppsummere. Vi har funnet ut hvordan du lager et bilde i et bilde med en link, og vi så på to måter som du kan like vellykket bruke til å lage menyer av varierende grad av kompleksitet. I tillegg fant vi ut hvordan du setter et koblingsbilde, og lærte også om de grunnleggende parametrene som lar deg lage et ganske praktisk kart over et nettsted, en gruppe eller et fellesskap.