стороне клиента, которые обеспечивают динамическое формирование 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.

---

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

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

Внешняя политика Александра II 218

Симметрия, как она есть 272

ПФ водно-минерального обмена 674

Анализ информационных моделей 340

Организация деятельности дневного стационара (Порядок оказания медицинской 256

6 л Смачивание 398

правотворческая инициатива обладающего 203

Конкурс юных чтецов 2017 г. «Живая классика» 328

ПОЯСНЕНИЯ 180

Ритмическая гимнастика 248

Правовое регулирование установления инвалидности 215

Горные породы 267

ЖАНРЫ ЖИВОПИСИ 261

Волейбол 5 класс 300

О собенности выполнения домашнего задания: русский язык 201

Амонашви́ли Ша́лва Алекса́ндрович 219

Деятельность 10 Б класса в течение 2010-2011 учебного года 225

БИОФИЗИКА АНАЛИЗАТОРОВ 516

Общее макроэкономическое равновесие (ОМЭР): Модель совокупного спроса и совокупного предложения (AS = AD) 387

Из истории моей школы 215

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

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

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

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

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

---

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