Ми бачили як створити з'єднання гіпертексту використовуючи текст і ми також вивчили як використовувати зображення в наших webpages. Тепер ми вивчимо як використовувати зображення для того щоб створити гіперпосилання.
Це дасть наступний, де ви можете клацнути далі зображення для досягнення до домашньої сторінки пункту консультацій.
Click following link
Це був найпростішим шляхом створювати гіперпосилання використовуючи зображення. Потім ми побачимо як ми можемо створити Миш-Чутливі з'єднання зображення.
Миш-Чутливі зображення
Стандарти HTML і XHTML забезпечують характеристику яка перешкоджає вам врізати багато різних з'єднань всередині одиночного зображення. Ви можете створити різні сполуки на одиночному зображенні заснованому на різних координатах доступних на зображенні. Раз один з'єднання прикріплені до різних координатах, ми можуть натиснути різні частини зображення для того щоб розкрити документи мети. Такі мис-чутливі зображення як карти зображення.
2 путя створити карти зображення:
- карти зображення Sserver-сторони - це дозволено атрибутом ismap бирки
і вимагає доступу до сервера і спорідненої зображення-карті обробляючи застосування.
- карти зображення Клієнт-сторони - це створено з атрибутом usemap бирки
, разом з відповідаючи бирками
Карти зображення Сервер-Сторони
Тут ви просто кладете ваше зображення всередині гіпер з'єднання і використовуєте атрибут ismap який робить їм спеціальне зображення і коли споживач клацає якийсь місце в межах зображення, браузер проходите координати покажчика миші разом з URL певного в бирці до сервера павутини. Сервер використовує координати мис-покажчика для того щоб визначити який документ, котор потрібно поставити назад до браузеру.
Коли ismap використаний, атрибут href утримуючи бирки повинен містити URL програми сервера як cgi або сценарій etc. PHP обробляти вхідний запит заснований на пройдених координатах.
Координати положення миші пікселі екрану підраховані від верхн-лівого кута зображення, починаючи з (0,0). Координати, предшествуемие знаком, додані до кінця URL.
Наприклад, якщо споживач клацає 20 пікселі понад і 30 пікселі вниз від верхн-лівого кута наступного зображення. то
Click following link
Що було вироблено наступним фрагментом Коду:
Після цього браузер посилає такі параметри пошуку до сервера павутини який може бути оброблений сценарієм ismap.cgi або архівом карти і ви можете з'єднати будь-які документи ви любите до цих координатах:
Цей шлях ви можете задати різні сполуки до різних координатах зображення і коли ті координати клацнути, ви можете розкрити відповідаючи з'єднаний документ. Для того щоб вивчити більше про атрибуті ismap. ви можете перевірити як використовувати ismap зображення?
Примітка: Ви вивчите CGI програмуючи коли ви вивчите програмувати Perl. Ви можете написати ваш сценарій для того щоб обробляти ці пройдені координати використовуючи PHP або будь-який інший сценарій також. Для тепер зосередимо нашу увагу на вчити HTML і більш пізно ви можете revisit цей розділ.
Карти зображення Клієнт-Сторони
Карти зображення клієнта бортові дозволені атрибутом usemap бирки