стороне клиента, которые обеспечивают динамическое формирование Web-страницы в процессе ее

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

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

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

цвета, анимированную графику, систему выпадающих меню и другие стандартные элементы

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

Моя домашняя страница

Моя домашняя страница
Добро пожаловать!

Тогда мы можем представить его в виде следующего дерева:

HEAD и BODY.

Элемент HEAD является отцом элемента TITLE, а

элемент BODY — отцом элементов H1 и P .
(два последних элемента называются братьями, причем H1 является старшим братом, а P — младшим).

Все элементы дерева являются потомками корня, а тот является их предком.
При этом все элементы и тексты, образующие их содержимое, являются узлами дерева документа.
Каждый элемент данного дерева соответствует элементу HTML и, следовательно, имеет тег(и), содержимое и набор атрибутов.

Для перехода к объектной модели документа остается сделать единственный шаг:
назвать все элементы дерева объектами;
сделать их атрибуты доступными для чтения и изменения из сценариев и аплетов.

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

My header



Элементы (Element), один из них - корневой
Атрибуты (Attribute)
Текстовые узлы

(Text)

и языка программирования. DOM является всего лишь отображением Web-страницы и

без сценария JavaScript ни на что не пригодна.

[ XML (eXtensible Markup Language — расширяемый язык разметкиXML (eXtensible Markup Language — расширяемый язык разметки), рекомендованный W3CXML (eXtensible Markup Language — расширяемый язык разметки), рекомендованный W3C язык разметки, фактически представляющий собой свод общих синтаксическихXML (eXtensible Markup Language — расширяемый язык разметки), рекомендованный W3C язык разметки, фактически представляющий собой свод общих синтаксических правил. XML — текстовый формат, предназначенный для хранения структурированных данных (взамен существующих файлов баз данныхXML (eXtensible Markup Language — расширяемый язык разметки), рекомендованный W3C язык разметки, фактически представляющий собой свод общих синтаксических правил. XML — текстовый формат, предназначенный для хранения структурированных данных (взамен существующих файлов баз данных), для обмена информацией между программамиXML (eXtensible Markup Language — расширяемый язык разметки), рекомендованный W3C язык разметки, фактически представляющий собой свод общих синтаксических правил. XML — текстовый формат, предназначенный для хранения структурированных данных (взамен существующих файлов баз данных), для обмена информацией между программами, а также для создания на его основе более специализированных языков разметки (например, XHTML), иногда называемых словарями. W3C расширил понятие DOM на любые XML-документы, рассматривая HTML DOM как специализированный частный случай с дополнительными возможностями. ]
Согласно DOM документу можно поставить в соответствие дерево объектов, обладающих рядом свойств, которые позволяют производить с ним различные манипуляции:
получение узлов;
изменение узлов;
изменение связей между узлами;
удаление узлов.


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

структуры с помощью DOM может быть представлен в виде дерева

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

Изначально различные браузеры имели собственные модели документов (DOM), не совместимые с остальными. Для того, чтобы обеспечить взаимную и обратную совместимость, специалисты международного консорциума W3C классифицировали эту модель по уровням, для каждого из которых была создана своя спецификация. Все эти спецификации объединены в общую группу, носящую название W3C DOM.

групп взаимосвязанных интерфейсов:

Core — базовые интерфейсы, определяющие представление любого XML-документа

в виде дерева;
View — интерфейсы, описывающие возможные отображения документа;
Event — интерфейсы, определяющие порядок генерации и обработки событий;
Style — интерфейсы, определяющие применение к документам таблиц стилей;
Traversal & Range — интерфейсы, определяющие прохождение дерева документа и манипулирование областями его содержимого;
HTML — интерфейсы, определяющие представление HTML-документа в виде дерева.

На сегодняшний день введены в стандарт W3C DOM первого и второго уровней:

DOM 1 - описывает базовое представление XML- и HTML-документов в виде деревьев объектов;
DOM 2 - расширяет базовые интерфейсы DOM 1 и добавляет к ним поддержку событий и стилей.
В стадии рабочего проектирования
DOM 3 - описывает загрузку и синтаксический анализ документов, а также их отображение и форматирование.

всем элементам страницы;
постоянное обновление страницы;
полная и всеобъемлющая модель

событий;
оперативное изменение содержимого страницы.

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

"http://www.w3.org/TR/XHTML1/DTD/XHTML1-strict.dtd">

content="text/html;charset=windows-1251"/>

Это заголовок

А это - параграф со
ссылкой внутри.

• элемент списка


• еще один элемент


• третий элемент списка

текст.

атрибут
- текстовый элемент
firstChild
parentNode
parentNode
nextSibling
nextSibling
previousSibling
lastChild
Если pNode – указатель на "p", то заменим "ссылкой"

на "звездой".

pNode.firstChild.nextSibling. lastChild.nodeValue = "звездой";

change.html

некоторым элементам Web-страницы только с помощью сценария.
Этими избранными элементами

были якорь <а>, апплет и форма

.

Теперь с помощью DOM доступ возможен к любому элементу Web-страницы.
Документ представляет собой коллекцию всех элементов страницы, имеющую название all. Ее можно проиндексировать с помощью атрибутов name и id.

---

Слайд 15Пример доступа к элементам страницы
проверить, содержится ли на странице

элемент ?
Простая страница

Первый заголовок

Первый заголовок

---

Слайд 16После открытия этой страницы в браузере появляется окно предупредительных сообщений

---

Слайд 17Реализация DOM в Web-браузерах

Из-за несовместимости браузеров использование DOM иногда приводит

к трудностям HTML-верстки и низкой надёжности страниц.
Учитывая существование различных реализаций

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

Объектная модель браузера (BOM)
Объектная модель браузера - браузеро-специфичная часть языка, являющаяся прослойкой между ядром и объектной моделью документа.
Основное предназначение объектной модели браузера - управление окнами браузера и обеспечение их взаимодействия.
Каждое из окон браузера представляется объектом window (центральным объек-том BOM).
Объектная модель браузера на данный момент не стандартизирована, однако спецификация находится в разработке.

Помимо управления окнами, в рамках объектной модели браузера, браузерами обычно обеспечивается поддержка следующих сущностей:
управление фреймами,
поддержка задержки в исполнении кода и зацикливания с задержкой,
системные диалоги,
управление адресом открытой страницы,
управление информацией о браузере,
управление информацией о параметрах монитора,
ограниченное управление историей просмотра страниц,
поддержка работы с HTTP cookie.

---

Скачать презентацию

Похожие презентации

Основы программирования ФИСТ 1 курс Власенко Олег Федосович 216

ЧАСТНОЕ УЧРЕЖДЕНИЕ ОБРАЗОВАТЕЛЬНАЯ ОРГАНИЗАЦИЯ ВЫСШЕГО ОБРАЗОВАНИЯ МЕДИЦИНСКИЙ 173

Теорія граничної корисності та поведінки споживача 347

Кишечные свищи 837

Вместе - против терроризма! 269

Соломон Григорьевич Геллерштейн 138

Кишечнополостные 211

DIPLOMGR.PPT 197

рак ободочной кишки.ppt 279

Салон Анны Павловны Шерер 284

Green Life Филиал Ставропольского государственного педагогического института в 210

Общество 171

Процесс обучения на дистанте 385

Управление Инцидентами 438

Ежемесячная школьная газета 201

Андрей Платонович Платонов (Климентов) 1899-1951 гг. 303

1 Русский язык в деловой документации. Культура речи Преподаватель: к.п.н., 418

Части растения 309

L_2.ppt 230

КОМБИНИРОВАННЫЙ УРОК 250

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.

---

Для правообладателей