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.  

 

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

34608. Ранние артефакты американской культуры. Теории миграции 13.28 KB
  не имели ясного представления о том когда люди впервые вступили на землю американского континента хотя и предполагали что это произошло сравнительно недавно. Получалось что первые американцы в действительности прибыли на эту землю тысячи лет назад. По одной из теорий первые люди появились в Америке 1015 тыс. Первые посещения Америки европейцами не оказали влияния на жизнь коренного населения.
34609. Культуры американских индейцев 14.62 KB
  1826 вождь племени чероки Секвойя создал слоговую азбуку чероки. 1828 начало издания газеты Чероки Феникс на языке чероки. Америки плетение ткачество вышивка изготовление украшений из перьев росписи: фантастические элементы геометрический орнамент военные и охотничьи сцены мифология: центральное место занимали мифы о происхождении огня людей и животных о каймане покровителе пищи и влаги добрых и злых духах растений богине с косами верховное женское божество нет имени она олицетворяет и землю и небо и жизнь и...
34610. Европейские морские экспедиции XV века. Христофор Колумб 15.04 KB
  Христофор Колумб Успехи португальцев вызвали интерес к морским экспедициям в соседней Испании. Исходя из представления о шарообразности Земли мореплаватель Христофор Колумб предлагал попытаться достичь Индии плывя на запад по Атлантическому океану. Испанское правительство выделило ему три каравеллы самая большая водоизмещением 280 т и в 1492 экспедиция под руководством Колумба достигла одного из Багамских островов открыв тем самым Америку. Колумб умер в 1506 будучи в полной уверенности что открыл новый путь в Индию.
34611. История Нью Йорка 34.5 KB
  История Нью Йорка Считается что первые люди появились на территории современного НьюЙорка более 11 тысяч лет назад. Тихий и размеренный этап истории НьюЙорка продолжался до 1524 года когда в гавань НьюЙорка прибыл Джованни Верразана.Таким образом город НьюЙорк получил свое современное название. После начала войны за независимость к НьюЙорку подошли 500 английских кораблей с 32тысячной армией под командованием генерала Уильяма Хоу.
34612. Пуритане в Америке 13.69 KB
  Пуритане надеялись построить в Новой Англии Град на холме идеальное общество. Пуритане считали что государство должно насаждать религиозную мораль. Хотя сами они искали религиозной свободы пуритане отличались крайней нетерпимостью в вопросах морали.
34613. Америка в XVIII веке: Просвещение, иммиграция, предпосылки Войны за независимость 16.84 KB
  Основным проводником просветительских идей в колониальной Америке XVIII в. в Америке возникают университеты. Предпосылки войны за независимость Война североамериканских колоний за независимость 1775 1783 явилась закономерным результатом тех сложных процессов которые происходили как в Америке так и в самой Англии. когда английский главнокомандующий в Америке генерал Гейдж распорядился захватить склад оружия устроенный патриотами недалеко от Бостона и арестовать лидеров заговорщиков.
34614. Война за независимость 24.47 KB
  Ход войны 17 апреля 1775 года произошло первое вооруженное столкновение между британскими войсками и американскими сепаратистами. Британские войска заперлись в Бостоне. Однако британские войска отразили вторжение. Британские войска перешли в наступление.
34615. Образование Демократической и Республиканской партий в США 21.76 KB
  Республиканская политическая партия является более консервативной чем демократическая не имеет постоянного членства 23 избирателей США считают себя республиканцами. После победы северян и их лидера Авраама Линкольна в классовой борьбе республиканцы почти 40 лет непрерывно правили США. Люди из команды Рональда Рейгана правили США до 2009года.
34616. Реформистское движение при президентах Т. Рузвельте и В. Вильсоне. Американский империализм 18.72 KB
  В своей политике Рузвельт исходил из необходимости увеличения роли государства считая что огромной власти корпораций необходимо противопоставить еще большую власть правительства. Реформаторская деятельность Рузвельта была начата шумной кампанией против злоупотреблений трестов. За ним пришла очередь судебных процессов против треста скотобоен Чикаго табачного и сахарного трестов и других крупных монополистических объединений. Рузвельт добился ускорения судопроизводства по делам о нарушении антитрестовского законодательства и открытие дел...