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.  

 

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

32175. Страховая организация 84.5 KB
  Стратегия страховой компании. Ресурсы страховой компании. Не все страховщики имеют вид страховой компании. В Украине как и во многих других государствах основу страховой системы составляют компании в виде акционерных обществ.
32176. Актуарные расчеты 59.5 KB
  Основные показатели страховой статистики. С их помощью определяется: себестоимость и стоимость страховой услуги; доля каждого клиента в формировании страхового фонда; производится перерасчет страховых взносов при изменении условий договора страхования. Основными задачами актуарных расчетов являются: 1 изучение и классификация рисков по определенным признакамгруппам в рамках страховой совокупности; 2 исчисление математической вероятности наступления страхового случая определение частоты и степени тяжести последствий причинения...
32177. Личное страхование 52 KB
  Личное страхование. Личное страхование – это отрасль страхования с помощью которой осуществляется страховая защита личных доходов граждан или достигнутого ими уровня благосостояния. Личное страхование включает: 1 страхование от несчастных случаев и болезней; 2 страхование жизни; 3 медицинское страхование. Страхование от несчастных случаев предусматривает выплату соответствующей страховой суммы при потере здоровья или в связи с наступлением смерти застрахованного лица от оговоренных событий.
32178. Страхование имущества 43.5 KB
  Система страхового обеспечения. Дополнительные расходы клиента связанные с ликвидацией последствий страхового случая. Во втором случае страхование проводится по принципу пропорциональной ответственности предусматривающему выплату страхового возмещения в таком проценте от размера ущерба какой составляет страховая сумма от действительной стоимости транспортного средства. Система страхового обеспечения.
32179. Страхование ответственности 77.5 KB
  Страхование ответственности. 1 Общая характеристика страхования ответственности 2. Страхование гражданской ответственности автовладельцев. Страхование профессиональной ответственности.
32180. Сущность понятия «Бух.дело», его содержание и развитие 33 KB
  Предметом бухгалтерского дела является совершенствование работы бухгалтерии и делопроизводства. Особенности предмета бухгалтерского дела обуславливаются его целями связанными с организацией учетного процесса и учетной деятельности при совершении фактов хозяйственной деятельности подтверждением достоверности бухгалтерской отчетности анализом деятельности организации. К задачам бухгалтерского дела относятся задачи которые формируются в рамках бухгалтерского учета аудита анализа финансовохозяйственной деятельности и т. Метод бухгалтерского...
32181. Схема и график документооборота 27.5 KB
  Движение первичных документов в бухгалтерском учете регламентируется графиком документооборота. График документооборота это график или схема которые описывают движение первичных документов на предприятии от момента их создания до момента передачи на хранение. Унифицированной формы графика документооборота нет.
32182. Учетная информация.Коммерческая тайна 41.5 KB
  В идеале конечная учетная информация остающаяся у ее потребителей должна быть максимально приближена к реальности. Учетная информация – это содержание отражения о реальности. Таким образом учетная информация с позиции теории отражения может быть представлена как отраженное разнообразие то разнообразие которое содержится в учетной системе о характеризуемом объекте.
32183. Связь бухгалтерского дела с другими науками 33 KB
  Связь бухгалтерского дела с другими науками Бухгалтерское дело является составляющей частью управления и представляет собой сложную систему отражения и познания различных хозяйственных процессов и явлений хозяйственной жизни. Поэтому общей теоретической основой познания объектов бухгалтерского дела является экономическая теория изучающая экономические законы производства и распределения материальных благ в обществе. Информация бухгалтерского дела используется для характеристики экономики различных организаций и отраслей народного хозяйства...