<Map NAME="mymap">
<AREA SHAPE= "RECT" COORDS= "0,0,270,190" HREF=1.html Title = "Тауерський міст в Англії">
<AREA SHAPE= "RECT" COORDS= "270,0,540,190" HREF=2.html Title = "Гарвардський університет в США">
<AREA SHAPE= "RECT" COORDS= "0,190, 270,380" HREF=2.html Title = "Готичний собор в Парижі">
<AREA SHAPE= "RECT" COORDS= "270,190,540,380" HREF=4.html Title = "Театр у Фінляндії">
</MAP>
<IMG SRC= "dostop.jpg" USEMAP="#mymap"> <HR>
<A NAME =IMG> </BODY> </HTML>
Щоб краще зрозуміти, як задаються координати областей, приведений мал. 6 з координатами в пікселах для кожної прямокутної області.
(0, 0) |
|
(270, 0) |
|
|
|
(270, 190) |
(540, 190) |
(0, 190)
(270, 380) |
|
(540, 380) |
|
|
|
ЗАВДАННЯ
1.Створіть веб-сторінку з розміщенням 6 зображень шириною 92 і висотою 114 пікселів кожне в таблиці.
2.Створіть веб-сторінку, що містить 4 зображення різного розміру, джерелом яких є один і той же файл. Необхідно передбачити пропорції зображення. Зображення розташувати один від одного на відстань двох нерозривн пропусків.
3.Створіть веб-сторінку, що містить зображення-карту. Зображення-карта повинна містити наступні області: «системний блок», «монітор», «клавіатура», «акустика». Наприклад, при наведенні користувачем покажчика миші на системний блок повинна з'являтися спливаюча підказка«системний блок», а після клацання мишею по області «системний блок» здійснюватися перехід на веб-сторінку з інформацією про системний блок.
7
КОНТРОЛЬНІ ПИТАННЯ
1.Який тег дозволяє розміщувати графіку на веб-сторінці?
2.Що таке атрибут? Який атрибут управляє місцеположенням зображення на сторінці? Які значення він може приймати?
3.Який тег застосовується для представлення графічного зображення у вигляді карти з активними областями?
4.Назвіть формати графічних файлів, які використовуються в Інтернеті
8