русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Карта ссылок


Дата добавления: 2015-07-09; просмотров: 566; Нарушение авторских прав


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

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

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

Прямоугольная зона (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>


<== предыдущая лекция | следующая лекция ==>
Размещение текста поверх изображения | Font-style


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 1.097 сек.