Підказка: функції і способи створення
Підказка являє собою текстове повідомлення, що виникає при наведенні покажчика комп`ютерної миші на який-небудь елемент управління. Подібні повідомлення найчастіше можна зустріти на різних інтернет-ресурсах під час заповнення полів форми, читання документів з абревіатурою і т.п. З подібними підказками також доводиться стикатися співробітникам різних організацій при заповненні документів і звітів, представлених в електронному вигляді. Підказки створюються з однією метою - надати додаткову інформацію та допомогти користувачеві розібратися, з чим він має справу. Створення їх відрізняється в залежності від того, де даний елемент буде розміщений.
Спочатку спробуємо розібратися, як створюються підказки в аналітичній області діяльності, часто використовує різноманітні таблиці і графіки.
Приклад створення підказки в таблиці:
- відкриваємо документ в редагованому режимі або в режимі розробки;
- додаємо в нього новий елемент управління (це може бути зображення, текстове поле, прямокутник);
- клацаємо на даному елементі управління правою кнопкою комп`ютерної миші, вибираємо в який з`явився після цього списку пункт «Властивості і форматування», далі відкривається вікно з однойменною назвою;
Відео: Як створювати підказку в Adobe Muse
- вибираємо параметр «Загальні», розташований зліва, в який з`явився після цього поле «Спливаюча підказка» набираємо потрібний нам текст, який і буде в ній відображатися;
- натискаємо «Ок» для того, щоб завершити редагування документа.
Відео: Створення підказок в Microsoft Excel
Зовсім інакше йде справа з підказками, які застосовуються на сторінках сайтів. Створенням їх займаються веб-розробники, як правило, ті, хто займається версткою сайту, тобто переведенням його макета на мови, зрозумілі будь-якому сучасному інтернет-оглядача. Для подібних цілей найчастіше застосовується спеціальна бібліотека jquery, спливаючі підказки за допомогою неї можна створити досить швидко. Дана бібліотека в якості окремого документа легко і просто підключається до основного html-документу сторінки сайту. Залежно від задуму дизайнера підказки можуть відрізнятися розміром, кольором, способом появи на екрані користувача. Стандартна підказка частіше застосовується для залучення уваги відвідувачів будь-яких серйозних порталів (медичного, будівельного) і має вигляд невеликого вікна з розташованим всередині нього текстом.
Створення підказки можливо за допомогою каскадних таблиць стилів (css) без використання при цьому бібліотеки jquery. Css є формальною мовою опису зовнішнього виду документа. З його допомогою сторінки сайту набувають вигляду, який спочатку замислювався дизайнером. Каскадні таблиці стилів дозволяють змінювати зовнішній вигляд будь-якого елементу сторінки, його положення щодо вікна браузера і інших елементів, оформляти дані елементи відповідно до макетом сайту, приховувати їх і забезпечувати їх поява в міру необхідності. Документ Css, як правило, виноситься за межі основного документа сторінки сайту і підключається до нього за допомогою спеціального тега.
Відео: Розширюємо функції стандартної контактної форми Adobe Muse
Підказка: jquery або css?
Підказки, створені із застосуванням css, можуть відрізнятися великою оригінальністю зовнішнього оформлення. У той же час використання бібліотек jquery дозволяє застосовувати до елементу особливі спецефекти. Крім того, підключення бібліотеки - процес нетрудомісткий і не вимагає великої кількості часу. Яким способом створювати підказку на сторінці сайту, кожен фахівець вирішує для себе сам. Більш того, звичайний користувач даного сайту, як правило, не замислюється над тим, як саме були створені складові його елементи. До слова про переваги використання бібліотек jquery, навіщо винаходити велосипед, якщо можна просто трохи поліпшити те, що вже винайдено?