МИР
ТВОРЧЕСТВА-сайт
для начинающего Веб-мастера !
|
|
Здесь можно заказать фотомонтаж! Подробнее>>> |
РАСКРУТИМ.RU: Для каждого XP-Hosting - качественный
хостинг на серверах в США! ОБЩИЕ ПРАВИЛА РАБОТЫ С "ВИЗУАЛЬНЫМИ" РЕДАКТОРАМИ Использование эффектов DHTML Как вы думаете, что такое Dynamic HTML? Наверное, язык такой? А может
быть, какой-то особый стиль написания страниц? Динамичный такой, напористый...
Все гораздо проще. Когда на одной странице встречаются JavaScript, CSS
и DOM, это часто называется Dynamic HTML. Эти документы предназначены
для интерактивного взаимодействия с пользователями, включающего в себя
некоторые спецэффекты, помогающие представлять информацию более ярко и
информативно. Чтобы узнать больше о том, что может, а чего не может в плане использования
DHTML тот или иной браузер, лучше всего сходить на сайт его производителя.
Например, на сайте Netscape можно узнать многое по вопросам, связанным
с DOM, DHTML и Netscape 6 (http://developer.netscape.com/tech/dom/
). О
взаимоотношениях Netscape 4.x и DHTML можно узнать на http://developer.netscape.com/tech/
dynhtml/index.html . О Microsoft, HTML и DHTML читайте на сайте DHTML - это расширение обычного языка разметки HTML, созданное Microsoft. С его помощью вы можете подключать к своей страничке крохотные програмные модули \обычно созданные с помощью языка Java\, которые будут вытворять с вашим текстом самые невероятные вещи. Он может "сыпаться" с верхнего окна, подобно снегу, бежать змейкой справа налево или даже закручиваться спиралью! Особенно богат возможностями такого "анимационного форматирования" редактор Microsoft FrontPage - правда, внедренные им в текст странички "спецэффекты" в ряде случаев могут быть корректно отображены только браузером Internet Explorer \начиная с четвертой версии\, но не его коллегой-конкурентом от Netscape. А это не есть хорошо - даром что подавляющее большинство российских пользователей Интернет Netscape Navigator не жалует... Если вы все-таки решили оснастить текст парой-тройкой спецэффектов, выделите нужное слово или фразу, затем зайдите в меню Format \это имеется в виду FrontPage\и выберите пункт Dynamic HTML Effekt. Перед вами откроется панель с тремя окнами, в которых вы можете установить: В момент какого действия запустится эффект \Choose An Event\:
Вид эффекта \Choose Effect\
Третье окошко устанавливает дополнительные параметры каждого выбранного вами эффекта. После сохранения странички, созданной с применением DHTML - эффектов, в этой же папке образуется новый файл animats.js. Это и есть та самая программа анимации в формате Java Script. В дальнейшем, при размещении странички в Сети, не забудьте поместить этот файл вместе с файлами страничек и графики - иначе столь любимые вами эффекты просто не смогут сработать! И помните, что файлик этот утяжелит вашу страничку на полтора десятка килобайт, а значит время ее загрузки увеличится на 5 и более секунд. Просто наводим указатель мыши на элемент, и... ...Он изменяется. Это очень популярная шутка, которую позволяет реализовать DHTML. И графику, и свойства текстовых сообщений можно менять по событию, которое называется onmouseover, то есть «наведение указателя мыши». Щелкать на элементе не надо — все произойдет само. Скрипты, обрабатывающие onmouseover, создаются очень просто (что, несомненно, добавляет им популярности), а выглядят эффектно. Хотя этот прием, основанный на CSS (использующий псевдоклассы типа a.hover), будет работать и в Netscape 4, но, если его переписать под DOM, про этот браузер можете забыть. Только IE 4 и выше или Netscape 6 и выше. Если с помощью эффекта наведения мыши вы хотите передать какую-то важную информацию-, то следует позаботиться о пользователях более старых браузеров. Дистанционное изменение изображений по наведению указателя мыши Еще один "хит" DHTML —дистанционное изменение изображений по наведению указателя мыши. Это означает следующее: пользователь может навести указатель на любой элемент — гиперссылку, например, — и это приведет к изменению изображения где-нибудь совсем в другом углу страницы. 'Dynamic HTML' поддерживается и Microsoft`ом и Netscap`ом,
версиями браузеров Internet Explorer 4.0 и Communicator 4.0.
© [Мир Творчества], 2004. Все права защищены. Перепечатка материала только с указанием ссылки - Мир Творчества - сайт для начинающего Веб-мастера |
|
| ||