14121

ИЗОБРАЖЕНИЯ-КАРТЫ. Создание изображения-карты в редакторе HomeSite

Конспект урока

Информатика, кибернетика и программирование

УРОК 11 ИЗОБРАЖЕНИЯКАРТЫ Изображениекарта это такое изображение различные фрагменты которого служат ссылками на разные HTMLфайлы или URL. Выбирая с помощью мыши различные фрагменты изображения посетители сайта могут перемещаться со страницы на страницу. Создание

Русский

2013-05-21

408 KB

2 чел.


УРОК 11

ИЗОБРАЖЕНИЯ-КАРТЫ

Изображение-карта – это такое изображение, различные фрагменты которого служат ссылками на разные HTML-файлы или URL. Выбирая с помощью мыши различные фрагменты изображения, посетители сайта могут перемещаться со страницы на страницу.

Создание изображения-карты в редакторе HomeSite

  1.  На панели инструментов Tools нажать кнопку (New Image Map)
  1.  В появившемся диалоговом окне
    •  указать адрес и имя файла с рисунком, который будете использовать в основе карты (Image name)
    •  ввести имя карты (Map name)
    •  нажать кнопку ОК для перехода к следующему окну

  1.  В следующем диалоговом окне
    •  выбрать конфигурацию выделения и  выделить фрагмент;
    •  в появившемся окне ввести адрес ссылки (href);
    •  ввести альтернативный  текст;
    •  нажать кнопку ОК;

  1.  повторить действия пункта 3 для других фрагментов
  2.  Завершить формирование карты, выполнив сохранение (File → Save and Exit)

 


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

<MAP name="klass">

 <AREA shape="circle" coords="51,145,13" href="8.htm" alt="Бачурина Инна" >

 <AREA coords="292,2,343,67" href="7.htm" alt="Мартова Света">

 <AREA shape="poly" coords="517,367,519,359,524,355,536,355,545,360,548,372,544,384,531,393,523,390,516,381"

href="13.htm" alt="Трубников Сергей">

</MAP>

<IMG src="class.jpg" width="600" height="450" border="0" alt="142 группа" usemap="#klass">

Ключевое слово usemap в теге IMG сообщает браузеру, что данное изображение является картой, и указание ему найти раздел <MAP> </MAP>с именем  klass, описывающий систему фрагментов и ссылок.

Каждый тег AREA описывает отдельный фрагмент изображения, где атрибут shape определяет конфигурацию выделения фрагмента, атрибут cords координаты узлов (для окружности – координаты центра и радиус),:

прямоугольная область –  shape=”rect”,

окружность –  shape="circle",

многоугольник –  shape="poly".
Если атрибут
shape отсутствует, предполагается прямоугольная область.

Атрибутом alt задается текст, всплывающий при наведении указателя мыши на заданный фрагмент, а атрибутом  href – адрес ссылки для него.

Замечание: если выделенные области перекрещиваются, то работает ссылка на файл, указанный первым в списке <MAP>.


Задание

  1.  Рассмотреть пример страницы с изображением-картой (primer11/klass.htm)
  2.  Создать свой вариант Web-страницы с изображением-картой, на котором выделены минимум три фрагмента различной конфигурации. Продемонстрировать результат преподавателю в окне браузера.

PAGE  3

  1.  

 

А также другие работы, которые могут Вас заинтересовать

37752. Исследование интерференционного светофильтра 402 KB
  Зеркала полупрозрачны так что часть света отражается от них R коэффициент отражения часть поглощается А коэффициент поглощения а часть проходит Т коэффициент пропускания. Основные характеристики ИФ: mx длина волны в максимального пропускания Tmx максимальный коэффициент пропускания Tmin минимальный коэффициент пропускания 05 спектральная полуширина ширина полосы на уровне 05Tmx 2 угловая ширина светового пучка К контраст отношение максимального и минимального коэффициетов пропускания Т R А = 1 для...
37755. ГРАДУИРОВАНИЕ ЭЛЕКТРОСТАТИЧЕСКОГО ВОЛЬТМЕТРА С ПОМОЩЬЮ ЭЛЕКТРОМЕТРА ТОМСОНА 157 KB
  ТЧЁТ ПО ЛАБОРАТОРНОЙ РАБОТЕ № 13 ГРАДУИРОВАНИЕ ЭЛЕКТРОСТАТИЧЕСКОГО ВОЛЬТМЕТРА С ПОМОЩЬЮ ЭЛЕКТРОМЕТРА ТОМСОНА Цель работы: Градуирование шкалы электростатического вольтметра с помощью абсолютного электрометра Томсона т. Стержень крепится к металлическому корпусу В вольтметра с помощью вмонтированной в него пробки из изоляционного материала. Если такой вольтметр проградуировать то им можно измерять разность потенциалов между любыми двумя проводниками...
37758. Програмування в Java 172 KB
  Поздоровляю вас зі вступом в ряди програмістів на Java — розроблювачів технології початку XXI століття. Всі уроки ви повинні прочитувати вдома, а на лекції і лабораторних роботах ви повинні звітуватися за виконані завдання. Перше серйозне завдання ви знайдете в кінці Уроку 2. Всі завдання індивідуальні, щоб одержати залік в кінці семестру їх треба обовязково виконати
37759. ВЫБОР РАЦИОНАЛЬНОЙ ДЛИНЫ ПАКЕТА СЕТИ ЭВМ 2.41 MB
  2 Теоретическая часть Для сообщений передаваемых в сети ЭВМ длина пакета выбирается постоянной. Длина пакета не может быть слишком малой поскольку при фиксированной длине служебной части заголовка пакета снижается доля информации сообщения передаваемая в одном пакете. При большой длине пакета и заданной достоверности передачи данных в канале связи повышается вероятность передачи пакета с ошибкой и следовательно частота повторной передачи пакета что снижает эффективность сети ЭВМ а также возрастает доля потерь памяти изза...
37760. ОТРАВЛЯЮЩИЕ ВЕЩЕСТВА РАЗДРАЖАЮЩЕГО ДЕЙСТВИЯ. КЛИННИКА, ДИАГНОСТИКА, ЛЕЧЕНИЕ 70.5 KB
  Уже в первой мировой войне почти все воюющие страны применяет различные ОВ, избирательно действующие на окончания чувствительных нервов в верхних дыхательных путях с последующей реакцией организма в виде слезотечения, кашля, рвоты, затрудненного, дыхания и т.д