Этот сайт - часть системы сайтов для начинающих веб-мастеров
|
ГЛАВА 12.
Анимация
элементов Web-страниц
Одним из основных
преимуществ свободно позиционируемых элементов является возможность управлять
их местоположением, размером и видимостью с помощью специально написанных сценариев.
Вы можете создавать простую анимацию на Web-страницах, заставляя свободно позиционируемые
элементы перемещаться по заданным траекториям. Причем никакой модификации HTML-кода,
кроме добавления соответствующих сценариев, не требуется (конечно, если соответствующие
элементы на странице уже созданы).
Такая анимация
может служить двум задачам. В простейшем случае она позволит оживить Web-страницы,
сделать их привлекательнее, завлечь посетителя на сайт. (Количество посетителей
— это единственная мера качества того или иного интернет-ресурса.) Также она
позволит создать учебные пособия, которые можно выложить в Интернет или распространять
на компакт-дисках. (Преподаватели школ и прочих учебных заведений — это для
вас!) К несчастью, Web-дизайнеры мало используют такую интересную возможность.
Было сказано,
что, кроме написания сценариев, собственно реализующих анимацию, и привязки
их к определенным событиям, никакой особой переделки HTML-кода не требуется.
Однако написание сценариев — задача, довольно сложная сама по себе. Мало того,
что для этого нужно знать сам язык программирования JavaScript, следует хорошо
представлять себе, как работают внутренние механизмы программы Web-обозревателя
и как получить к ним доступ, чтобы использовать потом в своих нуждах. Кроме
того, необходимо знать, как реализуется анимация, за счет чего элемент страницы
будет казаться движущимся. И, конечно же, нужно иметь художественный вкус и
— обязательно! — чувство меры.
Хорошо! С
художественным вкусом и чувством меры проблем нет. Но есть проблемы с JavaScript
и внутренними механизмами Web-обозревателя. Точнее
сказать, мы не знаем ни того, ни другого. И все же очень хотим создать на своих
страницах какую-нибудь, хотя бы простенькую, анимацию. Что делать?
Воспользоваться
Dreamweaver. Он предоставляет очень удобный способ создания анимированных элементов
без углубления в JavaScript и темные недра Web-обозревателя. Вы просто указываете
траекторию движения того или иного элемента, после чего задаете некоторые параметры
— и сразу же получаете результат. Dreamweaver сам создает необходимые JavaScript-сценарии
и помещает их в HTML-код страницы. Удобно, правда?
Давайте же
выясним, как все это делается. Но не сейчас. В настоящее время нам нужно узнать
кое-что еще. А именно о программах-сценариях, их назначении и о том, как создается
анимация. Не пугайтесь: мы с вами не будем писать сценарии вручную (пусть это
делает Dreamweaver), а просто поговорим об основных принципах, которые знать
в любом случае.невредно.
Итак...