Израда банера и мапа сајта, почетницииздавачи се суочавају са проблемом да уметну везу у слику, да уз помоћ ње учине мени светлијим и занимљивијим. Али како се то може учинити? Не може бити лакше ако знате ХТМЛ језик.
Откријмо како можете превести настварност овог подухвата. У нашем чланку ћемо вам понудити две могућности за решавање проблема. Један се користи прилично ретко због чињенице да му треба пуно времена и труда, док је други опште познат. Анализираћемо обе методе.
Пре него што разговарамо о томе како да направимо везу слика у слици, схватимо где и зашто се користе. На крају крајева, биће лакше разумети шта желимо од слике.
Слике веза обично се користе каобанери који позивају рекламне слике. Пример за то су слике у истом „ВКонтакте“. Сетите се колико сте пута морали да кликнете на фотографију на којој је уграђена ова или она адреса? Поред тога, прилично се често користе у облику менија групе и заједнице, посебно ако садрже посебне уносе. Много таквих слика се може наћи на другим веб локацијама.
Најједноставнија ствар је веза са сликом.Прво ћемо о томе. Ова илустрација је готова веза. Односно, кликом на такву слику бићете преусмерени на нову страницу.
Ако тачно знате како се поставља уобичајена веза помоћу ХТМЛ ознаке, не бисте требали имати проблема. Једина разлика је у томе што је уместо текста везе наведена слика.
Дакле, да бисте остварили своје планове, вибиће вам потребна сама слика, отпремљена на Интернет или смештена на вашем рачунару (у зависности од тога да ли ћете радити на мрежи, на самој веб локацији или помоћу уредника).
Тражимо адресу слике, запишите је како не бисте заборавили. Такође поправљамо везу коју би ова фотографија требало да отвори.
Затим напишемо следеће: <а хреф=" линк аддресс"> слика </а> - посебан код. Слика везе поставља се тачно уз њену помоћ.
Тако напишемо везу којаприказан као илустрација. Сасвим лако и једноставно. Али ово ће функционисати само ако мислите да на њему треба да постоји само једна веза. Шта ако их треба бити неколико? Затим пређимо на остатак опција.
Прва од ових метода развијена је независно током учења језика за означавање веб страница. Стварање таквог менија може потрајати неколико сати.
Ова метода је погодна за оне који воле да се петљајуразличитих уредника, јер је то прилично мукотрпно и траје мало дуже од стварања менија или мапе на други начин. Састоји се у чињеници да се слика, која је исечена на неколико трака или квадрата. Свака слика је потписана и на њој се креира веза, као што је горе описано. Даље у коду странице, ознаке се записују у траженом редоследу. То је све, питање како направити везу слика у слици је практично решено. Али не заборавите на другу опцију.
Састоји се у томе да направите мени са само једном сликом, постављајући свој линк за сваку зону илустрације. Не брините, у овоме нема ништа застрашујуће. А сада о свему по реду.
Размотримо детаљније прву методу.
За почетак ће вам требати знање графичких уредника и ХТМЛ-а. Ова врста изгледа странице ће вам рећи како да слику претворите у везу.
Па, ако одлучите да идете овим путем,биће вам потребна слика и једноставан графички уређивач који вам омогућава да исечете слике и ставите натписе на њих, као и место где их можете попунити.
Ако је ово ваша веб локација, уобичајена галерија или библиотека датотека ће вам помоћи, јер за ВКонтакте то може бити албум групе или заједнице (по могућности затворен).
Даље, слику треба да исечете на делове, саОбавезно упамтите редослед којим иду примљени делови. На њих стављамо натписе и постављамо их на сервер, записујемо везе до сваке илустрације.
Узмемо горњи код и тамо га заменимопотребни подаци. Затим отпремимо слике на веб локацију оним редоследом којим треба да иду. Штавише, ако га исечете на траке, тада морате сваку везу поставити на нову линију, али ако сте фотографију поделили на квадрате, тада у линију морате ставити онолико веза колико има квадрата.
Дакле, ако нисте задовољни првом опцијом, и виако желите да знате како да направите везу слика у слици на другачији начин, можемо вам понудити да развијете мапу веза. То је олакшано, али можда имам проблема са подешавањем параметара. Зашто, разумећете даље.
Пре свега, треба да запамтите да је картицасајт је повезан са сликом помоћу наредбе усемап = "# мап1, која је записана у имг тагу. Због тога, приликом отпремања слике на локацију, обавезно додајте други део у ознаку - усемап =" # назив мапе ".
Даље обележавање слике у зоне у којевезе су приложене, то се користи помоћу упарене <мап> </мап> ознаке, која се може поставити на било које вама прикладно место између упарених <боди> </боди> ознака.
Имајте на уму да када користите овај тип стварања мапе, требало би да наведете не само везе, већ и њихова подручја деловања и координате. Затим ћемо анализирати главне параметре које има ова ознака.
Дакле, пред вашим очима је готова веза са сликом.ХТМЛ вам омогућава да значајно побољшате функционалност ове слике - да бисте истакли одређено подручје на њој за везе. Све ово се поставља помоћу посебних параметара, о којима ће се сада разговарати.
Разговарајмо мало о основним параметрима ознаке пар <мап>. Пре свега, то је име, које је једнако вредности корисничке карте. Дакле, мислите да је ова картица написана посебно за ову слику.
Даље, унутар упарене <мап> ознаке, написана је друга ознака - <ареа>, која описује подручја везе. Није упарен и, наравно, има своје параметре.
Прво је облик. Уз његову помоћ, вебмастер поставља врсту подручја. То би могло бити:
Следеће су координе.Користи се за постављање координата подручја у пикселима. Полазиште у овом координатном систему је горњи леви угао. Ту лежи главни проблем - није тако лако поставити координате помоћу пиксела, поготово ако нема познавања рачунарске графике.
Такође ћемо споменути прилично познати хреф, који поставља адресу везе.
И последњи параметар који треба споменути је нохреф. То показује да наведено подручје није веза.
Наравно, ово није потпуна листа.параметри који се могу поставити за везу-слику или мапу. Али истовремено ће бити довољно да створите светлу и живописну везу или чак цео њихов систем.
Који год начин да створите слике везаније изабран, главна ствар је да је оригинална слика добра. Покушајте да изаберете оне дизајне који нису упадљиви, не досадни јарким бојама или узорцима. Ово је посебно важно за мапу сајта. Можете направити колаж од неколико фотографија, затамнити их или укључити један од филтера у било ком графичком уређивачу.
При креирању мапе сајта препоручује се одабирслике са меким, не иритирајућим узорцима. Верујте ми, није увек кључ успеха светла слика-веза. „ВКонтакте“ се, међутим, често фокусира на осветљеност и привлачност како би привукао нове посетиоце.
Сумирајмо.Открили смо како да направимо везу слика у слици и размотрили смо две методе које се подједнако успешно могу користити за стварање менија различитог степена сложености. Поред тога, схватили смо како да поставимо слику везе, а такође смо сазнали и о главним параметрима који вам омогућавају да направите прилично згодну мапу сајта, групу или заједницу.
