Вы находитесь на странице: 1из 3

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

Федеральное государственное бюджетное образовательное


учреждение высшего образования
«Тихоокеанский государственный университет»

Кафедра
«Автоматика и Системотехника»

Лабораторная работа №12


по курсу «Архитектура информационных систем»
Тема: ImageMap, клиентский и серверный варианты

Выполнил: студент группы


ИС(аб)-71 Белим Л.В.

Проверил:
Конопелько Г.К.

г. Хабаровск
2020 г.
Лабораторная работа №12
ImageMap, клиентский и серверный варианты

Цель работы: научиться использовать карты-изображения на HTML-


страницах.
Задание:
1. Поместить в один из разделов HTML-страницы рисунок (карту, схему,
план местности и проч.).
2. Выделить на рисунке несколько различной формы областей и реализовать
в двух вариантах – серверном и локальном – ссылки на разные Web-
ресурсы.
3. Работу системы продемонстрировать преподавателю.

Ход работы:
файл index.html /home/var/www/html/is1-02/Labs/index.html
<img src="pic/17.jpg" usemap="#workmap" width="320" height="200">

<map name="workmap">
<area shape="circle" coords="90,70,60" alt="Чашка кофе"
href="https://ru.wikipedia.org/wiki/%D0%9A%D0%B0%D0%BA
%D1%82%D1%83%D1%81%D0%BE%D0%B2%D1%8B%D0%B5">
<area shape="rect" coords="200,20,315,180" href="Lab12.html" >
</map>

файл Lab12.html /home/var/www/html/is1-02/Labs/Lab12.html


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style/stylelida.css" type/css">

<title>Л/р №8</title>
</head>
<body>

Kактусы везде (сервер)


<img src="pic/19.jpg" width="30%" height="30%">

</body>
</html>

Вывод: Выполняя данную лабораторную работу, я научилась использовать


карты-изображения на HTML-страницах.

Лист
Лабораторная работа №12
ТОГУ, ИС(аб)-71, Белим Л.В.
по курсу АИС 2
Задание: В чем отличие работы серверного варианта от локального

Ответ: Серверный вариант реализации карты-изображения подразумевает, что


документ, в котором прописаны координаты областей, находится на самом Web-
сервере, который обязательно должен поддерживать выполнение CGI-сценария.
Процесс перехода по гиперссылкам на карте-изображении осуществляется
следующим образом. При нажатии на одной из активных областей браузером
передаются координаты на сервер, который обращается к специальному
конфигурационному файлу. Результат обработки данных возвращается браузеру назад
в виде адреса, соответствующего данной активной области, который загружается в
окне обозревателя.
В случае если конфигурационный файл не содержит данных об искомой
активной области, выводится сообщение об отсутствии данного документа.
Клиентский вариант карты-изображения позволяет разместить всю информацию
о конфигурации карты в HTML-файле, в который встроено изображение. В случае же
применения серверного варианта браузер посылает запрос на сервер для получения
адреса выбранной ссылки и ждет ответа с требуемой информацией. Это может
потребовать дополнительных затрат времени на ожидание. При клиентском варианте
число обращений к серверу уменьшается, и увеличивается скорость доступа к
информации. В отличие от серверного варианта, в котором для каждой карты-
изображения требовался отдельный конфигурационный файл, в этом варианте
конфигурация карты может располагаться непосредственно в том же HTML-
документе, в котором задана ссылка на опорное изображение. Чаще всего именно так
и поступают, хотя допустимо сохранять конфигурацию карты в отдельном файле и
давать на него ссылку.

Лист
Лабораторная работа №12
ТОГУ, ИС(аб)-71, Белим Л.В.
по курсу АИС 2