Как динамический HTML (DHTML) используется для создания интерактивных страниц

Динамический HTML – это на самом деле не новая спецификация HTML, а скорее другой способ просмотра и управления стандартными кодами и командами HTML.

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

DHTML состоит из четырех частей:

  • Объектная модель документа (DOM) (определение)
  • Сценарии
  • Каскадные таблицы стилей (CSS)
  • XHTML

DOM

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

Сценарии

Скрипты, написанные на JavaScript или ActiveX, являются двумя наиболее распространенными языками сценариев, используемыми для активации DHTML. Вы используете язык сценариев для управления объектами, указанными в DOM.

Каскадные таблицы стилей

CSS используется в DHTML для управления внешним видом веб-страницы. Таблицы стилей определяют цвета и шрифты текста, цвета фона и изображений, а также расположение объектов на странице. Используя сценарии и DOM, вы можете изменить стиль различных элементов.

XHTML

XHTML или HTML 4.x используются для создания самой страницы и создания элементов для работы с CSS и DOM. В XHTML для DHTML нет ничего особенного, но наличие действительного XHTML еще более важно, поскольку из него работает больше вещей, чем просто браузер.

Особенности DHTML

Существует четыре основных свойства DHTML:

  1. Изменение тегов и свойств
  2. Позиционирование в реальном времени
  3. Динамические шрифты (Netscape Communicator)
  4. Привязка данных (Internet Explorer)

Изменение тегов и свойств

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

Позиционирование в реальном времени

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

Динамические Шрифты

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

Привязка данных

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

Оцените статью
Solutics.ru
Добавить комментарий