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.  

 

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

20730. Проективные свойства фигур. Принцип двойственности. Теорема Дезарга 56 KB
  Принцип двойственности. Малый принцип двойственности. Сформулированный принцип двойственности справедлив на плоскости. Большой принцип двойственности.
20731. Взаимное расположение двух и трех плоскостей, прямой и плоскости, двух прямых в пространстве (в аналитическом изложении) 124.5 KB
  3 1 Параметрическое уравнение прямой: 2 Систему можно заменить следующей системой: = Система двух однородных уравнений с тремя неизвестными имеет общее решение которое можно записать в виде: l координаты направляющей прямой . Взаимное положение плоскости и двух прямых: 1 Ø 2 3 1R=3 ранг скрещивающиеся 2 R=2r=2 прямые пересекаются.
20732. Группа аффинных преобразований и ее подгруппы. Приложения аффинных преобразований к решению задач 105 KB
  Зададим на плоскости два аффинных репера аф.репером R на плоскости наз. Упорядоченная тройка точек ОA1A2 этой плоскости не лежащих на одной прямой. Пишут:R={ОA1A2} R={O1 2 } R={O 1 2} и рассмотрим отображение f плоскости в себя по закону: координаты точки M=fM в репере R равны соответствующим координатам х у точки М в репере R.
20733. Группа преобразований подобия и ее подгруппы. Приложение преобразований к решению задач 95.5 KB
  Группа преобразований подобия и ее подгруппы. Гомотетия с коэффициентом также является частным случаем подобия . Как и для движения можно доказать теорему которая делает определение подобия конструктивным: Как и для движений можно показать что и Из этих формул следует что всякое подобие можно представить в виде произведения гомотетии и движения . Теорема: множество преобразований подобия на плоскости образуют группу.
20734. Проективная плоскость и ее модели. Группа проективных преобразований. Приложение к решению задач 29 KB
  Дополним прямую точкой бесконечно удаленной которую будем считать точкой соответствующей прямой х параллельной прямой а. Прямая дополненная бесконечно удаленной точкой называется проективной прямой. Плоскость дополненная бесконечно удаленной прямой называется проективной плоскостью. Пространство дополненное бесконечно удаленной плоскостью называется проективным пространством.
20735. Группа движений. Классификация 115.5 KB
  Классификация Движение такое преобразование плоскости которое сохраняет расстояние между любыми двумя точками. Это определение отличается от определений поворота симметрии и переноса тем что не является конструктивным нельзя определить как выполнять движение. Теорема: каковы бы ни были два прямоугольных декартовых репера и существует движение переводящее так что ориентация сохраняется. Если оба репера ориентированы одинаково то движение не изменяет ориентацию фигур иначе меняет на противоположную.
20736. Трехмерное евклидово пространство. Скалярное, векторное и смешанное произведение векторов. Приложение к решению задач 55.5 KB
  Скалярное векторное и смешанное произведение векторов. Основные отношения сумма векторов скалярное произведение умножение вектора на число. Аксиомы: аксиомы линейных векторов аксиома размерности аксиомы скалярного произведения. Линейное векторное пространство называется евклидовым если каждым двум векторам a и b этого пространства поставлено в соответствие число α называемое скалярным произведением этих векторов.
20737. Система аксиом Вейля трехмерного евклидова пространства и ее непротиворечивость 101 KB
  Геометрия Вопрос №11 Система аксиом Вейля трехмерного евклидова пространства и ее непротиворечивость Пусть трехмерное векторное пространство на полем вещественных чисел а непустое множество элементы которого называются точками. Предполагается также что дано множество отображений каждое из которых является отображением вида . Множество называется трехмерным вещественным евклидовым пространством если выполнены следующие аксиомы. Множество является множеством положительноопределенных билинейных форм таких что если то где .
20738. Линейные отображения (операторы). Матрица линейного оператора. Собственные векторы и собственные значения. Характеристическое уравнение 147 KB
  Матрица линейного оператора. Ядром линейного оператора называется Образом линейного оператора называется Ядро Образ Теорема. Каждый вектор разложим по базису B: Столбцы матрицы линейного оператора представляют собой координатные столбцы образов базисных векторов относительно данного базиса.АBfматрица линейного оператора.