31. Понятие палитры. Формат gif. Выбор палитры.. Gif-анимация. Оптимизация изображений. Использование графики в ссылках.

В компьютерной графике палитра — ограниченный набор цветов, который позволяет отобразить графическая система компьютера. Синоним: индексированные цвета.

GIF (англ. Graphics Interchange Format — русск. формат для обмена изображениями) — популярный формат графических изображений. Способен хранить сжатые данные без потери качества в формате не более 256 цветов.

Формат GIF поддерживает анимационные изображения. Они представляют из себя последовательность из нескольких статичных кадров, а также информацию о том, сколько времени каждый кадр должен быть показан на экране. Анимацию можно сделать цикличной (англ. loop), тогда вслед за последним кадром начнётся воспроизведение первого кадра и т.д.

Под оптимизацией изображений понимают такое его преобразование и подбор параметров формата, которое обеспечивает минимальный размер файла. При подготовке изображений для размещения на Web-страницах (страницах сайта) без тщательной оптимизации не обойтись.

Структура графической ссылки имеет вид:

<А НREF="адрес_ссылки"> <IMG SRS="имя_графического_файла">

Например, следующий тэг описывает ссылку на HTML-файл докум2. htm, при этом ссылка на экране будет представлена картинкой из файла Iogotip.gif:

<А НREF="докум2.htm"> <IMG SRC="logotip.gif "

К графической ссылке можно добавить поясняющий текст, как это сделано ниже:

<А НREF="докум2.htm"> <IMG SRC="logotip.gif "></A> Щелкните здесь

В рассмотренных выше графических ссылках одной картинке соответствовал один адрес ссылки.

Графическая карта задается с помощью нескольких тэгов. Первым является тэг <МАР> (карта) с атрибутом NAME для указания имени карты. Имя карты выбирается как имя переменной. Далее, между тэгами <МАР> и </МАР> следуют тэги <AREA> (область) для задания горячих областей. Тэг <AREA> имеет ряд атрибутов, описывающих собственно ссылку, а также форму и положение горячей области:

• HREF — строка, определяющая адрес ссылки;

• SHAPE — определяет форму области; принимает аргументы:

• "RECT" (прямоугольник);

• "POLYGONS" (многоугольник);

• "CIRCLE" (круг);

COORDS — координаты области, которые задаются в виде перечня чисел, разделенных запятыми; весь перечень заключается в кавычки (для прямоугольника задаются четыре числа — координаты верхнеголевого и правого нижнего угла; для многоугольника задаются координаты каждого угла; для круга задаются три числа — координаты центра и радиус);

32. Основы создания динамичных, интерактивных Web-ресурсов. Основные функции клиентских сценариев. Обзор основных языков клиентских сценариев. Основы JavaScript. Включение JavaScript в HTML- документы. Вывод результатов работы сценария JavaScript в HTML-документ.

Интерактивные сайты – это сайты с активными веб-страницами. При работе с интерактивными веб-страницами  пользователь имеет возможность обмениваться данными с сервером, участвовать в интерактивном диалоге.

Для придания статическим веб-страницам интерактивности и динамичности в веб-страницу можно вставлять скрипты на языках сценариев JavaScript и VBScript, исполняемых на стороне клиента. Скрипты на JavaScript и VBScript могут исполняться либо при наличии каких-либо действий пользователя либо автоматически во время загрузки веб-страницы. В настоящее время для создания динамических сайтов применяются различные веб-приложения. Для разработки веб-приложений применяются различные технологии, обеспечивающие создание динамических веб-страниц. Динамические сайты способны реагировать на введенную пользователем информацию, т.е. могут быть  интерактивными, поэтому динамические сайты, как правило, являются интерактивными, но не всегда.

Динамические сайты, веб-страницы которых генерируются  на стороне клиентского приложения. Для создания таких сайтов используют языки сценариев JavaScript и VBScript, а также Java-апплеты и технология ActiveX.

JavaScript — объектно-ориентированный скриптовый язык программирования.

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

Способы включения скриптов <script type="text/javascript"> </script>

1. Включение в секцию <head> </head>.

2. Включение в секцию <body> </body>.

3. В секции <head> </head> размещается ссылка на отдаленный .js файл. <script type="text/javascript" src="xxx.js"> </script>

Существуют следующие способы подключения JavaScript- программ к HTML документу:

• Использование тега <SCRIPT>.

• Объявление JavaScript-файла, содержащего текст программы.

• Определение JavaScript-выражения в качестве значения для HTML-атрибутов.

• Объявление JavaScript-программы в качестве обработчика событий.

Объявление JavaScript-программы в качестве обработчика событий:

<img src="ba.gif" border=0 OnMouseOver="this.style.backgroundColor='red';"OnMouseOut="this.style.backgroundColor='white';"> ; Цвет фона объекта будет меняться с белого на красный при наведении на объект мыши ; Символ дефиса в JavaScript распознается как минус, т.е. если фон объекта в HTML-документе задается через свойство background-color, то в JavaScript - через backgroundColor