Гіпермаркет Знань>>Інформатика>>Інформатика 11 клас>> Інформатика: Структура веб-сайтів, різновиди веб-сайтів

Практична робота до предмету Інформатика 11 клас.

Тема «Практическая работа № 17: Карта ссылок».

Розгляд теми: Структура веб-сайтів, різновиди веб-сайтів

                                                 Практическая работа № 17: «Карта ссылок»

Карта ссылок - это изображение, разбитое на определенные зоны, каждая из которых представляет собой гиперссылку. После щелчка кнопкой мыши в пределах зоны браузер открывает страницу, отвечающую этой зоне.

Для удобства выбора зоны изображение должно состоять, по возможности, из четко разграниченных областей.

Прежде чем создавать карту ссылок, надо в графическом редакторе определить координаты крайних точек зон. Зоны могут быть трех типов.

Прямоугольная зона (rect). В этом случае задаются координаты двух точек - левого верхнего угла, правого нижнего угла.

Многоугольник (poly). В этом случае задаются координаты каждой точки многоугольника.

Круг (circle). В этом случае задается координата центра круга и его радиус.

Для создания карты ссылок необходимо вставить нужное изображение с помощью дескриптора <IMG>, затем, при помощи атрибута USEMAP, присвоить ему имя. После этого можно приступить непосредственно к вводу данных при помощи тэга <MAP>.
Дескриптор <AREA> определяет зоны изображения карты ссылок.
Атрибут SHAPE описывает форму зоны карты ссылок.
Атрибут COORDS назначает координаты конкретной зоны. Количество точек в этом атрибуте зависит от формы зон (прямоугольник, круг, многоугольник).
Если при вводе координат произошла ошибка, то браузер воспринимает область пересечения как часть той зоны, которая описана первой. Если же введенные координаты выходят за границы изображения, то они игнорируются браузером.

Атрибут HREF указывает страницу на которую ведет данная зона карты ссылок.

Ниже представлена простая карта ссылок с исходным кодом. Изображение условно разбито на четыре прямоугольных области.

<center>
<img src="img/map.jpg" width="132" height="121"
border="0" usemap="#australia">
</center>

<map name="australia">

<area shape="rect" coords="0,0,68,60"
href="lsn022_1.html" target="_blank"
alt="Северо-восточная часть Австралии">

<area shape="rect" coords="68,0,132,60"
href="lsn022_2.html" target="_blank"
alt="Северо-западная часть Австралии">

<area shape="rect" coords="0,60,68,120"
href="lsn022_3.html" target="_blank"
alt="Юго-восточная часть Австралии">

<area shape="rect" coords="68,60,132,120"
href="lsn022_4.html" target="_blank"
alt="Юго-западная часть Австралии">

</map>

Надіслав викладач інформатики Миловидов Юрій Олегович, университет «КРОК»