Како направити референцу слика у слици? Како да убаците линк ка слици

Прављење банера и мапе сајта, вебмастери почетници се суочавају са овим проблемом, како да убаците линк ка слици, с тим светлије и занимљивији мени. Али како то спровести? Не постоји ништа лакше ако знате ХТМЛ језика.

Хајде да сазнамо како можемо да створимо ове идеје. У овом чланку, ми ћемо вам понудити две опције за решавање проблема. Један ретко користи због чињенице да је потребно много времена и труда, док се сматра другом да се добро познати. Ми анализирамо са обома.

Где слика-линк користи

Пре него што говоримо о томе како направити референцу слика у слици, ми треба да разуме где и зашто се користе. На крају крајева, то ће бити лакше схватити шта желимо са слике.

Слике везе се обично користе као банери, огласи тоут цртеже. Примери за то су слике су сви у истом "ВКонтакте". Не заборавите колико сте пута кликните на слику за који је изграђен посебан адреса? Осим тога, врло често се користе у облику група менија и заједница, нарочито ако садрже посебне ставке. Многе такве слике се налазе на другим сајтовима.

Налепите везу у слици

Најједноставнија ствар - слика-веза. То је због тога, говоримо да почне. Ова илустрација је спреман референца. Тј кликом на ову икону, бићете преусмерени на нову страницу.

Ако знате како је то дефинисано заједничким везе уз помоћ ХТМЛ-ознаке, проблеми треба да се појави. Једина разлика је да уместо текстуалних линкова је наведено слику.

Дакле, да спроведе свој план, потребан вам је сама слика, постављен на интернет или сачуване на рачунару (у зависности од тога да ли се ради у онлине режиму, заправо на сајту, или задеиствуете уредника).

Ми смо у потрази за адресу слике, пишете, да се не заборави. Такође, поправити везу која би требало да отвори ову слику.

Затим, напишите следеће: <а хреф="хттп:// сајт /артицле/150142/%Д0%Б0%Д0%Б4%Д1%80%Д0%Б5%Д1%81 ссилки"> слике - специјални код . Имаге-линк дефинише уз помоћ ње.

Стога, ми прописати линк који се приказује у облику илустрација. Прилично лако. Али овај приступ само ако сматрате да треба да постоји само једна карика. Али шта ако треба да постоји неколико? Онда прелазимо на друге опције.

Направите мени слика

Први метод је развијен независно у студији веб страница означавање језика. Стварање таквог мени може потрајати неколико сати.

Овај метод је погодан за оне који воле да се поигравати са разним уредницима, као што је прилично времена и траје мало дуже од стварања картице менија или другом методом. лежи у чињеници да се слика се узима, који се секу у неколико трака или квадрата. Свака слика је потписан, а основа за везу, као што је горе описано. Даље, код страница ознаке су написане у исправном редоследу. То је све питање како направити слику у слици референцу, скоро решен. Али не заборавите на друге опције.

Он је направити мени само са једном сликом, тражећи сваку зону илуструју његову везу. Не брините, ништа то изузетно сложен у ово. Сада, редом.

Како направити

Размотримо мало више први пут.

За почетак, потребно је знање графичких уредника, и ХТМЛ. Како направити референтну слику, она говори ову врсту означавање страница.

Дакле, ако сте одлучили да одете на овај начин, мораћете слику и једноставан графички едитор који вам омогућава да смањи слике и ставити на њиховим етикетама, као и место где ћете моћи да их попуни.

Ако је ово ваш веб-сајт - погодне конвенционалне слике или библиотеки, за "Вконтакте" то може бити група албум или заједнице (по могућству бесплатно).

Даље, слика која ће се исећи на комаде, тако да је неопходно да се сетим редослед којим су добили део. Печат на њих натписа и напуните сервер, написати референце на сваком илустрација.

Узмите код изнад, и да се замени жељене податке. Затим попуните слику на сајту у редоследом којим треба да иде. У исто време, ако га исећи на траке, онда морате да питате сваку везу у новом реду, али ако сте делили фотографије у квадратима, онда морате да ставите у низу онолико везе како се испоставило квадрата.

Ми радимо мапу сајта

Дакле, ако вам се не свиђа прву верзију, а желите да научите како да направите слику у слици референцу на било који други начин, можемо да вам понудимо да развије референцу карту. То је било лакше, овде може да се догоди само са параметрима задатком проблема. Зашто ће разумети више.

Прво, треба да се присетимо да је мапа је повезан са слике користећи команду усемап = "# Мап1, која је прописана у овим тагом имг Дакле, пуњење слику на сајту, обавезно додати ознаку у другом делу. - усемап =" # мап наме ".

Даље означавање слика у зонама, које су везане за линкове се врши помоћу упарен ознаке <мапа> , који се може поставити на било ком погодном месту између упарених ознака <тело> .

Имајте на уму да када користите овај тип карте треба тражити не само везе, али и подручје њихових активности и координатама. Следеће, ми ћемо испитати основне параметре који има ознаку.

схортцут подешавања

Дакле, пред вашим очима, спремна референтна слика. ХТМЛ-вам омогућава да значајно побољша функционалност слике - да га издвоји одређену област за референцу. Све ово даје одређених параметара, који ће сада бити разматране.

Хајде да причамо мало о основним параметрима упарене тага <мап>. Првенствено то име, што је једнако вредности усемап. Тако да одреди да је картица написан на слици.

Даље унутар ознаке пар <мап> прописана други таг - <површине>, који описује подручје референце. Он није момак и, наравно, има своје параметре.

Први - облик. Уз помоћ вебмастер поставља врсту поља. То може бити:

• цирцле - цирцле;
• рецтангле - РЕЦТ;
• Полигон - поли;
• Рест Ареа фото - дефаулт.

Нект - цоордс. Уз помоћ координата подручја пиксела. Порекло у овом координатном систему - горњи леви угао. Тада је, и то је главни проблем - није тако лако одредити координате које су пиксела, поготово ако нема познавање компјутерске графике.

Ми такође помињу сасвим чувену хреф која одређује адресу линка.

И последња опција, која се помиње, - нохреф. То показује да овај регион није референца.

Наравно, ово није комплетна листа параметара који можете подесити слику или линк-карту. Али у исто време, то ће бити довољно да се створи светле и шарене везу или чак и њиховог система.

Савети

На који год начин за стварање линкова, слика које сте изабрали, важно је да је оригинална слика била добра. Покушајте да изаберу оне пројекте који не привлаче пажњу, не иритира светле боје или шаре. Ово је посебно важно за карти сајта. Можете направити колаж од неколико фотографија, даркен их, или укључите један од филтера у графичком програму.

Када направите мапа се препоручује да изаберете слику са меки, не иритира образаца ока. Верујте ми, није увек кључ успеха - светла слика -Линк. "Вконтакте", међутим, често фокусирају само на осветљености и сховинесс, како би привукли нове посетиоце.

налази

Да резимирамо. Ми смо са вама схватио како направити референцу слика у слици, и погледао два начина да се подједнако добро да се користе за креирање мени различитог проблема. Поред тога, мислили смо како да подесите имаге-линк и уче о основним параметрима који омогућавају да направите доста згодан мапу сајта, групи или заједници.