Macromedia Dreamweaver MX

Анимация элементов :еЬ-страниц

Одним из основных преимуществ свободно позиционируемых элементов является возможность управлять их местоположением, размером и види­мостью с помощью специально написанных сценариев. Вы можете созда­вать простую анимацию на ¥еЬ-страницах, заставляя свободно позициони­руемые элементы перемещаться по заданным траекториям. Причем никакой модификации НТМЬ-кода, кроме добавления соответствующих сценариев, не требуется (конечно, если соответствующие элементы на странице уже созданы).

Такая анимация может служить двум задачам. В простейшем случае она по­зволит оживить ¥еЬ-страницы, сделать их привлекательнее, завлечь посети­теля на сайт. (Количество посетителей — это единственная мера качества того или иного интернет-ресурса.) Также она позволит создать учебные по­собия, которые можно выложить в Интернет или распространять на ком­пакт-дисках. (Преподаватели школ и прочих учебных заведений — это для вас!) К несчастью, ¥еЬ-дизайнеры мало используют такую интересную воз­можность.

Было сказано, что, кроме написания сценариев, собственно реализующих анимацию, и привязки их к определенным событиям, никакой особой пе­ределки НТМЬ-кода не требуется. Однако написание сценариев — задача, довольно сложная сама по себе. Мало того, что для этого нужно знать сам язык программирования,1ауа5спр1:, следует хорошо представлять себе, как работают внутренние механизмы программы ¥еЬ-обозревателя и как полу­чить к ним доступ, чтобы использовать потом в своих нуждах. Кроме того, необходимо знать, как реализуется анимация, за счет чего элемент страни­цы будет казаться движущимся. И, конечно же, нужно иметь художествен­ный вкус и — обязательно! — чувство меры.

Хорошо! С художественным вкусом и чувством меры проблем нет. Но есть проблемы с ,1ауа5спрг и внутренними механизмами ¥еЬ-обозревателя. Тен-
нее сказать, мы не знаем ни того, ни другого. И все же очень хотим создать на своих страницах какую-нибудь, хотя бы простенькую, анимацию. Что делать?

Воспользоваться Dreamweaver. Он предоставляет очень удобный способ соз­дания анимированных элементов без углубления в JavaScript и темные недра Web-обозревателя. Вы просто указываете траекторию движения того или иного элемента, после чего задаете некоторые параметры — и сразу же по­лучаете результат. Dreamweaver сам создает необходимые JavaScript-еце - нарии и помещает их в HTML-код страницы. Удобно, правда?

Давайте же выясним, как все это делается. Но не сейчас. В настоящее время нам нужно узнать кое-что еще. А именно о программах-сценариях, их на­значении и о том, как создается анимация. Не пугайтесь: мы с вами не бу­дем писать сценарии вручную (пусть это делает Dreamweaver), а просто по­говорим об основных принципах, которые знать в любом случае невредно.

Итак...