
- •Язык разметки гипертекста html. Назначение html
- •Язык разметки гипертекста html
- •Краткая история html
- •Программы для просмотра электронных документов
- •Лабораторная работа № 1. Язык разметки гипертекста html. Основные понятия языка
- •Основные понятия
- •Структура документа html
- •Задания к лабораторной работе № 1 Задание 1. Создание простейшей Web-страницы.
- •Контрольные вопросы
- •Лабораторная работа № 2. Форматирование текста.
- •Форматирование абзаца
- •Форматирование шрифта
- •Физические стили
- •Размер шрифта
- •Логические стили
- •Горизонтальные линии
- •Escape последовательности (символьные объекты)
- •Контрольные вопросы
- •Лабораторная работа № 3. Управление цветом
- •Цветовая гамма html-документа
- •Сочетание цветов
- •Задания к лабораторной работе № 3 Управление цветом
- •Контрольные вопросы
- •Лабораторная работа № 4. Гиперссылки
- •Относительные адреса ссылок
- •Задания к лабораторной работе № 4 Гипертекстовые ссылки Задание к лабораторной работе №4
- •Контрольные вопросы
- •Лабораторная работа № 5. Работа со списками
- •Маркированный (ненумерованный - Unordered List) список
- •Нумерованные списки
- •Вложенный список
- •Списки определений
- •Список-меню
- •Список-указатель (список-индекс)
- •Теплым.
- •Круглым.
- •Желтым.
- •Контрольные вопросы
- •Лабораторная работа № 6. Вставка графических изображений
- •Роль графики
- •Характеристика графических стандартов
- •Вставка графических изображений
- •Использование карт изображений
- •Преимущества и недостатки карт-изображений
- •Область применения
- •Конфигурация карт-изображений
- •Типы карт-изображений
- •Серверный вариант
- •Клиентский вариант
- •Задания к лабораторной работе № 6 Вставка графических изображений
- •Примеры карт
- •Карта 2
- •Контрольные вопросы
- •Лабораторная работа № 7. Таблицы html-документов
- •Основные методы создания таблиц
- •Цветные таблицы
- •Группировка данных
- •Колонтитулы таблицы
- •Прорисовка структуры таблицы
- •Вложенные таблицы
- •Преимущества вложенных таблиц
- •Задания к лабораторной работе № 7.
- •Задание 3. Форматирование таблицы
- •Контрольные вопросы
- •Лабораторная работа № 8. Формы
- •1. Организация обратной связи
- •2. Авторизация
- •3. Проведение исследований
- •4. Пользовательский профиль
- •Структура пользовательских форм
- •Параметры текстовой строки
- •Параметры опции выбора
- •Параметры кнопки с рисунком
- •Параметры текстового поля
- •Параметры
- •Параметры текстового поля
- •Задания к лабораторной работе № 6 Формы
- •Индивидуальное задание
- •Контрольные вопросы
- •Лабораторная работа № 9. Фреймы
- •Синтаксис фреймов
- •Атрибуты:
- •Планирование фреймов и взаимодействия между фреймами
- •Зарезервированные имена фреймов
- •Бегущая строка (элемент marquee)
- •Фиксация информации на экране (элемент banner)
- •Задания к лабораторной работе № 9. Фреймы
- •Контрольные вопросы
- •Справочник
- •Приложение 1. Таблица спецсимволов
- •Литература
Конфигурация карт-изображений
Прежде всего следует сказать, что карта-изображение не является принципиально новой технологией. Однако раньше их применение было осложнено рядом причин:
|ранние версии некоторых браузеров (например, Netscape Navigator 1.x) не поддерживали технологию карт-изображений;
часть Web-серверов не позволяло использовать графику для создания карт-изображений вообще или предоставляло такую возможность только лишь профессиональным разработчикам или крупным компаниям;
раньше был возможен единственный вариант реализации карт-изображений – серверный, который подразумевал управление переходом на соответствующий документ исключительно со стороны сервера.
Сегодня существует клиентский вариант карт-изображений, что во многом облегчает применение данной технологии, которую в настоящее время поддерживает большинство современных браузеров.
Сама карта-изображение представляет собой обыкновенный графический |рисунок, а ее конфигурация определяется в виде значений координатных
кривых, которые прописываются в HTML-коде. Эти значения указывают: активные области изображения и содержат информацию о том, куда следует перейти браузеру после нажатия на одну из этих областей.
Активные области могут иметь форму прямоугольника, круга и многоугольника. Также позволительно комбинировать эти три варианта или определять область, расположенную вне активных областей карты-изображения.
Типы карт-изображений
Как уже было сказано, карты-изображения могут быть реализованы в двух вариантах – серверном и клиентском. Рассмотрим подробно каждый из них.
Серверный вариант
Серверный вариант реализации карты-изображения (Server-Side Imagemap) подразумевает, что доку+мент, в котором прописаны координаты областей, находится на самом Web-сервере.
Процесс перехода по гиперссылкам на карте-изображении осуществляется следующим образом. При нажатии на одной из активных областей браузером передаются координаты на сервер, который обращается к специальному конфигурационному файлу. Результат обработки данных возвращается браузеру назад в виде адреса, соответствующего данной активной области, который загружается в окне обозревателя.
В случае если конфигурационный файл не содержит данных об искомой активной области, выводится сообщение об отсутствии данного документа. Для того чтобы браузер определил графический объект как карту-изображение, необходимо в теге <img>, описывающем конфигурацию карты-изображения, указать параметр ismap, а файл конфигурации сохранить в формате MAP.
Серверный вариант поддерживает два формата реализации карт-изображений – CERN и NCSA.
Первый разработан научным центром European Organization for Nuclear Research и предлагает следующую запись координат активных областей:
тип_области координаты адрес
Значения пар координат разделяются запятой и заключаются в круглые скобки, например:
rect (54, 127) (445, 344) http://www.site.ru/
В начале конфигурации стоит значение rect (прямоугольное выделение для задания активной области). Другими значениями могут быть: circle (крут), poly (многоугольник) и default (значение по умолчанию).
Формат NCSA разработан центром приложений для суперкомпьютеров National Center for Supercomputing Applications и предлагает несколько иной формат записи конфигурации карт-изображений:
тип_области адрес координаты
Координаты х, y тоже разделяются запятыми, но в скобки не заключаются, например:
rect http://www.site.ru/ 54, 127 45, 344
Кроме типов областей, предложенных CERN, данный формат разрешает использование типа point (активизируется та ссылка после нажатия, которая обозначена ближе всего к точке соприкосновения).