ЯК зробити клікабельно напис

При створенні сайту важливо, щоб дизайн його елементів сприяв залученню нових користувачів за рахунок зручності доступу до інформації. Клікабельним елемент - напис, який помітна і зрозуміла відвідувачу, тобто розпорядженні людини до натискання на посилання. Даний ефект може бути досягнутий за допомогою барвистих і інтуїтивно зрозумілих графічних вставок.

Інструкція

Напис, звана клікабельно, повинна привертати увагу користувача і виділятися на тлі решти контенту сторінки. Не варто забувати, що елемент зобов'язаний мати певний функціонал, а користувач повинен знати, в який пункт меню він потрапить після натиснення на дану посилання.

Щоб створити клікабельно напис, ви можете скористатися графічними елементами. Намалюйте відповідну вашому колірному оформленню сайту кнопку з написом на ній в будь-якому графічному редакторі. Ви також можете скористатися готовими графічними рішеннями в мережі інтернет, відвідавши сайти, присвячені малюванню зображень для веб-майстрів.

Завантаживши картинку, необхідно вставити її в HTML-код сторінки. Для цього відкрийте документ сайту в текстовому редакторі, клікнувши правою клавішею миші на файлі і вибравши розділ «Відкрити за допомогою». У списку додатків вкажіть редактор, яким ви користуєтеся для редагування сторінок. Ви також можете скористатися стандартним в Windows «Блокнот».

Перейдіть на ту ділянку коду, в який ви б хотіли провести вставку написи. Після цього впишіть відповідну дескриптор. Наприклад:

% E2% 80% 9C% D0% BF% D1% 83% D1% 82% D1% 8C_% D0% B4

Даний код створить посилання у вигляді графічного елементу, де «адрес_для_перехода» - сторінка, на яку буде переадресовано користувач після натискання на напис. «Путь_до_картінкі» - місце, де розміщений файл вашої кнопки. Щоб уникнути труднощів при пошуку зображення, помістіть його в одну директорію з файлом сторінки і в параметрі src вкажіть точну назву. У параметрах width і height вказується розмір картинки в пікселях, наприклад, 100 і 50.

Збережіть зміни у файлі і відкрийте його в браузері через меню «Відкрити за допомогою». Створення клікабельно написи завершено. Якщо картинка не відображається, перевірте правильність написання коду і зазначений шлях до картинки.