Създаване на връзки към изображения и карти с карти

• Април 28, 2024

Тази седмица отговорът е в отговор на въпрос на читател - „Можете ли да обясните как да направите връзка с картинка към страница в HTML“. Има няколко различни техники, които можете да използвате за свързани изображения. Единият е да свържете цялото изображение с вашия HTML, а другият е да направите карта с изображения - където различните части на едно и също изображение са свързани с различни места.

Свързано изображение в HTML

Свързването на малко изображение или икона е много просто, всичко, което трябва да направите, е да поставите връзката на изображението си в хипервръзката така:



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

Нарязване на изображения във Photoshop

Това е много лесно да се постигне във Photoshop. Трябва да използвате изображение, което не е прекалено сложно, защото искате вашите потребители да могат да виждат къде да кликнат върху изображението ясно. Вие също така искате да гарантирате, че потребителите ви разбират, че трябва да кликнат в изображението, за да стигнат до къде отиват. Разработвайте карти с изображение внимателно, като имате предвид вашия потребител. Имайте предвид, че картите с картинки обикновено не са толкова удобни за търсачката, колкото текстът на страница, но правилното използване на alt тагове в рамките на вашите изображения може да помогне за това.

След като вашето изображение е създадено, следващата стъпка е да "срежете" вашето изображение. Иконата на инструмента за срязване прилича на малко нож за екстракция. Той е близо до горната част на лентата с инструменти и се намира под инструмента за изрязване - ако кликнете върху иконата „изрязване“, ще се появят инструментите за избор на филийки и филийки.

Изберете инструмента за среза, задръжте левия клавиш на мишката и внимателно плъзнете среза, където искате, и след това освободете. Продължете и продължете да режете цялото изображение. Трябва да има отрязък около всяка област на изображението, която искате да свържете към друга страница. Всяка голяма бяла зона може да бъде една филия.

След като изображението ви бъде напълно нарязано, следващата стъпка е да използвате инструмента „Избор на среза“, щракнете върху всеки отрязък и от там изберете типа „изображение“. Под това попълнете URL адреса, където искате да се насочи този отрязък, последван от полето alt tag в долната част. Останалите полета не са необходими за просто картографиране на изображенията. Придвижвайте се през всеки отрязък по същия начин, докато цялото изображение не бъде картографирано.

След като цялото ви изображение е завършено, ще използвате опцията „запазване за уеб и устройства“ Ако кликнете върху „Файл“ отгоре и погледнете надолу под типичните опции за запазване, ще видите опцията за записване за уеб и устройства. Изберете тази опция и ще се отвори диалогов прозорец, където можете да визуализирате как ще изглежда вашето изображение. Ако сте доволни от него, натиснете бутона за запазване и се отваря друг диалогов прозорец. Уверете се, че втората опция казва „запазване на изображения и HTML код“, след което запазете работата си.

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

Инструкции Видео: Картите ТАРО - да се запознаем (Април 2024).