Sådan laver du en billede-i-billede henvisning? Sådan indsætter et link til et billede

Oprettelse af bannere og site maps, er nybegynder webmastere konfronteret med et sådant problem, hvordan du indsætter et link til et billede, gøre med det lysere og mere interessant menu. Men hvordan man gennemfører det? Der er intet lettere, hvis du kender HTML-sproget.

Lad os finde ud af, hvordan vi kan gøre en realitet af denne idé. I denne artikel, vil vi tilbyde dig to muligheder for at løse problemet. Et sjældent brugt på grund af det faktum, at det tager en masse tid og kræfter, mens den anden anses for at være velkendt. Vi analyserer med jer begge.

Når der anvendes billede-link

Før vi taler om, hvordan man laver et billede-i-billede henvisning, skal vi forstå, hvor og hvorfor de anvendes. Efter alt, vil det være lettere at forstå, hvad vi ønsker fra billedet.

Images links er almindeligt anvendt som bannere, reklamer tout tegninger. Eksempler herpå er billederne er alle i samme "VKontakte". Husk, hvor mange gange du har klikke på billedet, som en bestemt adresse er blevet bygget? Hertil kommer, ganske ofte de anvendes i form af menu grupper og samfund, især hvis de indeholder særlige poster. Mange af disse billeder, der findes på andre sites.

Indsæt link ind i billedet

Den enkleste ting - et billede-link. Det handler om det, vi taler til start. Denne illustration er en klar reference. Dvs. at klikke på dette ikon, vil du blive omdirigeret til den nye side.

Hvis du ved, hvordan det er defineret ved en fælles link ved hjælp af HTML-mærkning, de problemer, du skulle opstå. Den eneste forskel er, at i stedet for tekstlinks er specificeret billede.

Så for at gennemføre sin plan, du har brug for selve billedet, uploadet til internettet eller gemt på computeren (afhængigt af, om du arbejder i online-mode, faktisk på hjemmesiden, eller zadeystvuete redaktører).

Vi er på udkig efter et billede adresse, skrive det, for ikke at glemme. Nå vi ordne det link, der skal åbne dette billede.

Dernæst skriver følgende: billede - en særlig kode . Billede-link er defineret med dens hjælp.

Således ordinere vi et link, der vises i form af illustrationen. Temmelig let. Men denne tilgang, hvis du mener, at der bør være kun ét link. Men hvad nu, hvis der skulle være et par stykker? Så vi går over til andre muligheder.

Lav en menu med billeder

Den første metode blev udviklet uafhængigt i studiet af websider kodesprog. Oprettelsen af en sådan menu kan tage et par timer.

Denne metode er velegnet til dem der kan lide at rode med forskellige redaktører, da det er ganske tidskrævende og tager lidt længere tid end skabelsen af menukortet eller den anden metode. det ligger i det faktum, at billedet tages, som skæres i flere strimler eller firkanter. Hvert billede er underskrevet, og grundlaget for et link, som beskrevet ovenfor. Dernæst kode sidetags skrevet i den rigtige rækkefølge. Det er alt et spørgsmål om, hvordan man laver et billede-i-billede henvisning, næsten løst. Men glem ikke om den anden mulighed.

Han er at lave en menu med kun ét billede, beder om hver zone illustrere dens link. Bare rolig, intet disse ekstremt komplekse i dette. Nu, første ting først.

Hvordan man laver

Lad os undersøge lidt mere den første måde.

Til at begynde med, skal du kendskab til grafisk redaktører og HTML. Hvordan man laver en henvisning billede, det fortæller denne form for markup sider.

Så hvis du beslutter at gå det på denne måde, skal du et billede og en simpel grafisk editor, der tillader dig at klippe billederne og lagt på deres etiketter, samt et sted, hvor du vil være i stand til at udfylde dem.

Hvis dette er din helt egen hjemmeside - vil passe de sædvanlige galleri eller bibliotek filer, for "VKontakte" det kan være en gruppe album eller samfund (helst gratis).

Endvidere til billedet skæres i stykker, derfor er det nødvendigt at huske den rækkefølge, som dele er modtaget. Stemplet på dem inskriptioner og fylde serveren, skriver referencerne på hver illustration.

Tag ovenstående kode, og at erstatte de ønskede data. Så fylde billedet på sitet i den rækkefølge, som de skal gå. På samme tid, hvis man skærer det i strimler, så er du nødt til at spørge hvert led i en ny linje, men hvis du har delt billeder i firkanter, så er du nødt til at sætte i en række som mange links som det viste firkanter.

Vi gør et oversigtskort

Så hvis du ikke kan lide den første version, og du vil lære at lave et billede-i-billede henvisning på anden måde, kan vi tilbyde dig at udvikle et kort reference. Det gjorde det nemmere, her kan kun ske med den opgave parametre for problemet. Hvorfor vil forstå mere.

For det første skal man huske, at sitemap er tilsluttet til billedet ved hjælp af kommandoen USEMAP = "# MAP1, er foreskrevet i tag img Derfor fylder billedet på hjemmesiden, skal du huske at tilføje den tag i den anden del -. USEMAP =" # map navn".

Yderligere markup billeder i zoner, som er knyttet til de links sker ved hjælp af en parret mærke

Bemærk, at når du bruger denne type kort bør anmodes om ikke kun links, men også det område af deres aktiviteter og koordinater. Dernæst vil vi undersøge de grundlæggende parametre, der har mærket.

Genvejsindstillinger

Så før dine øjne, klar-referencebillede. HTML giver dig mulighed for at en væsentlig forbedring funktionaliteten af billedet - at tildele det et bestemt område for reference. Alt dette er givet ved de specifikke parametre, som nu vil blive diskuteret.

Lad os snakke lidt om de grundlæggende parametre for den parrede mærke

Yderligere inde tag parret

Den første - form. Med hjælp fra en webmaster sætter en slags felt. Dette kan være:

• cirkel - cirkel;
• rektangel - RECT;
• Polygon - poly;
• rasteplads billeder - standardindstillinger.

Næste - COORDS. Med hjælp fra koordinaterne for pixel-området. Oprindelsen i dette koordinatsystem - det øverste venstre hjørne. Det var dengang, og er det største problem - ikke så let at definere koordinaterne af pixels, især hvis der ikke er kendskab til computergrafik.

Vi nævner også ganske berømt href, der sætter adressen på linket.

Og den sidste mulighed, som skal nævnes, - nohref. Den viser, at denne region er ikke en reference.

Selvfølgelig er dette ikke en komplet liste over parametre, som du kan indstille billedet eller linket-kortet. Men på samme tid, vil det være nok til at skabe en lys og farverig link eller endda hele deres system.

Tips

Uanset hvilken vej for oprettelsen af links, billeder , du vælger, det vigtigste er, at det originale billede var god. Prøv at vælge de designs, der ikke fanger øjet, ikke irriterer de lyse farver eller mønstre. Dette er især vigtigt for et oversigtskort. Du kan lave en collage af flere billeder, mørkere dem, eller slå en af de filtre i et grafikprogram.

Når du opretter anbefales et sitemap til at vælge et billede med blød, ikke-irriterende for øjet mønstre. Tro mig, er ikke altid nøglen til succes - lyst billede -linket. "VKontakte" dog ofte fokuserer bare på lysstyrke og showiness, med henblik på at tiltrække nye besøgende.

fund

For at opsummere. Vi er med dig regnet ud, hvordan man laver et billede-i-billede henvisning, og så på to måder, du kan lige så godt bruges til at skabe en menu med varierende sværhedsgrad. Desuden har vi fundet ud af, hvordan du indstiller billedet-linket og lære om de vigtigste parametre, der tillader dig at oprette en ganske praktisk kort over lokaliteten, gruppe eller samfund.