Движение на веб-страницах
Движение на веб-страницах
В последнее время веб-страницы становятся все более динамическими. Это умное слово означает, что помимо статичного текста и изображений тут и там перед нашим взором происходит всяческое движение. То сводка новостей по экрану проплыла, то логотип неожиданно подмигнул вам, то рисунок вдруг задвигался и заговорил. Достигаются подобные чудеса посредством специальных технологий. Сейчас мы их рассмотрим.
ActiveX
Одной из базовых технологий Windows является технология связывания и внедрения объектов – OLE (Objects Linking and Embedding). OLE обеспечивает возможность совместного использования в операционной системе Windows файлов различных приложений, а также внедрения документов разных форматов друг в друга.
Например, мы можем легко вставить в документ Microsoft Word таблицу Excel или рисунок. И не только вставить, но еще и отредактировать. С помощью технологии OLE возможно также перетаскивание файлов мышью.
Технология ActiveX позволяет делать то же самое, но уже не в отдельно взятой операционной системе, а в рамках сети. Собственно, ActiveX является расширением технологии OLE.
Применительно к веб-страницам, ActiveX – это и всяческие диалоговые (между пользователем и администратором сайта) элементы управления на странице (формы), и возможность просматривать документы (например, Word) в окне браузера, и прослушивание звука, и просмотр видео, и пр.
Для обработки компонентов ActiveX используются элементы управления ActiveX. Ниже приведены некоторые из них (далеко-далеко не все), о которых вы наверняка где-то когда-то слышали.
– Active Movie – данный элемент используется для воспроизведения большинства видео– и аудиофайлов.
– DirectX – является промежуточным звеном между аппаратным обеспечением и программами, работающими со звуком и графикой. Элемент DirectX состоит из нескольких «слоев»: мультимедиа-приложения (верхний слой), программные службы (контролирующие ресурсы звуковой и видеокарты), системные службы (программы, общающиеся с операционной системой) и драйверы мультимедиа-устройств. Благодаря DirectX разработчики программ (например, игр) могут не задумываться о том, какое аппаратное обеспечение установлено на вашем компьютере. С ним общается DirectX.
– Sprites – отвечают за показ движущихся изображений (анимации).
– Sprite buttons – создают кнопки, которые имеют несколько состояний.
Элементы ActiveX очень «оживляют» веб-страницы, наполняя их всякими мигающими и движущимися надписями и рисунками. Как и подключаемые модули, элементы ActiveX становятся дополнениями для браузера.
Возможные проблемы
Рано или поздно вы обязательно столкнетесь с ситуацией, при которой веб-страница содержит какой-нибудь компонент ActiveX, а элемента управления, способного его обработать и отобразить на экране, у вас в компьютере нет. Что делать? Загружать нужный элемент управления, конечно.
Как правило, Internet Explorer автоматически пытается загрузить его с этой же страницы. Но перед загрузкой браузер проверяет, из надежного ли источника поступил данный компонент (рис. 8.6).
Солидные компании всегда сопровождают свои продукты электронной подписью. При желании вы можете удостовериться в надежности продукта, щелкнув на ссылке с названием компании, создавшей элемент управления, и ознакомившись с появившимся сертификатом безопасности (рис. 8.7).
В итоге вам решать, загружать этот элемент управления ActiveX или нет. Если вы все-таки уверены, что все будет хорошо, то нажмите кнопку Да (см. рис. 8.6).
ПРИМЕЧАНИЕ
Если случится так, что элемент управления оказался без электронной подписи, то вас также предупредят об этом после щелчка на ссылке компании-производителя. Что, мол, безопасности не гарантируют. Но лучше пользоваться надежными элементами ActiveX, большая коллекция которых находится на сайтах http://www.activex.com и http://activex.microsoft.com.
Рис. 8.6. Предупреждение о безопасности
Рис. 8.7. Не последнюю роль играет срок действия сертификата
Вы легко можете проверить, есть ли уже на вашем компьютере какие-нибудь элементы ActiveX. Обычно они хранятся в специально предназначенной для этого системной папке Downloaded Program Files, которая находится в папке с операционной системой.
Java-апплеты
Современные веб-страницы часто «оживают» во многом благодаря так называемым Java-апплетам и Java-скриптам. Что это? Это небольшие программы, написанные на языках программирования Java и JavaScript. Они встраиваются в HTML-код страницы и работают не сами по себе, а под управлением других программ. В данном случае другими программами являются браузеры.
Язык программирования Java создан в 1991 году разработчиками из компании Sun Microsystems. Основной целью их работы была разработка такого языка, чтобы созданные на его основе продукты успешно работали бы во всех существующих операционных системах. Успех этого предприятия и сделал Java-апплеты постоянными жителями Всемирной сети.
Как я уже сказал, Java-апплеты вносят хорошую динамику на веб-страницы. Многие из них способны изменяться прямо по ходу работы со страницей, в зависимости от ваших действий на ней.
Java-апплеты – это и бегущие по экрану строки текста, и разные двигающиеся и колыхающиеся изображения, и картинки, следящие за указателем мыши, и всяческие красивые крутящиеся галактики, и идущие объемные часы, и рисунки, издающие звуки, и встроенные в страницу калькуляторы, игры, анимации, поля для рисования и пр. В общем, Java-апплеты предоставляют широкие возможности для повышения привлекательности веб-страниц.
ВНИМАНИЕ! ОПАСНОСТЬ!
К сожалению, все хорошее имеет обратную сторону. Нехорошие программисты нашли способ встраивать в Java-апплеты разрушительные коды, которые имеют своей целью нанести вред вашему компьютеру. В принципе, можно настроить браузер так, чтобы запретить ему загружать Java-апплеты (см. рис. 7.17). В следующем уроке мы рассмотрим этот вопрос. Но наиболее разумным будет последовать такому совету: меньше бродите по всяким подозрительным сайтам. Именно там существует вероятность подхватить какой-нибудь нехороший скрипт при просмотре манящих фотографий.
Волшебство Macromedia Flash
Flash – это программный пакет, созданный компанией Macromedia, объединяющий в себе программы для работы с графикой и анимацией. Появление данной технологии стало поистине революционным для веб-дизайнеров по следующим причинам.
– Во-первых, данная технология использует не растровую, а векторную графику, что приводит к значительному уменьшению размеров изображений при отличном качестве.
ПРИМЕЧАНИЕ ДЛЯ ПОЧЕМУЧЕК
Растровое изображение состоит из огромного количества мельчайших цветных точек, называемых пикселами (прямо как праздничное панно на главной площади, поздравляющее с праздником, состоит из разноцветных квадратов). Векторное же изображение состоит из кривых (векторов), описываемых математическими формулами.
– Во-вторых, технология Macromedia Flash позволяет анимировать эти самые изображения и получать очень красочные анимации, занимающие совсем немного места на диске.
– В-третьих, в фильмы, созданные в формате Flash, можно встраивать различные звуки, что открывает еще более широкие возможности для полета дизайнерской мысли.
Поэтому сайты, созданные с помощью Macromedia Flash, действительно очень красивые и эффектные. Правда, путешествуя по ним, часто приходится разбираться с новым революционным интерфейсом, рожденным бурной фантазией дизайнера вкупе с неограниченными возможностями Flash. Но это всего лишь капля никотина в бочке меда.
Самый крупный русскоязычный ресурс о технологии Macromedia Flash находится по адресу http://www.fLasher.ru. Здесь же можно посмотреть разные красочные примеры. Так что желающие могут посетить и ознакомиться.
Более 800 000 книг и аудиокниг! 📚
Получи 2 месяца Литрес Подписки в подарок и наслаждайся неограниченным чтением
ПОЛУЧИТЬ ПОДАРОКДанный текст является ознакомительным фрагментом.
Читайте также
Как начинается произвольное движение
Как начинается произвольное движение Самый короткий путь к головному мозгу лежит через ухо. Слуховая зона коры находится по соседству с префронтальной областью. Необработанный звук входит в слуховую кору, а сказанные слова, мелодии, ритмы, смех и звон сохраняются в
Отчет о следующей и предыдущей страницах
Отчет о следующей и предыдущей страницах Этот отчет включен в пакет веб-аналитики Omniture[26]. В нем наглядно показано, куда уходит со страницы большинство пользователей и какой процент из них покидает сайт. По данным отчета вы можете проанализировать следующий шаг
Эффекты Motion (Движение) и Opacity (Непрозрачность)
Эффекты Motion (Движение) и Opacity (Непрозрачность) Эффекты Motion (Движение) и Opacity (Непрозрачность) являются постоянными, то есть примененными к любому клипу на видеодорожках по умолчанию. В этом легко убедиться, выделив любой клип и взглянув на вкладку Effect Controls (Управление
Motion (Движение)
Motion (Движение) Эффект Motion (Движение) позволяет изменить масштаб и положение картинки в кадре, а также разместить видеоизображение под любым углом.В окне Project (Проект) находится клип, который вы ранее не использовали в проекте. Это клип Clip07.avi. Добавим этот клип в
ПИСЬМОНОСЕЦ: Движение в сторону зимы
ПИСЬМОНОСЕЦ: Движение в сторону зимы Увидел тему номера 24 и вспомнил, что давно хотел «пожаловаться» вам на образование. Меня учат на электрика. И наша группа знает все про электричество хуже групп, которые учатся, скажем, на программистов. Почему? Например, на лекции по
ТЕМА НОМЕРА: Осторожное движение в сторону завтра
ТЕМА НОМЕРА: Осторожное движение в сторону завтра Автор: Юрий Романов Дао (кит.). Букв. "путь, дорога". Одно из важнейших понятий китайской философии. В философии Лао-цзы Д. – невидимый, вездесущий, естественный закон природы. Иногда Д. сравнивают с логосом Гераклита.
Работа на страницах документа
Работа на страницах документа Для наполнения страниц документа могут использоваться различные инструменты (см. табл. П3.2): Перо 1 (Перо 2, Перо 3, Перо 4), Многоцветное перо, Перо рисунка, Галерея, Ссылки InterWrite, Ввод текста.Инструмент ПероВ данной программе существуют четыре
Работа на страницах документа Инструмент Перо
Работа на страницах документа Инструмент Перо Данный инструмент может использоваться для создания обычных линий, прямых линий, ломаных линий, прямоугольников, овалов, подписей, стрелок.Для настройки пера следует:1. Произвести нажатие правой кнопкой маркера на
Работа на страницах документа
Работа на страницах документа Для наполнения страниц документа могут использоваться различные инструменты (см. табл. П5.3): Перо и выделение, Художественное перо, Линии, Фигуры, Текст и т. д.Инструмент Перо и выделениеДанный инструмент может использоваться для создания
Работа на страницах документа
Работа на страницах документа Как правило, на страницах заметок размещают рукописный и печатный тексты, фигуры, объекты из галереи изображений, фотографии и их фрагменты. Для этого служит целый ряд инструментов: Перо, Умное перо, Экранная клавиатура, Фигуры, Картинки,
Работа на страницах документа
Работа на страницах документа Как правило, на страницах блокнота размещают рукописный и печатный текст, фигуры, объекты из галереи изображений, фотографии и их фрагменты. Для этого служит целый ряд инструментов: Перо, Линия, Прямоугольник, Эллипс, Галерея (см. табл. П7.1) и
Работа на страницах документа
Работа на страницах документа Как правило, на слайдах презентации размещают рукописный и печатный тексты, фигуры, объекты из галереи изображений, фотографии и их фрагменты. Для этого служит целый ряд инструментов: Карандаш, Флуоресцентное перо, Интеллектуальное перо,
Движение
Движение В этом разделе мы выясним, как создается простейший вид трансформационной анимации — движение. Во время выяснения будем экспериментировать с созданным нами в главе 11 фильмом, демонстрирующим процесс деления клетки. Мы добавим к нему начальные титры,
Более сложное движение
Более сложное движение Flash-аниматоры, как начинающие, так и опытные, очень любят такой эффект: какой-либо фрагмент изображения постепенно исчезает или, наоборот, появляется на экране. Это похоже на то, как на фотографии, опущенной в раствор проявителя, постепенно возникает
Обычное движение ("Transform")
Обычное движение ("Transform") Это самое обычное движение фрагмента графики, наподобие тех, что мы создавали в главе 12. С помощью этого преобразования мы можем менять местоположение, размеры, угол поворота выделенного фрагмента и задавать для него цветовые эффекты.Чтобы