Динамические Web-страницы: Технологии DHTML - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Динамические Web-страницы: Технологии DHTML, слайд №1

Динамические Web-страницы: Технологии DHTML, слайд №2

Динамические Web-страницы: Технологии DHTML, слайд №3

Динамические Web-страницы: Технологии DHTML, слайд №4

Динамические Web-страницы: Технологии DHTML, слайд №5

Динамические Web-страницы: Технологии DHTML, слайд №6

Динамические Web-страницы: Технологии DHTML, слайд №7

Динамические Web-страницы: Технологии DHTML, слайд №8

Динамические Web-страницы: Технологии DHTML, слайд №9

Динамические Web-страницы: Технологии DHTML, слайд №10

Динамические Web-страницы: Технологии DHTML, слайд №11

Динамические Web-страницы: Технологии DHTML, слайд №12

Динамические Web-страницы: Технологии DHTML, слайд №13

Динамические Web-страницы: Технологии DHTML, слайд №14

Динамические Web-страницы: Технологии DHTML, слайд №15

Динамические Web-страницы: Технологии DHTML, слайд №16

Динамические Web-страницы: Технологии DHTML, слайд №17

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Динамические Web-страницы: Технологии DHTML. Доклад-сообщение содержит 17 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Динамические Web-страницы: Технологии DHTML

Слайд 2

Описание слайда:

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

Слайд 3

Описание слайда:

Слайд 4

Описание слайда:

Базовая объектная модель документа (DOM) Пусть наш документ имеет вид: Моя домашняя страница Моя домашняя страница Добро пожаловать! Тогда мы можем представить его в виде следующего дерева:

Слайд 5

Описание слайда:

Корнем этого дерева является элемент HTML, который имеет двух детей — HEAD и BODY. Корнем этого дерева является элемент HTML, который имеет двух детей — HEAD и BODY. Элемент HEAD является отцом элемента TITLE, а элемент BODY — отцом элементов H1 и P . (два последних элемента называются братьями, причем H1 является старшим братом, а P — младшим). Все элементы дерева являются потомками корня, а тот является их предком. При этом все элементы и тексты, образующие их содержимое, являются узлами дерева документа. Каждый элемент данного дерева соответствует элементу HTML и, следовательно, имеет тег(и), содержимое и набор атрибутов. Для перехода к объектной модели документа остается сделать единственный шаг: назвать все элементы дерева объектами; сделать их атрибуты доступными для чтения и изменения из сценариев и аплетов. В результате: дерево элементов HTML-документа становится динамически управляемым; к каждому элементу можно легко добавлять новые свойства, помимо стандартных атрибутов HTML.

Слайд 6

Описание слайда:

Структура DOM

Слайд 7

Описание слайда:

Слайд 8

Описание слайда:

Слайд 9

Описание слайда:

Слайд 10

Описание слайда:

Слайд 11

Описание слайда:

Пример страницы

Слайд 12

Описание слайда:

Дерево элементов для этой страницы

Слайд 13

Описание слайда:

Полное дерево одного из элементов

Слайд 14

Описание слайда:

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