7. Dynamic html – общее описание, основные возможности. Сценарии в html документах.

Язык DHTML наряду с базовым набором команд языка HTML основывается на создании сценариев, использовании объектной модели документа и таблиц стилей. Помимо этого имеется возможность использовать на страницах огромное разнообразие

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

Квалифицированные web-разработчики активно применяют преимущества динамического HTML (Dynamic HTML). DHTML-сайты используют расширенный набор HTML-элементов и атрибутов, а также элементы таблиц стилей. Кроме

того, при помощи сценариев можно осуществлять динамическое изменение сайта. Все вместе это позволяет создавать странички, которые «оживают» благодаря перемещающемуся тексту, подвижной графике и наличию интерактивных элементов.

В самом общем виде можно сказать, что Dynamic HTML — это набор технологий, работающих на стороне клиента и призванных преодолеть статичность традиционных Веб-страниц. Точнее говоря, это технологии, которые обеспечивают

динамическое формирование Веб-страницы в процессе ее загрузки, и динамическое изменение Веб-страницы в ответ на действия пользователя.

Для достижения перечисленных целей используются следующие методы:

1.динамическое изменение атрибутов и стилей элементов, составляющих HTML-документ;

2.динамическое извлечение данных из внешних источников и включение их в Веб-страницу;

3.использование динамически загружаемых шрифтов;

4.поддержка визуальных и мультимедийных эффектов при отображении страниц;

5.механизмы сохранения информации на компьютере-клиенте между сессиями работы.

Основные приемущества:

1.Повышение конкурентоспособности узла. Узел, содержащий динамически изменяемые цвета, анимированную графику, систему выпадающих меню и другие стандартные (для современных ОС, но не для Веба) элементы пользовательского интерфейса, явно привлекательнее для пользователя, чем обычные статические страницы. Разумеется, при этом нужно иметь чувство меры и соблюдать общие принципы дизайна.

2. Легкость сопровождения. DHTML позволяет нам вынести типовые элементы формирования страниц нашего Веб-узла в отдельные таблицы стилей и сценарии, а затем включать их одинаковым образом во все страницы. Это, безусловно, упрощает сопровождение и минимизирует количество возникающих опечаток и других ошибок.

3.Уменьшение трафика. Одна из основных особенностей DHTML состоит в том, что он переносит основную тяжесть по формированию Веб-страниц с сервера на клиент. Платой за это является загрузка с сервера сценариев и программных компонентов, которые при правильном проектировании незначительны по объему. В результате динамические страницы загружаются и отображаются намного быстрее статических, что особенно важно для отечественных каналов связи, не страдающих чрезмерно высоким качеством.

Центральным компонентом DHTML является DOM. Объектная модель документа (Document Object Model, DOM) является независимой от операционной системы и используемого языка системой взаимодействия, которая предоставляет программам и сценариям динамический доступ и возможность обновления содержания, структуры и стиля документа. DOM определяет последовательную модель, используемую при создании HTML-документов. Кроме того, она обеспечивает стандартный интерфейс, используемый для доступа к HTML-объектам, управлению ими и организации их взаимодействия. DOM отвечает требованиям web-разработчиков, которые при разработке документов основываются на единых универсальных требованиях, а не на требованиях программы определенного производителя.

Назначение сценариев выполняемых клиентом

1. Разработка интерактивных HTML-документов стандарта DHTML (Dinamic HTML), элементы оформления и даже содержание которых, меняются в зависимости от действий пользователя (без обмена данными с сервером !);

2. Разработка документов содержащих анимационные элементы (и даже Web-страниц с играми);

3. Настройка внешнего вида документа под параметры конкретного рабочего места клиента (определение типа и версии броузера и экранных параметров);

4. Предварительная обработка данных из форм перед их отправкой на сервер (обидно - заполнить большую форму, потом ожидать завершения транзакции с БД, а в результате получить ответ сценария сервера типа - НЕВЕРНАЯ ДАТА);

Средства разработки сценариев

При разработке сценариев интерактивного управления используются как правило два интерпретируемых языка программирования:

1. JavaScript - язык разработки сценариев интерактивного управления для Web-страниц, разработанный фирмой Netscape на основе языка Java (Java - разработка фирмы Sun Microsystems). Поддерживается всеми современными браузерами.

2. VBScript - язык разработки сценариев интерактивного управления для Web-страниц, разработанный фирмой Microsoft на основе языка VisualBasic. Поддерживается броузером Internet Explorer.

Вывод очевиден - для лучшей совместимости с броузерами используем JavaScript.

Для разработки сценариев используются методы объектно-ориентированного программирования, управляемого событиями. Данный метод заключается в сопоставлении различным объектами HTML-документа и Web-броузера, сценариев (функций) - обработчиков различных событий.

HTML-документ, загруженным в браузер, можно изменять с помощью сценариев. Поскольку речь идет не о файле на диске, а о его образе в браузере в оперативной памяти компьютера, то говорят о динамическом изменении документа. Динамическое изменение – изменение, не связанное с загрузкой в браузер исходного файла. С другой стороны, динамические изменения документа не будут воспроизведены при следующем запуске документа: предыдущая динамика не сохраняется в статике(оперативное, т.е. временное состояние, не сохраняется в долговременной памяти, т.е. на диске или других долговременных носителях).

Существует три основных способа динамических изменений:

1. с помощью метода write ();

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

3. путем изменения значений свойств innerText, outerText, innerHTML, outerHTML, которые имеют почти все объекты, заданные с помощью тегов.