Hoe om 'n foto-in-beeld verwys? Hoe om 'n skakel na 'n prentjie te voeg

Die skep van baniere en site maps, is beginner webmasters gekonfronteer met so 'n probleem, hoe om 'n skakel te plaas na 'n prentjie, doen met dit helderder en meer interessant spyskaart. Maar hoe om dit te implementeer? Daar is niks makliker as jy weet HTML taal.

Kom ons vind uit hoe ons 'n werklikheid van hierdie idee kan maak. In hierdie artikel, sal ons u twee opsies om die probleem op te los bied. Een selde gebruik as gevolg van die feit dat dit neem baie tyd en moeite, terwyl die tweede word beskou as goed bekend. Ons analiseer met julle albei.

Waar beeld-skakel word gebruik

Voordat ons praat oor hoe om 'n foto-in-beeld verwys, sal ons verstaan waar en waarom dit gebruik word. Na alles, sal dit makliker wees om te verstaan wat ons wil uit die beeld.

Beelde skakels word algemeen gebruik as baniere, advertensies tout tekeninge. Voorbeelde hiervan is die foto's is almal in dieselfde "VKontakte". Onthou hoeveel keer jy klik op die foto waaraan 'n bepaalde adres is gebou? Daarbenewens, dikwels dit gebruik word in die vorm van spyskaart groepe en gemeenskappe, veral as hulle spesiale inskrywings bevat. Baie sulke beelde gevind word op ander webwerwe.

Plak die skakel in die prentjie

Die eenvoudigste ding - 'n prentjie-skakel. Dis oor dit, praat ons om te begin. Hierdie illustrasie is 'n gereed verwysing. Dws kliek op hierdie ikoon, sal jy herlei word na die nuwe bladsy.

As jy weet hoe dit gedefinieer word deur 'n gemeenskaplike skakel met die hulp van HTML-opmaak, die probleme wat jy kan opstaan. Die enigste verskil is dat in plaas van teks skakels is beeld verskaf.

So, om sy plan uit te voer, die prentjie self, gelaai met die internet of op jou rekenaar gestoor moet jy (afhangende van of jy besig is in aanlyn-modus, eintlik op die webwerf, of zadeystvuete redakteurs).

Ons is op soek na 'n beeld adres, skryf dit, nie om te vergeet. Ook los die skakel wat hierdie foto moet oopmaak.

Volgende, skryf die volgende: - 'n spesiale kode . Beeld-skakel word gedefinieer met sy hulp.

So, ons voorskryf 'n skakel wat vertoon word in die vorm van illustrasie. Redelik maklik. Maar hierdie benadering slegs as jy glo dat daar net een skakel moet wees. Maar wat as daar moet 'n paar wees? Dan beweeg ons na ander opsies.

Maak 'n spyskaart van foto's

Die eerste metode is onafhanklik van mekaar ontwikkel in die studie van webblaaie opmaak taal. Die skepping van so 'n spyskaart kan 'n paar uur neem.

Hierdie metode is geskik vir diegene wat daarvan hou om te geknoei met verskeie redakteurs, want dit is baie tyd in beslag neem en neem 'n bietjie langer as die skepping van die spyskaart of die tweede metode. dit lê in die feit dat die foto is geneem, wat in verskeie repe of blokkies gesny. Elke beeld is onderteken, en die basis vir 'n skakel, soos hierbo beskryf. Volgende, is die kode bladsy tags geskryf in die korrekte volgorde. Dit is al wat 'n vraag van hoe om 'n foto-in-beeld verwysing, byna opgelos maak. Maar moenie vergeet om oor die tweede opsie.

Hy is na 'n spyskaart te maak met net een prentjie, vra vir elke sone illustreer sy skakel. Moenie bekommerd wees nie, niks van hierdie uiters komplekse in hierdie. Nou, in die eerste dinge eerste.

Hoe om te maak

Kom ons kyk na 'n bietjie meer die eerste manier.

Om mee te begin, sal jy kennis van grafiese redakteurs, en HTML nodig. Hoe om 'n verwysing beeld maak, dit vertel hierdie soort opmaak bladsye.

So, as jy besluit om te gaan op hierdie manier, jy sal 'n beeld en 'n eenvoudige grafiese redakteur wat jou toelaat om die foto's te sny en sit op hul etikette, sowel as 'n plek waar jy kan om hulle te vul sal wees benodig.

As dit jou eie webwerf - geskik konvensionele gallery of biblioteek lêers, vir "VKontakte" dit kan 'n groep album of gemeenskap (verkieslik gratis) wees.

Verder, die beeld om in stukke gesny, dus is dit nodig om die volgorde waarin dele ontvang onthou. Gestempel op hulle inskripsies en vul die bediener, skryf die verwysings op elke illustrasie.

Neem die kode daarbo, en na die verlangde data te vervang. vul dan die beeld op die webwerf in die volgorde waarin hulle langs moes trek. Terselfdertyd, as jy dit in repies gesny, dan moet jy elke skakel vra in 'n nuwe lyn, maar as jy foto's gedeel in blokkies, dan moet jy in 'n ry om te sit as baie skakels soos dit blyk blokkies.

Ons doen 'n site map

So, as jy nie hou van die eerste weergawe, en jy wil om te leer hoe om 'n foto-in-beeld verwysing in enige ander plek te maak, kan ons u bied om 'n kaart verwysing ontwikkel. Dit maak dit makliker, hier kan slegs plaasvind met die taak parameters van die probleem. Hoekom sal meer verstaan.

In die eerste plek moet ons onthou dat die sitemap is verbonde aan die beeld met behulp van die opdrag usemap = "# Kaart 1, wat dus voorgeskryf in die tag img, vul die beeld op die webwerf, seker wees om die etiket te voeg in die tweede deel -. Usemap =" # kaart naam ".

Verdere opmaak beelde in sones, wat verbonde is aan die links is gedoen met behulp van 'gepaar tag , wat in 'n gerieflike plek geplaas kan word tussen die gepaarde tags .

Let daarop dat wanneer die gebruik van hierdie tipe van kaart moet gevra word nie net links, maar ook die gebied van hul aktiwiteite en koördinate. Volgende, sal ons die basiese parameters wat die etiket het ondersoek.

kortpad instellings

So, voor jou oë, gereed-verwysing prentjie. HTML kan jy aansienlik verbeter die funksie van die beeld - dit wys 'n sekere area vir verwysing. Al hierdie dinge is deur spesifieke parameters, wat nou bespreek gaan word.

Kom ons praat 'n bietjie oor die basiese parameters van die gepaarde tag . Hoofsaaklik hierdie naam, wat gelyk is aan die waarde usemap is. Sodat jy aanwys wat die kaart is geskryf om die prentjie.

Verder binne die tag paar voorgeskryf ander tag - , wat die gebied van verwysing beskryf. Hy is nie die man en, natuurlik, dit het sy eie parameters.

Die eerste - vorm. Met die hulp van 'n webmeester stel 'n soort van veld. Dit kan wees:

• sirkel - sirkel;
• reghoek - rect;
• Veelhoek - poli;
• rusarea foto's - verstek.

Volgende - koördinatestelsel. Met die hulp van die koördinate van die pixel gebied. Die oorsprong in hierdie assestelsel - die boonste linkerhoek. Dit was toe, en is die grootste probleem - nie so maklik om die koördinate te definieer deur die pixels, veral as daar is geen kennis van rekenaargrafika.

Ons noem ook baie bekend href, wat die adres van die skakel stel.

En die laaste opsie, wat genoem word, - nohref. Dit dui aan dat hierdie streek is nie 'n verwysing.

Natuurlik, dit is nie 'n volledige lys van parameters wat jy die foto of die skakel-kaart kan stel. Maar op dieselfde tyd, sal dit genoeg wees om 'n helder en kleurvolle skakel of selfs die hele hul stelsel te skep.

Wenke

Wat ook al manier vir die skep van skakels, beelde wat jy kies, die belangrikste ding is dat die oorspronklike beeld was goed. Probeer om die ontwerpe wat nie die oog vang nie, moenie die helder kleure of patrone nie irriteer kies. Dit is veral belangrik vir 'n site map. Jy kan 'n collage maak van 'n paar foto's, donkerder hulle of draai op een van die filters in 'n grafiese program.

As jy 'n sitemap word aanbeveel om 'n beeld met 'n sagte, nie-irriterend vir die oog patrone te kies. Glo my, is nie altyd die sleutel tot sukses - helder prentjie -Link. "VKontakte" egter dikwels fokus net op die glans en showiness, ten einde nuwe besoekers te lok.

bevindings

Om op te som. Ons is saam met jou uitgepluis het hoe om 'n foto-in-beeld verwys, en kyk na twee maniere waarop jy ewe goed gebruik kan word om 'n spyskaart van verskillende probleme skep. Verder het ons uitgepluis het hoe om die beeld-skakel te stel en te leer oor die hoof parameters wat u toelaat om 'n hele handige kaart van die webwerf, groep of gemeenskap te skep.