Текст книги "Интернет. Быстрый старт"

На этом обзор возможностей FrontPage 2000 для работы с фреймами заканчивается. Их, может быть, не так уж и много, но они, пожалуй, полностью исчерпывают нужды фреймовой технологии. Самое главное – создать правильную фреймовую структуру страницы и активно использовать имена фреймов в гиперссылках для того, чтобы управлять правильным отображением документов.

Активные элементы

Под активными элементами мы будем подразумевать те объекты, которые чаще всего невозможно реализовать средствами HTML, но которые, тем не менее, весьма широко применяются в оформлении Web-страниц. Это могут быть кнопки, меняющие свой цвет, как только курсор мыши попадет на них, блоки текста, которые, прежде чем попасть на положенное место, демонстрируют мультипликационные элементы, интерактивные блоки данных, такие как таблицы с автоматическим пересчетом данных. Для создания активных элементов необходимо использовать программирование, а значит, детали их реализации выходят за оговоренные ранее рамки этой книги. Конечно, мы рассмотрим классификацию этих объектов и узнаем, в чем их сходства и различия, но самостоятельно сделать свой активный элемент, опираясь на данную книгу, невозможно. Если же необходимо использовать какой-либо активный элемент, который не входит в коллекцию FrontPage 2000, его можно отыскать в Интернете. Причем, как вы знаете, специфика Интернета такова, что в одном месте эти элементы будет предложено купить, в другом их предложат в аренду, а где-нибудь еще совершенно законным образом предоставят в бесплатное пользование. Эта ситуация возможна практически всегда. Главное – провести полный поиск и методично пройти по всем найденным релевантным ссылкам. Но прежде чем запускать свой браузер для этого поиска, следует ознакомиться с тем списком, который предлагает вам FrontPage 2000.

Для начала рассмотрим эффекты из группы DHTML (Dynamic HTML). Эта возможность применяется для анимации текстовой строки. Для выбора какого-либо эффекта лучше всего использовать инструментальную панель DHTML Effects (Эффекты DHTML), которая активизируется при помощи стандартной команды View/Toolbars (Вид/Инструментальные панели) или Format/Dynamic HTML Effects (Формат/Эффекты динамического HTML). Итак, выделим какую-либо строку и перейдем к инструментальной панели. При этом на ней становится доступным для использования выпадающий список On (По), который позволяет выбрать событие, при наступлении которого будет проявляться выбранный эффект. Следует отметить, что далеко не все эффекты могут быть использованы в каждом случае. В качестве инициирующих событий вам предлагаются значения Click (Щелчок мыши), т. е. щелчок мыши на данной строке, Double click (Двойной щелчок) – двойной щелчок, Mouse over (Прохождение курсора мыши) – появление курсора на пространстве, занимаемом строкой, и Page load (Загрузка страницы), т. е. при загрузке страницы в браузер удаленного пользователя. Именно последнее событие позволяет использовать каждый эффект DHTML, который предусмотрен в FrontPage.

Выбор конкретного эффекта производится в выпадающем списке Apply (Применить), который становится доступен после того, как пользователь установил событие, инициирующее запуск анимации. Первый эффект с наименованием Drop down (Выбросить вниз) сбрасывает все слова, входящие в строку, поочередно из-за верхнего края окна просмотра браузера или из-за верхней границы фрейма, в котором размещен этот HTML-документ. В том случае, если проектировщик Web-страницы выбирает эффект Elastic, то активизируется третий и последний выпадающий список инструментальной панели DHTML Effects (Эффекты DHTML). В нем можно устанавливать отдельные параметры выбранных эффектов. Elastic заставляет всю строку выскакивать из-за обреза окна просмотра или границы фрейма, лететь к своему месту, при подлете к нему затормаживать, но все-таки немного проскакивать его из-за набранной инерции, и только потом плавно накатываться на необходимую позицию. Что ж, на то он и Elastic. В третьем выпадающем списке вы можете выбрать ту границу, из-за которой строка будет выскакивать. Значение From right (С правой стороны) подразумевает использование правой границы и горизонтального скольжения, а значение From bottom (Снизу) выведет строку из-за нижнего обреза окна и заставит ее двигаться по вертикали.

Эффект Fly in (Прилететь) заставляет вылетать строку из указанного места и следовать к своей позиции. Место старта строки и особенности эффекта задаются в последнем выпадающем списке. Для эффекта Fly in (Прилететь) третий список содержит действительно много значений. Значения From right (Справа), From bottom (Снизу), From left (Слева) и From top (Сверху) указывают в качестве места старта полета строки правую, нижнюю, левую и верхнюю границу окна просмотра, соответственно. Значения From bottom-left (Из нижнего левого угла), From bottom-right (Из нижнего правого угла), From top-right (Из верхнего правого угла) и From top-left (Из верхнего левого угла) позволяют использовать уже не границы окна, а его углы – левый нижний угол, правый нижний, правый верхний и левый верхний угол, соответственно. Значение Along corner (По углу) позволяет «скрестить» эффект Fly in (Прилететь) с уже рассматривавшимся нами эффектом Elastic (Эластичный). При старте эффекта строка сначала поднимается из-за нижней границы окна просмотра по вертикали до нужного места в стиле эффекта Elastic со всеми его особенностями (торможение разогнавшейся строки, маленький промах, плавный откат на нужное место) и лишь потом по горизонтали направляется в необходимую позицию. Чрезвычайно интересный и нестандартный вариант. И последние два варианта, т. е. From top-right by word (Из верхнего правого угла по одному слову) и From bottom-right by word (Из нижнего правого угла по одному слову) выбрасывают не строку, а ее слова по очереди из правого верхнего и правого нижнего угла окна просмотра, соответственно.

Эффект Hop (Дуга) также разбивает строку на отдельные слова и производит с каждым из них затейливую комбинацию. Сначала из-за правого края окна по дуге, выгнутой вверх, выбрасывается первое слово. В конце своего дугообразного полета это слово оказывается на изначально предусмотренном для него месте. Потом уже из-за этого слова выбрасывается следующее, и т. д. Очень занимательно. Достаточно похож на него и сосед по списку – эффект Spiral (Спираль). Этот эффект, правда, оперирует целой строкой, как и большинство других эффектов DHTML. При его применении строка вылетает из правого верхнего угла браузера и по спирали приходит на свое место.

Эффект Wave (Волна) разбивает строку на слова, и каждое слово по дуге прилетает на свое место. Это было бы очень похоже на эффект Нор (Дуга), если бы не одно обстоятельство. Поочередно используются дуги, выгнутые вверх и вниз. Поэтому и образуется волнообразный эффект.

Эффект Wipe (Проявление) очень мало похож на остальные эффекты. Он не заставляет текст совершать какие-либо перемещения. Он просто плавно «проявляет» его. Если в установках этого эффекта выбрано значение Left to right (Слева направо), то сначала появится первый символ, за ним – второй, третий и т. д. до самого конца строки. Причем появление новых символов является непрерывным, а не дискретным. Эффект проявляется очень плавно, создавая реалистическое ощущение, будто строка была закрыта полосой бумаги цвета фона, а потом эту полоску медленно убирают и из-под нее появляются буквы. Значение Top to bottom (Сверху вниз) «проявляет» строку по вертикали сверху вниз, а значение From middle (С середины) показывает строку, начиная от ее середины, отжимая область невидимости по горизонтали к границам.

И последний из эффектов, применяемых при загрузке страницы, носит название Zoom (Увеличение). Уже по названию можно предположить механизм его действия. Скорее всего, предположение окажется верным. Этот эффект постепенно увеличивает строку, начиная с самого маленького размера символов, а затем плавно доводя ее до необходимого размера. Впрочем, эффект может быть и обратным. Изначально может быть показана очень большая строка, а потом ее размер уменьшится до заданного. Варианты работы этого эффекта указываются в третьем списке. Параметр In производит увеличение строки, а параметр Out – ее уменьшение.

Теперь перейдем к эффектам, которые могут воспроизводиться при одинарном или двойном щелчке мыши на искомой строке текста. Первый из них носит наименование Fly out (Улететь). Действует подобно эффекту Fly in, но в другую сторону. Теперь строка не прилетает на свое место, а наоборот, улетает с экрана. То есть достаточно произвести щелчок мышью, одинарный или двойной, в зависимости от выбранного события, и строка, на которой щелкнули, исчезнет из окна просмотра браузера. В свойствах эффекта можно указать направление полета строки. Все эти параметры уже знакомы вам по эффекту Fly in.

А второй эффект, который также может использоваться для работы с событием Mouse over (Прохождение курсора мыши), носит название Formatting (Форматирование). Кстати, это единственный эффект, связанный с настоящим событием. Он позволяет изменить внешний вид строки. С этой целью применяется изменение шрифта и/или рамки, ограничивающей данную строку. Для выбора нового шрифта, с помощью которого будет отображаться строка при наступлении оговоренного события, в третьем списке выбирается альтернатива Choose font (Выбрать шрифт), которая активизирует стандартное диалоговое окно выбора шрифта и его свойств. Для установки границы строки используется значение Choose border (Выбрать границу), активизирующее диалоговое окно Borders and Shading (Границы и тени), показанное на рис. 8.21. Как легко заметить из названия, окно предназначается для установки рамки и теней.

Рис. 8.21. Вкладка Borders диалогового окна Borders and Shading

Вкладка Borders (Границы), которую вы видите на рисунке, практически ничем не ограничивает фантазию дизайнера. В блоке Setting (Установка) находится три образца возможных типов рамок. Вариант None (Нет), используемый по умолчанию, не предусматривает наличия каких-либо рамок вообще. Тип Box (Прямоугольник) позволяет устанавливать единую рамку для всей строки. Тип ограничивающей линии можно выбрать в списке Style (Стиль). Рядом с этим списком находится блок предварительного просмотра создаваемой страницы. Здесь же располагаются четыре кнопки, каждая из которых управляет отображением границы одной из сторон блока. В принципе, находясь в режиме Box (Прямоугольник), вы можете принудительно отключить отображение одной или нескольких границ, но при этом вы автоматически перейдете в режим Custom (Установка по образцу), который позволяет устанавливать тип ограничивающей линии для каждой стороны блока. Для этого нужно выбрать стиль линии и нажать на кнопку, отвечающую за необходимую границу. Цвет линий выбирается по правилам указания стилей, а сам выбор производится при помощи выпадающего списка Color (Цвет). Под этим списком находится еще одно поле ввода Width (Ширина), которое позволяет указывать ширину одной или нескольких ограничивающих линий. То есть это диалоговое окно предоставляет проектировщику полный контроль над внешним видом будущей рамки. Остается посоветовать только не увлекаться разнообразием, а стараться соблюдать единый стиль, принятый для оформления страницы или сайта. Последний блок органов управления на этой вкладке с названием Padding (Отступы) содержит четыре поля ввода, в которых можно указать отступы в пикселах от границ до содержимого блока.

Теперь переходим к вкладке Shading (Тени), которая показана на рис. 8.22. Она предназначена для установки цвета тени рамки и задания фона блока. Список Background color (Фоновый цвет) предназначен для установки цвета фона строки. Список Foreground color (Цвет переднего плана) позволяет указывать дополнительный цвет рамки, который применяется в случае ее трехмерного выделения.

Рис. 8.22. Вкладка Shading диалогового окна Borders and Shading

При помощи блока Patterns (Заполнения) создается заполнение фона строки. В поле Background picture (Фоновый рисунок) вводится наименование графического файла, изображение из которого будет применяться в качестве заполнителя фона. Остальные поля ввода предназначены для установки координат, правил заполнения фона рисунком и выравнивания данного рисунка. На этом список эффектов DHNML заканчивается, и нам остается рассмотреть две последние кнопки панели DHTML Effects (Эффекты DHTML). Кнопка с наименованием Remove Effect (Удалить эффект) становится доступной для пользователя в тот момент, когда текстовый курсор появляется в строке, которая выводится с применением того или иного эффекта DHTML. В этом случае нажатие кнопки Remove Effect (Удалить эффект) позволяет снять установленный эффект. Иногда, правда, возникает другая проблема – отыскать все строки, на которые были навешены динамические эффекты. В этом вам может помочь кнопка с названием Highlight Dynamic HTML Effects (Подсветить эффекты динамического HTML). Эта кнопка является переключателем. То есть в тот момент, когда она нажата, все строки, которые при просмотре документа удаленным пользователем будут отображены с применением какого-либо анимационного эффекта, будут подсвечены голубым цветом. Если кнопку отжать – подсветка исчезнет. На этом обзор технологии DHTML закативается, и мы переходим к другим активным элементам, поддерживаемым FrontPage 2000.

Вставка активного элемента осуществляется при помощи команды Insert/Component (Вставка/Компонент). После этого FrontPage отображает список компонентов, предлагаемых для работы. Первый из них носит название Office Spreadsheet (Таблица из Office). Он представляет собой подобие одного листа электронной таблицы Microsoft Excel. Этот активный элемент реализован при помощи технологии ActiveX. Данная технология, на наш взгляд, является одной из наиболее впечатляющих разработок фирмы Microsoft. При всем неоднозначном к ней отношении необходимо отметить, что без технологии ActiveX разные компьютеры не могли бы так легко общаться друг с другом, как сейчас. Давайте посмотрим на историю появления стандарта ActiveX и попробуем уяснить, что же он из себя представляет.

С появлением Windows, которая претендовала на новую парадигму единой среды для единообразных приложений, встал вопрос о связи этих приложений друг с другом. Разнородные данные нужно было связывать друг с другом и импортировать в другие программы. Пользователям было необходимо, например, вставлять таблицы из Excel в текст документа, набранного в Word. Причем, было бы неплохо, чтобы функциональность таблиц не терялась. Это ведь единая система, правда? Честно скажем, задача была не из простых. Но решение нашлось. Была использована концепция объектов. Отныне таблицы, тексты, диаграммы и прочие блоки данных могли сохраняться в виде объектов, которые несли в себе не только данные и правила их форматирования и отображения, но еще и правила работы с этими данными. На основе этих принципов вырос общеизвестный стандарт OLE (Object Linking and Embedding), т. е. внедрение и связывание объектов. Чужеродный объект мог внедряться в данные другого приложения, а для его редактирования использовалась его связь с приложением-родителем, которое обычно могло добавлять свои методы работы, меню и инструментальные панели в принимающее приложение. Естественно, изначально этой возможностью в полной мере пользовались только программы, созданные самой Microsoft. Это и неудивительно. Первая реализация данного стандарта была очень запутанной и в критических ситуациях часто давала сбои. Поэтому вскоре была предложена версия стандарта OLE 2.0. Именно в этой версии была в полной мере использована компонентная модель объекта – COM (Component Object Model). Модель СОМ имела гораздо больше возможностей, чем внедрение и связывание. По существу СОМ является реализацией объекта из функций, которые данный объект может осуществлять. Уже из этой модели были созданы активные элементы ActiveX. Им для работы уже не нужно наличие на машине программы, которая изначально породила данные. Так, если вы используете элемент ActiveX, который реализует работу с электронной таблицей, вы можете не заботиться о наличии у удаленного пользователя программы Microsoft Excel. ActiveX может сам отображать, форматировать и обрабатывать свои данные. Причем, все современные браузеры поддерживают эту технологию. Работа с ней происходит следующим образом. Каждый элемент ActiveX имеет свой номер версии и идентификационный уникальный номер класса, которые указываются в тексте HTML-кода. При загрузке страницы, содержащей элемент ActiveX, система удаленного пользователя просматривает список зарегистрированных в ней объектов ActiveX. В том случае, если элемент с данным идентификационным номером уже есть в системе, сам элемент не загружается. Грузится только содержимое страницы. А потом к ней подключается уже живущий в системе элемент. Если же элемент с данным идентификационным номером не прописан в системе, т. е. страница с этим элементом загружается впервые, или версия элемента ActiveX, установленного на странице, больше номера версии элемента, прописанного в системе, элемент загружается полностью и получает прописку в системе. Система продумана достаточно хорошо.

Но вернемся к нашему листу электронной таблицы. Данный элемент, как и два последующих, является одним из так называемых Microsoft Office Web Components, наряду с Office PivotTable и Office Chart. Это стандартные блоки Microsoft Office 2000, поэтому при его инсталляции их необходимо явно установить на жесткий диск. В ином случае не удастся подготовить сайт, содержащий такие элементы, к публикации. Самое интересное состоит в том, что, в отличие от нелокализованного FrontPage, названные элементы полностью русифицированы и справка для них, естественно, поставляется на русском языке.

Элемент Office Spreadsheet, помимо стандартного поля электронной таблицы, содержит еще и панель инструментов. Первая кнопка с изображением эмблемы Microsoft Office просто выводит окно About (О программе) с информацией об этом элементе и держателе его лицензии. Следом за ней располагается кнопка отмены последнего действия. Далее идет триада стандартных кнопок для работы с буфером обмена, которые позволяют вырезать выделение, копировать его в буфер обмена и вставлять содержимое буфера в выбранное место таблицы. Тут же расположена кнопка, предназначенная для автосуммирования. Радом расположены три кнопки, отвечающие за сортировку и фильтрацию содержимого ячеек. Первые две – это сортировка в прямом и обратном порядке, третья включает средство автофильтра. Кнопка с изображением эмблемы Excel и карандаша позволяет экспортировать выделенные ячейки листа в Microsoft Excel. Очень удобный для удаленного пользователя инструмент, который позволяет перенести все данные и формулы к себе на лист и в спокойной обстановке разобраться с полученной информацией. Следующая кнопка предназначена для вызова окна, в котором можно осуществить установку свойств листа электронной таблицы. Оно показано на рис. 8.23. Здесь нас ожидает еще один приятный сюрприз. Web-элементы Office локализованы, а значит, и диалоговое окно будет содержать русскоязычную информацию. Как вы видите из рисунка, можно в полном объеме управлять шрифтовым оформлением содержимого ячеек, указывать формат ячеек, сливать их в одну и разбивать на несколько, указывать тип границы, управлять выравниванием содержимого относительно границ ячеек, задавать требуемый формат чисел и выбирать те части активного элемента, которые должны быть показаны при его отображении. В это число входят заголовок, панель инструментов, наименования строк и столбцов, а также сетка, разделяющая ячейки.

Рис. 8.23. Диалоговое окно для установки свойств встроенного активного элемента электронной таблицы

Лист Office Spreadsheet позволяет вводить числовые и текстовые значения в ячейку, а также формульные выражения. К сожалению, помимо автосуммирования, никаких других средств, облегчающих ввод формул, не предусмотрено. Казалось бы, и эту проблему можно решить. Ввести все данные в Microsoft Excel, пользуясь всеми его прелестями работы, а затем перенести их в пространство Office Spreadsheet. Но не тут-то было. Копирование данных в табличной форме, находившихся в буфере обмена, чаще всего удаляет со страницы активный элемент Office Spreadsheet и создает вместо него обычную HTML-таблицу с цифрами, взятыми из таблицы Excel. Поэтому ввод формул приходится осуществлять вручную.

На самом деле, владельцу комплекта Microsoft Office 2000 не стоит излишне часто пользоваться активными элементами Office Spreadsheet, Office PivotTable и Office Chart. Второй элемент представляет собой сводную таблицу со средствами анализа данных, а третий – обычную диаграмму. Дело в том, что все программы из семейства Microsoft Office 2000 могут сохранять свои данные в HTML-формате, а значит, и размещать их на Web-страницах будет достаточно просто. Эту возможность мы рассмотрим в третьей части. А пока от Microsoft Office Web Components перейдем к рассмотрению остальных активных элементов.

При помощи команды меню Insert/Component/Banner Ad Manager (Вставить/Компонент/Управляемый баннер) или кнопки на основной панели инструментов Insert Component (Вставка компонента) можно вставить ссылку в виде плаката, содержащего ссылку на какой-либо Web-pecypc. При исполнении этой команды активизируется диалоговое окно Banner Ad Manager Properties (Параметры управляемого баннера), показанное на рис. 8.24. Его также можно вызвать и после создания плаката-ссылки для изменения его свойств посредством команды контекстного меню или пункта меню Format/Properties (Формат/Параметры). В поле ввода Link to (Связать с) указывается URL того документа, на который устанавливается ссылка. В списке Pictures to display (Отображаемые рисунки) находятся имена графических файлов, которые будут отображаться на пространстве баннера. Добавление и удаление файлов производится при помощи кнопок Add (Добавить) и Remove (Удалить), а изменение порядка следования рисунков – посредством кнопок Move Up (Переместить вверх) и Move Down (Переместить вниз). Эти изображения могут просто сменять друг друга, причем каждое может отображаться необходимое количество секунд, которое устанавливается в поле ввода Show each picture for (seconds) (Показывать каждый рисунок в течение … секунд). Эти изображения могут либо просто заменять друг друга, либо для этого будет использоваться какой-нибудь другой эффект, указанный в выпадающем списке Transition effect (Эффект замещения). Высота и ширина баннера указываются в полях Height (Высота) и Width (Ширина), соответственно.

Рис. 8.24. Диалоговое окно Banner Ad Manager Properties

Этот элемент реализован в виде Java-скрипта, т. е. сценария, написанного на языке Java. Язык Java изначально был задуман как средство создания межплатформенных приложений. То есть, написав приложение один раз, его можно без перекомпиляции использовать на различных программных и аппаратных платформах. Естественно, эта идеология идеально подошла для нужд Интернета, т. к. никогда заранее неизвестно, какой платформой оснащен удаленный пользователь. Главное, чтобы его браузер поддерживал язык сценариев Java. Также в качестве альтернативы или дополнения могут применяться скрипты, написанные на языке Visual Basic. Но нам не придется заниматься их написанием. Мы воспользуемся теми сценариями, которые уже есть в коллекции FrontPage 2000.

Java-скрипты создаются в виде обычных текстовых файлов, в которых записан текст программы. Браузер читает соответствующий файл и сам его интерпретирует, выполняя необходимые действия.

Следующий активный элемент, предлагаемый проектировщику, носит наименование Hit Counter (Счетчик посещений). Это, пожалуй, наиболее часто используемый элемент, который на русскоязычных страницах именуют счетчиком посещений. При выборе соответствующей команды меню активизируется диалоговое окно Hit Counter Properties (Параметры счетчика посещений), которое показано на рис. 8.25.

Рис. 8.25. Диалоговое окно Hit Counter Properties

В группе Counter Style (Стиль счетчика) можно выбрать одно из пяти различных начертаний цифр, использующихся в счетчике, либо выбрать альтернативу Custom Picture (Дополнительный рисунок) и в поле ввода указать имя графического файла в формате GIF, который содержит рисунок с другим начертанием цифр. Если вам необходимо указать стартовое значение счетчика, которое отличается от нуля, следует установить флажок Reset counter to (Установить счетчик в…) и в соответствующем поле ввода указать выбранное стартовое значение. По умолчанию для счетчика посещений используется пять цифр. Но если вам хочется изменить это количество, например увеличить (гигантомания?), то необходимо установить флажок Fixed number of digits (Фиксированное количество цифр) и указать требуемое количество цифр в соответствующем поле ввода.

Далее в блоке меню вы видите кнопку с наименованием Hover Button (Парящая кнопка). Эта кнопка обычно используется для красивого оформления гиперссылки, которая навешена на эту кнопку. «Красивость» заключается в том, что при появлении на кнопке курсора мыши, ее вид изменяется в зависимости от выбранного эффекта. Говорят, что люди намного чаще и охотнее нажимают на подобные кнопки. Для редактирования и установки ее свойств используется диалоговое окно Hover Button Properties (Параметры парящей кнопки), показанное на рис. 8.26.

Рис. 8.26. Диалоговое окно Hover Button Properties

Как вы видите, текст, располагаемый на кнопке, вводится в поле Button text (Текстовая кнопка). Для установки шрифтового оформления этого текста необходимо нажать кнопку Font (Шрифт). Установка гиперссылки производится при помощи кнопки Browse (Обзор), и URL вписывается в поле Link to (Связать с). В выпадающем списке Button color (Цвет кнопки) устанавливается основной цвет кнопки, а в списке Background color (Цвет фона) – цвет фона. Правда, его практически не будет видно, если только цвет кнопки или цвет, порождаемый эффектом, не будет прозрачным. Порождаемый эффектом цвет можно выбрать в списке Effect color (Цвет эффекта). Но самое интересное в этом окне – список Effect (Эффект), в котором вы имеете возможность выбрать то преобразование, которое произойдет с кнопкой при попадании на нее курсора мыши. Эффекты Color fill (Заливка цветом) и Color average (Превосходящий цвет) заменяют основной цвет кнопки дополнительным, выбранным в списке Effect color (Цвет эффекта). Эффекты Glow (Градиент), Reverse glow (Обратный градиент) и Light glow (Световой градиент) создают градиентную заливку кнопки из этих двух цветов. А последние два эффекта с наименованиями Bevel out (Повысить рамку) и Bevel in (Понизить рамку) вообще не используют дополнительного цвета. Они имитируют трехмерность кнопки, немного повышая или понижая надпись на ней при появлении курсора. Поля Width (Ширина) и Height (Высота), как обычно, предназначаются для установки ширины и высоты кнопки. Но это еще не все. На этой кнопке может быть установлен фоновый рисунок, меняющийся при попадании курсора на кнопку, а также ей могут быть приписаны звуковые файлы, проигрывающиеся в момент появления курсора и нажатия. Для установки этих свойств необходимо нажать на кнопку Custom (Установить по образцу). При этом на экране появится одноименное диалоговое окно. В группе полей ввода Play sound (Проиграть аудиоклип) устанавливаются звуковые файлы. В поле On click (По щелчку мыши) указывается имя звукового файла, который будет воспроизводиться каждый раз при нажатии на кнопку, а в поле On hover (При прохождении курсора мыши) – файл, используемый при появлении курсора мыши на кнопке. Блок Custom (Установить по образцу) предназначен для установки графических изображений, применяемых в оформлении кнопки. В поле Button (Кнопка) вводится имя файла, содержащего изображение, которое должно постоянно находиться на кнопке. А в поле On hover (При прохождении курсора мыши) записывается имя графического файла, который будет проявляться при попадании курсора на кнопку. Для облегчения ввода имен файлов рядом с каждым полем находится кнопка Browse (Обзор).

Этот активный элемент представляет собой Java-апплет. Апплеты – мини-приложения, написанные на Java и заранее откомпилированные. Это и есть их отличие от сценариев на Java. Как вы помните, скрипты содержат обычные текстовые команды, поэтому объем файла может быть достаточно велик, а скорость выполнения сценариев обычно невелика, т. к. их приходится интерпретировать, т. е. выполнять построчно, читая и выполняя команду за командой. Поэтому апплеты представляют собой следующий шаг в развитии технологии Java. Разработчик после написания апплета компилирует его. Но в данном случае компиляция не будет обычным переводом текста программы в инструкции для операционной системы или процессора, т. к. это подорвало бы идею многоплатформенности. Компиляция производится в собственный байт-код Java, который не может быть напрямую обработан каким-либо процессором или операционной системой. Этот байт-код намного компактнее, а значит, для его загрузки требуется меньше времени, да и скорость его выполнения выше, чем для сценария. Для обработки данного бай-кода необходимо наличие так называемой виртуальной машины Java. Эта виртуальная машина пишется для каждой отдельной операционной системы, которая, как известно, обычно намертво привязана к конкретному типу процессора. Такая виртуальная машина в настоящее время поставляется практически с каждым современным браузером, а в некоторые операционные системы встроена уже во время их разработки. Чем еще привлекательна технология Java, так это своей безопасностью. Все Java-компоненты работают только в пространстве браузера. Они не могут напрямую воздействовать на систему удаленного пользователя. А те же элементы ActiveX потенциально могут быть вредны, т. к. они могут получить доступ ко всей файловой системе компьютера удаленного пользователя. В связи с чем не рекомендуется использовать элементы ActiveX, полученные из источника, которому пользователь не вполне доверяет или в доброжелательности которого он не уверен. Именно поэтому в большинстве современных браузеров выстроена целая политика безопасности, основанная на репутации поставщика контента, разделении зон безопасности Интернета и использовании подписанных цифровой подписью активных элементов. Наличие этой подписи позволяет точно идентифицировать создателя элемента и определить степень его благонадежности исходя из его репутации.