Kako narediti sliko na sliki s povezavo? Kako vstaviti povezavo v sliko

Ustvarjanje pasic in zemljevidi spletnega mesta, novice spletni skrbniki se soočajo s tako težavo kot vstavljanje povezave v sliko, zaradi česar je meni svetlejši in bolj zanimivo. Ampak kako to storiti? Nič ni lažje, če poznate jezik HTML.

Ugotovimo, kako uresničiti to podjetje v resničnosti. V tem članku vam bomo ponudili dve možnosti za rešitev problema. Eno se redko uporablja zaradi dejstva, da je potrebno veliko časa in truda, druga pa velja za dobro znano. Omenili bomo oba načina.

Kjer se uporablja slikovna povezava

Preden se pogovorimo o tem, kako narediti sliko na sliki povezavo, bomo ugotovili, kje in za kaj se uporabljajo. To bo olajšalo razumevanje, kaj želimo od slike.

Slike-povezave se običajno uporabljajo kot pasice, ki uveljavljajo promocijske risbe. Primer tega lahko služi kot slike vse v isti "VKontakte". Ne pozabite, kolikokrat ste že kdaj klikali na fotografijo, v kateri je bil vdelan določen naslov? Poleg tega se pogosto uporabljajo kot skupine menijev in skupnosti, zlasti če vsebujejo posebne vnose. Veliko takšnih slik najdemo na drugih spletnih mestih.

Vstavite povezavo na sliko

Najenostavnejša stvar je slikovna povezava. Najprej bomo o tem govorili. Ta slika je že pripravljena referenca. To pomeni, da kliknete na takšno sliko, boste preusmerjeni na novo stran.

Če veste, kako je običajna povezava nastavljena z oznako HTML, potem ne bi smeli imeti težav. Edina razlika je, da je namesto besedila povezave določena slika.

Torej, izvajati svoj načrt, morate sliko sam, naložili na splet, ali so shranjeni na računalniku (odvisno od tega, ali delate v spletni način, dejansko na mestu, ali zadeystvuete uredniki).

Iščemo naslov slike in ga zapišite, da ga ne pozabite. Prav tako določite povezavo, ki bi jo morala odpreti ta fotografija.

Nato pišemo naslednje: sliko - posebno kodo. Z njim je nastavljena slikovna povezava.

Tako predpisujemo povezavo, ki je prikazana kot ilustracija. Precej enostavno in enostavno. Ampak to bo delovalo le, če mislite, da bi morala biti le ena povezava. Kaj, če bi moral biti več kot eden? Potem se premaknemo na druge možnosti.

Na sliki naredite meni

Prva metoda je bila razvita samostojno pri proučevanju označevalnega jezika spletnih strani. Ustvarjanje takega menija lahko traja nekaj ur.

Ta metoda je primerna za tiste, ki se želijo zbrati z različnimi uredniki, saj je precej težaven in traja nekaj več kot ustvarjanje menija ali zemljevida na drugi način. Sestoji iz dejstva, da je posneta slika, ki je razrezana na več trakov ali kvadratov. Vsaka slika je podpisana in na njej je ustvarjena povezava, kot je opisano zgoraj. Nadalje v kodi strani so oznake napisane v zahtevanem vrstnem redu. To je vse, vprašanje, kako narediti sliko na sliki s povezavo, je skoraj rešena. Toda ne pozabite na drugo možnost.

Namenjen je izdelavi menija z eno samo sliko, s katero se določi referenca za vsako področje ilustracije. Ne bodite prestrašeni, v tem ni nič skrajnega. In zdaj o vsem, kar je v redu.

Kako narediti

Poglejmo si podrobneje o prvi metodi.

Za začetek boste potrebovali znanje grafičnih urednikov in HTML. Kot sliko za povezavo vas bo ta tip postavitve strani vprašal.

Torej, če se odločite iti na ta način, boste potrebovali sliko in preprost grafični urejevalnik, ki vam omogoča, da izrežete slike in jih napišete na njih, pa tudi kraj, kjer jih lahko izpolnite.

Če je to vaša spletna stran - primerna je navadna galerija ali knjižnica datotek, za "VKontakte" je lahko album skupine ali skupnosti (po možnosti zaprt).

Nato morate sliko prekiniti v dele, pri tem pa zapomniti vrstni red, v katerem delujejo. Postavili smo jim napise in jih napolnili s strežnikom, napišemo povezave do vsake ilustracije.

Sprejmemo kodo zgoraj in tam zamenjamo potrebne podatke. Nato zapolnite slike na spletnem mestu po vrstnem redu, v katerem naj bi šli. Ob istem času, če ga narežemo na trakove, potem morate vprašati vsakega povezavo v novi liniji, vendar če ste delijo fotografije na kvadrate, potem boste morali dati v vrsti toliko povezave, kot se je izkazalo kvadratov.

Izdelava zemljevida mesta

Torej, če niste zadovoljni s prvo možnostjo in želite izvedeti, kako narediti sliko na sliki povezavo na drugačen način, vam lahko ponudimo, da razvijete zemljevid povezav. Omogočeno je lažje, vendar le pri težavah pri nastavljanju parametrov. Zakaj, boste razumeli še naprej.

Najprej moramo vedeti, da je kazalo priključen na slike z ukazom usemap = "# map1, ki je predpisana v tag IMG zato, da izpolnite sliko na spletni strani, se prepričajte, da dodajte oznako v drugem delu -. Usemap =" # zemljevid ime ".

Nadaljnje označevanje slike v conah, na katere so priključene povezave, se opravi z uporabo oznake za par , ki ga lahko postavite na poljubno mesto, ki je za vas primeren med seznanjenimi oznakami .

Upoštevajte, da pri uporabi te vrste ustvarjanja zemljevida ne določite le povezav, temveč tudi njihove delovne površine in koordinate. Nato bomo analizirali osnovne parametre, ki jih ima ta oznaka.

Možnosti povezave

Torej imate pred vašimi očmi že pripravljeno sliko. HTML vam omogoča, da bistveno izboljšate funkcionalnost te slike - poudarite na njej določeno področje za sklicevanje. Vse to je nastavljeno s posebnimi parametri, o katerih bomo razpravljali zdaj.

Govorimo malo o osnovnih parametrih oznake para

Nato v sezoni seznanjene oznake

Najprej je oblika. Z njim webmaster nastavi pogled na območje. Lahko je:

• krog - krog;
• pravokotnik - rekt;
• poligon - poli;
• ostala slika je privzeta.

Naslednji je coords. Uporablja se za nastavitev koordinat območja v slikovnih pikah. Izvor tega koordinatnega sistema je zgornji levi kot. Tu je glavna težava - to ni tako enostavno določiti koordinat s pomočjo pikslov, še posebej, če ne poznate računalniške grafike.

Omenimo tudi precej dobro znano href, ki določa naslov povezave.

Zadnji parameter, ki ga je treba omeniti, je nohref. Označuje, da določeni obseg ni povezava.

Seveda to ni popoln seznam parametrov, ki jih lahko nastavite na sliko ali povezavo s sliko. Toda hkrati je dovolj, da ustvarite svetlo in barvno povezavo ali celo celoten sistem.

Nasveti

Ne glede na to ustvarite referenčno sliko niste izbrali, glavna stvar je, da je izvirna slika dobra. Poskusite izbrati risbe, ki ne ujamejo oči, ne draži s svetlemi barvami ali vzorci. To je še posebej pomembno za zemljevid. Lahko naredite kolaž iz več fotografij, jih potemni ali vključi enega od filtrov v katerikoli grafični urejevalnik.

Pri ustvarjanju zemljevida spletnega mesta priporočamo, da izberete slike z mehkimi, ne-draži vzorci. Verjemite mi, da ni vedno ključ do uspeha svetla slika - povezava. "VKontakte" pa se pogosto osredotoča na svetlost in plamenost, da bi pritegnili nove obiskovalce.

Sklepi

Povejmo. Smo ugotovili, kako narediti sliko na sliki s povezavo, in pogledali smo dva načina, ki jih lahko enako uspešno uporabite za ustvarjanje menijev različnih stopenj zapletenosti. Poleg tega smo ugotovili, kako nastaviti sliko povezave in se naučili tudi o osnovnih parametrih, ki vam omogočajo, da ustvarite razmeroma priročen zemljevid mesta, skupine ali skupnosti.