ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 06.04.2021
Просмотров: 262
Скачиваний: 1
11
ных
–
при
повышении
степени
сжатия
качество
изображения
ухуд
-
шается
за
счет
изъятия
"
ненужной
"
информации
(
в
отличие
от
ал
-
горитма
сжатия
GIF,
который
позволяет
производить
подобную
процедуру
практически
без
потерь
).
<BR> <B>
Выравнивание
этого
предложения
<IMG SRC="images\watch125.jpg" ALIGN="top" BORDER="1"
WIDTH="125">
по
верхнему
краю
рисунка
</
В
>
</BODY> </HTML>
Как
видно
из
примеров
,
все
типы
выравнивания
условно
можно
раз
-
делить
на
две
группы
:
•
выравнивание
относительно
края
окна
документа
(
значения
LEFT
и
RIGHT);
•
выравнивание
относительно
текущей
строки
текста
(
все
осталь
-
ные
значения
).
Параметры
HSPACE
и
VSPACE
определяют
размер
горизонтального
и
вертикального
отступов
от
встраиваемого
изображения
до
текста
.
Фор
-
мат
записи
значений
–
в
пикселах
.
По
умолчанию
значения
обоих
типов
отступа
равны
нулю
(
листинг
1.3,
рис
. 3).
Листинг
1.3.
Отступы
между
рисунком
и
текстом
<HTML>
<HEAD>
<TITLE>
Примеры
выравнивания
рисунков
</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#00FF00"
ALINK="#00FFFF" VLINK="BLUE">
<IMG SRC="images\watch125.jpg" ALIGN="left" BORDER="1"
WIDTH="125">
<B>
Отступов
между
текстом
и
рисунком
нет
</B><BR>
Что
касается
пропорционального
увеличения
графических
изобра
-
жений
в
HTML-
документах
,
то
такой
подход
не
рекомендуется
по
причине
особенностей
самого
растрового
формата
(
ухудшение
ка
-
чества
изображения
при
увеличении
его
размеров
).
<BR>
<IMG SRC="images\watch125.jpg" ALIGN="left" BORDER="1"
WIDTH="125" HSPACE="20" VSPACE="20">
<B>
Отступ
между
текстом
и
рисунком
равен
20</B><BR>
Что
касается
пропорционального
увеличения
графических
изобра
-
жений
в
HTML-
документах
,
то
такой
подход
не
рекомендуется
по
причине
особенностей
самого
растрового
формата
(
ухудшение
ка
-
чества
изображения
при
увеличении
его
размеров
).
Однако
если
степень
увеличения
незначительна
(
в
среднем
на
5-10
пикселов
),
как
правило
,
визуально
качество
остается
неизменным
.
</BODY>
</HTML>
Рис
. 3.
Отступы
между
рисунком
и
текстом
Необходимо
обратить
внимание
на
то
,
что
значение
,
указанное
для
параметров
HSPACE
и
VSPACE
,
устанавливается
с
обеих
сторон
графиче
-
ского
изображения
.
Параметр
ALT.
Параметр
альтернативного
текста
ALT
играет
су
-
щественную
роль
в
процессе
встраивания
графики
в
электронные
доку
-
менты
.
Изначально
его
предназначение
заключалось
в
возможности
пре
-
доставления
пользователям
неграфических
браузеров
информации
о
ри
-
сунке
,
которая
появляется
при
наведении
на
графический
объект
курсора
мыши
.
Однако
сегодня
понятие
«
неграфического
браузера
»
стало
практи
-
чески
неактуальным
,
поэтому
функция
параметра
ALT
сильно
расшири
-
лась
и
повсеместно
используется
для
вывода
смысловых
подсказок
для
значимых
графических
элементов
.
Для
не
имеющих
какой
-
либо
смысловой
нагрузки
рисунков
альтернативный
текст
указывать
не
следует
.
Например
,
для
рисунка
,
демонстрирующего
образ
услуг
коммерче
-
ской
компании
,
будет
уместным
добавить
альтернативный
текст
«
Наши
услуги
».
Для
прозрачной
распорки
,
размещенной
в
пустой
табличной
ячейке
,
бессмысленно
писать
что
-
то
вроде
«
Прозрачная
графическая
рас
-
порка
».
12
Рис
. 4.
Использование
альтернативного
текста
Для
незначимых
графических
изображений
обычно
задается
сле
-
дующая
конструкция
:
<IMG SRC="images/spacer.gif" WIDTH="5" HEIGHT="5"
ALT="">
Таким
образом
,
даже
если
ваш
HTML-
документ
будут
просматривать
в
текстовом
редакторе
(
к
примеру
, Lynx),
композиция
страницы
сохранится
,
а
пользователю
будет
выведена
информация
о
наличии
рисунка
.
Также
указывать
альтернативный
текст
ALT
рекомендуется
в
случае
,
если
изображение
по
каким
-
либо
причинам
не
загрузилось
.
Подсказка
,
отображенная
на
месте
рисунка
,
даст
пользователю
хотя
бы
минимальную
информацию
о
незагруженном
объекте
(
рис
. 4).
Параметр
TITLE
,
по
сути
,
выполняет
функцию
,
аналогичную
ALT
,
и
предназначен
для
отображения
подсказок
к
рисункам
.
Различие
в
том
,
что
при
незагруженном
изображении
параметр
TITLE
не
предоставит
пользователю
никакой
информации
–
для
этого
существует
параметр
аль
-
тернативного
текста
ALT
.
Следует
отметить
,
что
последние
версии
некоторых
браузеров
(Opera, Netscape)
не
отображают
значение
поля
ALT
при
наведении
на
изо
-
бражение
курсора
мыши
.
1.3.
КАРТЫ
-
ИЗОБРАЖЕНИЯ
Во
многих
HTML-
документах
сегодня
с
успехом
используются
так
называемые
карты
-
изображения
(Imagemaps),
которые
представляют
собой
обычные
графические
файлы
(
как
правило
,
стандарта
GIF
или
JPEG)
с
привязанными
к
различным
областям
этого
изображения
гиперссылками
.
Такие
области
описываются
специальными
координатами
,
в
соответ
-
ствии
с
которыми
браузер
переносит
пользователя
на
нужную
страницу
.
13
14
О
правилах
конфигурации
карт
-
изображений
будет
рассказано
чуть
позже
,
а
сейчас
рассмотрим
преимущества
и
недостатки
карт
-
изображений
как
средства
навигации
(
перемещения
)
по
HTML-
документам
.
1.3.1.
Преимущества
,
недостатки
и
области
применения
карт
-
изображений
К
основным
преимуществам
можно
отнести
следующие
моменты
:
•
более
удобного
средства
,
чем
карта
-
изображение
,
для
создания
сложных
навигационных
меню
(
в
особенности
географических
,
топогра
-
фических
и
прочих
карт
)
не
найти
;
процесс
создания
и
пространственного
размещения
на
странице
нескольких
десятков
кнопок
для
обозначения
,
на
-
пример
,
всех
областей
Российской
Федерации
,
чрезвычайно
сложен
и
по
-
требует
больших
временных
затрат
;
•
использование
карты
-
изображения
в
качестве
навигационных
ме
-
ню
на
каждой
странице
интернет
-
проекта
может
существенно
сократить
время
загрузки
электронных
документов
и
сэкономить
место
на
web-
сервере
;
•
для
использования
карты
-
изображения
потребуется
изготовить
всего
один
рисунок
;
•
использование
карт
-
изображений
позволит
разработчику
HTML-
документов
реализовать
самые
смелые
дизайнерские
задумки
;
можно
соз
-
давать
графические
объекты
любой
сложности
и
формы
,
не
задумываясь
об
их
пространственном
размещении
на
странице
,
что
способно
придать
интернет
-
ресурсу
оригинальность
и
сделать
его
более
запоминающимся
для
посетителей
.
Однако
без
некоторых
недостатков
также
не
обошлось
:
•
графические
заготовки
для
карт
-
изображений
,
имеющих
большой
размер
файла
,
могут
заметно
увеличить
время
загрузки
электронных
доку
-
ментов
по
сравнению
с
обычными
текстовыми
ссылками
;
•
для
посетителей
,
которые
экономят
свое
время
пребывания
в
Ин
-
тернете
,
переход
к
HTML-
документам
по
ссылкам
,
указанным
в
конфигу
-
рации
карты
-
изображения
,
не
позволяет
отслеживать
страницы
,
на
кото
-
рых
они
уже
побывали
,
поскольку
гиперссылки
карт
-
изображений
не
из
-
меняют
цвет
после
посещения
их
пользователем
;
•
при
наведении
курсора
мыши
на
определенную
активную
область
карты
-
изображения
в
серверном
варианте
,
в
статусной
строке
браузера
отображается
не
адрес
электронного
документа
,
а
координаты
области
,
ко
-
торые
хранятся
в
конфигурационном
файле
на
самом
web-
сервере
;
•
если
параллельно
с
картой
-
изображением
не
предусмотрено
дубли
-
рующее
текстовое
меню
,
то
посетители
,
которые
по
каким
-
либо
причинам
не
могут
загрузить
графику
или
отключили
ее
в
своем
браузере
,
останутся
не
у
дел
.
15
В
принципе
,
карты
-
изображения
можно
применять
в
самых
разнооб
-
разных
областях
компьютерных
технологий
.
Наиболее
распространенны
-
ми
из
них
являются
:
•
геоинформационные
и
картографические
системы
;
•
баннерные
рекламные
сети
и
системы
электронной
коммерции
;
•
электронный
и
сотовый
банкинг
,
платежные
системы
;
•
игровые
трехмерные
и
двумерные
интернет
-
ресурсы
;
•
корпоративные
серверы
;
•
интернет
-
ресурсы
широкого
профиля
.
Как
видно
из
списка
,
диапазон
применения
карт
-
изображений
может
охватывать
практически
все
отрасли
современных
технологий
.
1.3.2.
Конфигурация
карт
-
изображений
Прежде
всего
,
следует
сказать
,
что
карта
-
изображение
не
является
принципиально
новой
технологией
.
Однако
раньше
их
применение
было
осложнено
рядом
причин
:
•
ранние
версии
некоторых
браузеров
(
например
, Netscape
Navigator 1.x)
не
поддерживали
технологию
карт
-
изображений
;
•
часть
web-
серверов
не
позволяло
использовать
графику
для
соз
-
дания
карт
-
изображений
вообще
или
предоставляло
такую
возможность
только
лишь
профессиональным
разработчикам
или
крупным
компаниям
;
•
раньше
был
возможен
единственный
вариант
реализации
карт
-
изображений
–
серверный
,
который
подразумевал
управление
переходом
на
соответствующий
документ
исключительно
со
стороны
сервера
.
Сегодня
существует
клиентский
вариант
карт
-
изображений
,
что
во
многом
облегчает
применение
данной
технологии
,
которую
в
настоящее
время
поддерживает
большинство
современных
браузеров
.
Сама
карта
-
изображение
представляет
собой
обыкновенный
графи
-
ческий
рисунок
,
а
ее
конфигурация
определяется
в
виде
значений
коорди
-
натных
кривых
,
которые
прописываются
в
HTML-
коде
.
Эти
значения
ука
-
зывают
активные
области
изображения
и
содержат
информацию
о
том
,
ку
-
да
следует
перейти
браузеру
после
нажатия
на
одну
из
этих
областей
.
Активные
области
могут
иметь
форму
прямоугольника
,
круга
и
мно
-
гоугольника
.
Также
позволительно
комбинировать
эти
три
варианта
или
определять
область
,
расположенную
вне
активных
областей
карты
-
изображения
.
Как
уже
было
сказано
,
карты
-
изображения
могут
быть
реализованы
в
двух
вариантах
–
серверном
и
клиентском
.
Рассмотрим
подробно
каждый
из
них
.