Како да се направи упатување слика-во-слика? Како да се вметне линк до сликата

Креирање на банери и мапи сајт, почетник веб-администратори се соочуваат со таков проблем, како да вметнете линк до сликата, прави со него посветла и повеќе интересно мени. Но, како да ја спроведат? Нема ништо полесно ако знаеш HTML јазик.

Дозволете ни да дознаете како можеме да се направи реалност на оваа идеја. Во овој напис, ние ќе ви понудиме две опции да го реши проблемот. Ретко се користи се должи на фактот дека е потребно многу време и напор, додека вториот се смета дека е добро позната. Ние се анализира со вас двајцата.

Кога се користи слика-линк

Пред да зборуваме за тоа како да се направи упатување слика-во-слика, ние треба да се разбере каде и зошто тие се користат. Впрочем, тоа ќе биде полесно да се разбере она што го сакате од сликата.

Слики линкови се користат како банери, реклами се фалат со цртежи. Примери за ова се на сликите се сите во ист "VKontakte". Се сеќавам колку пати сте да кликнете на фотографии на кои е изградена на одредена адреса? Покрај тоа, доста често се користи во форма на мени групи и заедници, особено ако тие содржат посебни влезови. Многу такви слики се најдат на други сајтови.

Ставете линк во сликата

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

Ако знаете како што е дефинирано од страна на заедничка врска со помош на HTML-Селектирај, проблемите треба да се појават. Единствената разлика е во тоа што наместо на текстот врски е наведен на сликата.

Значи, за спроведување на неговиот план, ќе треба самата слика, подигнати на интернет или се чуваат на вашиот компјутер (во зависност од тоа дали ќе се работи во онлајн режим, всушност, на сајтот, или zadeystvuete уредници).

Ние сме во потрага за адреса на сликата, напишете го, да не се заборави. Исто така, утврди врската која треба да се отвори оваа слика.

Следно, напишете го следново: href="http:// сајт - посебен код . Слика-линк е дефинирана со негова помош.

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

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

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

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

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

Како да се направи

Да ги разгледаме малку повеќе првиот начин.

Да започне со тоа, ќе треба познавање на графички уредници, и HTML. Како да се направи упатување на сликата, тоа кажува овој вид на Селектирај страници.

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

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

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

Земете го кодот погоре, и да се замени со саканите податоци. Потоа пополни сликата на сајт во редоследот по кој тие треба да одат. Во исто време, ако го сече ленти, тогаш треба да се праша секој линк во нов ред, но ако имаат заеднички фотографии во плоштади, тогаш треба да се стави во ред како многу линкови како што се плоштади.

Ние го правиме Мапа на сајтот

Значи, ако не ви се допаѓа на првата верзија, и сакате да дознаете како да се направи упатување слика-во-слика на било кој друг начин, можеме да ви понудиме да се развие повикување на сајтот. Тоа го направи полесно, тука може да се случи само со параметрите на задачата на проблемот. Зошто ќе се разбере повеќе.

Прво, ние треба да се запамети дека на карта е поврзан со сликата со користење на командата usemap = "# map1 што е пропишана во img тагот Затоа, пополнување на сликата на сајт, бидете сигурни дека за да се додаде ознака во вториот дел -. Usemap =" # Име на сајтот ".

Понатаму Селектирај слики во зони, кои се во прилог на линкови е направено со помош на пар таг <карта> , која може да се стави во било погодно место меѓу поврзан тагови .

Имајте на ум дека кога се користи овој вид на мапа треба да се бара не само линкови, но, исто така, на подрачјето на нивните активности и координати. Следно, ќе ги проучуваат основните параметри кои има ознака.

кратенка подесувања

Значи, пред вашите очи, готови референца сликата. HTML ви овозможува да значително подобрување на функционалноста на сликата - за да го одвои одредена област за референца. Сето ова е дадена од страна на одредени параметри, кои сега ќе се дискутира.

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

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

Првиот - форма. Со помош на вебмастерот поставува еден вид на поле. Ова може да биде:

• круг - круг;
• правоаголник - rect;
• Многуаголник - поли;
• остатокот област слики - стандардно.

Напред - coords. Со помош на координатите на област пиксели. Потеклото на овој координатен систем - во горниот лев агол. Тоа беше тогаш, и е главниот проблем - не толку лесно да ги дефинираме координатите на пиксели, особено ако не постои блискост со компјутерска графика.

Ќе се спомене, исто така, прилично познат href, која ја поставува адреса на врската.

И последната опција, која е да се спомене, - nohref. Тоа покажува дека овој регион не е референца.

Се разбира, ова не е комплетната листа на параметри кои можете да го поставите слика или линк-карта. Но, во исто време, тоа ќе биде доволно да се создаде светла и колоритна врска или дури и на целата територија на нивниот систем.

совети

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

Кога ќе се создаде Мапа на сајтот се препорачува да изберете слика со мека, не-иритирачки за модели на окото. Верувај ми, не секогаш е клучот за успех - светла слика -link. "VKontakte", сепак, често се фокусира само на осветленоста и showiness, со цел да се привлечат нови посетители.

наодите

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