Введение в DHTML

Основные знания, которые вы должны иметь

Прежде чем продолжить обучение, вам необходимо иметь базовые знания по следующим темам:

  • HTML
  • CSS
  • JavaScript

Если вы хотите сначала изучить эти проекты, пожалуйста, посетите наш Домашняя страница Просмотрите эти курсы.

DHTML не является стандартом W3C

DHTML означает динамический HTML (Dynamic HTML).

DHTML не является стандартом,规定的 W3C. DHTML — это маркетинговый термин, который компании Netscape и Microsoft использовали для описания новых технологий, которые должны поддерживать браузеры 4.x.

DHTML — это набор технологий, используемых для создания динамических сайтов.

Для большинства людей DHTML означает комбинацию HTML 4.0, таблиц стилей и JavaScript.

W3C曾经说过: «Динамический HTML — это термин, который некоторые производители используют для описания комбинации HTML, таблиц стилей и скриптов, которые позволяют документам быть более динамичными.»

Технология DHTML

Через DHTML разработчики веб-сайтов могут контролировать, как HTML-элементы отображаются и定位ируются в окне браузера.

HTML 4.0

Через HTML 4.0 все форматирование (информация) можно вывести из документа HTML и записать в независимую таблицу стилей. Поскольку HTML 4.0 может分离 документальное представление от его структуры, мы можем полностью контролировать уровень представления, не разрушая содержимое документа.

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

Через CSS мы получаем модель стилей и макета для документов HTML.

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

Документо-объектная модель (DOM)

DOM означает документо-объектную модель.

HTML DOM - это документо-объектная модель для HTML.

HTML DOM определяет стандартный набор объектов для HTML и стандартные методы доступа и обработки объектов HTML.

“Документообменная модель W3C (DOM) — это независимый от языка и платформы интерфейс, который позволяет программам и скриптам динамически обращаться и обновлять содержимое, структуру и стиль документа.”

JavaScript

Дает вам возможность писать код, который контролирует все элементы HTML.

Технологии DHTML в Netscape 4.x и Internet Explorer 4.x

Netscape 4.x Cross-browser DHTML Internet Explorer 4.x
  • JSS (JavaScript Stylesheets) (позволяет вам контролировать то, как различные элементы HTML отображаются)
  • Слои (позволяют вам контролировать положение и видимость элементов)
  • CSS1
  • CSS2 (позволяет вам контролировать то, как различные элементы HTML отображаются)
  • Позиционирование CSS (позволяет вам контролировать положение и видимость элементов)
  • JavaScript
  • Визуальные фильтры (позволяют вамapply визуальные эффекты к тексту и графикам)
  • Динамический CSS (позволяет вам контролировать положение и видимость элементов)

Примечание:Пока различные свойства и технологии, созданные различными браузерами, не поддерживаются другими браузерами, использование DHTML для кодирования может вызвать проблемы. Некоторые веб-страницы могут выглядеть великолепно в одном браузере, но очень плохо в другом.