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

Създаване на банери и сайт карти, начинаещите уеб администратори са изправени пред подобен проблем, как да вмъкнете линк към снимка, правят с него по-ярка и по-интересно меню. Но как да се приложи? Няма нищо по-лесно, ако знаете HTML език.

Нека да разберете как можем да направим реалност на тази идея. В тази статия, ние ще ви предложим два варианта за решаване на проблема. Един рядко се използва, поради факта, че отнема много време и усилия, а вторият се смята за добре известно. Ние анализираме с вас двете.

Когато се използва изображение-връзка

Преди да говорим за това как да се направи справка картина в картина, ние трябва да разберем къде и защо те се използват. В края на краищата, тя ще бъде по-лесно да се разбере това, което искаме от картинката.

Изображения връзки обикновено се използват като плакати, реклами ту чертежи. Примери за това са снимките са в една и съща "VKontakte". Не забравяйте, колко пъти сте кликнете върху снимката, на които е построен специално адрес? В допълнение, много често те се използват под формата на менюто групи и общности, особено ако те съдържат специални записи. Много от тези снимки са намерени и в други сайтове.

Поставете я в картината

Най-простото нещо - снимка-линк. Това е за него, ние говорим, за да започнете. Тази илюстрация е готов за справка. Т.е. като кликнете върху тази икона, ще бъдете пренасочени към новата страница.

Ако знаете как се определя от обща връзка с помощта на HTML-маркиране, проблемите трябва да възникнат. Единствената разлика е, че вместо текстови линкове е посочен на изображението.

Така че, за да изпълни плана си, имате нужда от самата снимка, качена в интернет или се съхраняват на компютъра ви (в зависимост от това дали работите в онлайн режим, всъщност на сайта, или zadeystvuete редактори).

Търсим адрес на изображение, напишете го, за да не забравя. Също така се определи връзката, която трябва да се отвори тази снимка.

На следващо място, напишете следното: href="http:// сайт - специален код , Image-връзка се определя с негова помощ.

По този начин, ние предписват връзка, която се появява под формата на илюстрация. Доста лесно. Но този подход, само ако смятате, че трябва да има само една връзка. Но какво, ако трябва да има няколко? След това преминете към други опции.

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

Първият метод е разработен независимо в изследването на уеб страници език за маркиране. Създаването на такъв меню може да отнеме няколко часа.

Този метод е подходящ за тези, които обичат да човъркат с различни редактори, тъй като тя е доста време и отнема малко повече време, отколкото създаването на картата на менюто или втория метод. това се крие във факта, че снимката е направена, която се нарязва на няколко ивици или квадрати. Всяко изображение се подписва, а в основата на връзката, както е описано по-горе. На следващо място, етикетите на кодови страници са написани в правилния ред. Това е всичко е въпрос на това как да се направи справка картина в картина, почти решен. Но не забравяйте за втората опция.

Той трябва да направи меню само с една снимка, с молба за всяка зона се илюстрира връзката му. Не се притеснявайте, нищо тези изключително сложно в това. Сега, първите неща, на първо място.

Как се прави

Нека разгледаме малко по първия начин.

Да започнем с това, ще трябва познаване на графични редактори и HTML. Как да направите справка картина, тя казва този вид маркиране страници.

Така че, ако решите да отидете по този начин, ще трябва изображение и един прост графичен редактор, който ви позволява да изрежете снимките и пуснати на етикетите им, както и място, където ще можете да ги напълнят.

Ако това е вашият собствен уебсайт - подходящи конвенционални галерия или библиотека файлове, за "VKontakte" може да се окаже една група или общност албум (за предпочитане безплатно).

Освен това, по-голям се нарязва на парчета, така че е необходимо да се помни реда, в който са получени части. Щампован върху тях надписи и напълнете със сървъра, пишете препратките на всяка илюстрация.

Вземете кода по-горе, и да замени на желаните данни. След запълване на изображението на обекта в реда, в който трябваше да минат. В същото време, ако го нарязани на ивици, а след това трябва да попитате всеки линк в нов ред, но ако сте споделили снимки на квадратчета, тогава ще трябва да се сложи в ред колкото се може повече връзки, както се оказа квадрати.

Правим карта на сайта

Така че, ако не ви харесва първата версия, и искате да научите как да се направи справка картина в картина по някакъв друг начин, ние можем да Ви предложим да се разработи референтна карта. Тя е по-лесно, тук може да се случи само с параметрите на задачата за проблема. Защо ще разберете повече.

На първо място, ние трябва да помним, че за нея е свързан с образа като използвате команда usemap = "# map1, което е предписано в IMG таг Затова, попълване на снимката на сайта, не забравяйте да добавите маркера във втората част -. Usemap =" # Името на картата ".

Допълнителни маркиране изображения в зони, които са свързани с връзките се извършва с помощта на двойка таг <карта> , който може да бъде поместен на удобно място между сдвоените таговете <тяло> .

Имайте предвид, че при използването на този тип карта трябва да се изисква не само линкове, но и в областта на своята дейност и координати. На следващо място, ние ще разгледаме основните параметри, които трябва маркера.

Бързите настройки

Така че, пред очите ви, готови за референтна картина. HTML ви позволява значително да се подобри функционалността на изображението - за да го отпусне определена област за справка. Всичко това е дадено от специфични параметри, които сега ще бъдат обсъдени.

Нека поговорим малко за основните параметри на сдвоените тага <карта>. Главно това име, което е равно на usemap на стойност. Така че можете да определи, че картата е написано на снимката.

Освен това вътре в двойката тагове <карта> е предписано друго таг - <площ>, който описва съответната област. Той не е човек, и, разбира се, тя има свои собствени параметри.

В първата по рода си - форма. С помощта на уеб администратор задава един вид поле. Това може да бъде:

• кръг - кръг;
• правоъгълник - прякото;
• Многоъгълник - поли;
• Зона за отдих снимки - по подразбиране.

Следваща - coords. С помощта на координатите на зоната на пиксел. Произходът на тази координатна система - в горния ляв ъгъл. Това беше тогава, и е основният проблем - не е толкова лесно да се определят координатите от пикселите, особено ако няма познаване на компютърната графика.

Ние говорим, също е доста известен HREF, която определя адреса на връзката.

И последната опция, която е да се спомене, - nohref. Тя показва, че този район не е препратка.

Разбира се, това не е пълен списък на параметрите, които можете да настроите картината и връзка-картата. Но в същото време, това ще бъде достатъчно, за да се създаде ярки и цветни връзка или дори цялата им система.

Съвети

Независимо от начина, за създаване на линкове, снимки , които сте избрали, важното е, че оригиналното изображение беше добро. Опитайте се да изберете тези проекти, които не хващат окото, не дразнят ярки цветове или десени. Това е особено важно за карта на сайта. Можете да направите колаж от няколко снимки, да ги потъмняване или включете един от филтрите в графична програма.

Когато създадете карта на сайта е препоръчително да изберете изображение с мека, не-дразнещо за моделите на очите. Повярвайте ми, не винаги е ключът към успеха - ярка картина -Link. "VKontakte", обаче, често се съсредоточи само върху яркостта и показност, за да се привлекат нови посетители.

данни

За да обобщим. Ние сме с вас измисли как да се направи справка картина в картина, и погледна към два начина, по които можете да се еднакво добре да се използват за създаване на меню с различна трудност. В допълнение, ние измисли как да зададете изображение връзката и да научат за основните параметри, които ви позволяват да се създаде доста удобна карта на сайта, група или общност.