На этой странице Вы можете ознакомится со стилями CSS!

На главную

Введение в Динамический HTML (DHTML)

Введение в CSS -общие положения.

Встраивание таблиц стилей в документ

Группирование и наследование

Селекторы CSS

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

Модель форматирования

Свойства форматирования элементов

Шрифты

Цвет и фон

Форматирование текста

Блоки

Позиционирование

 

 

Динамический HTML

Динамический HTML (Dynamic HTML или DHTML) не является каким-то особым языком разметки страниц. Это всего лишь термин, применяесый для обозначения HTML-страниц с динамически изменяемым содержимым.

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

Реализация DHTML покоится а трёх "китах": непосредственно HTML, каскадных таблицах стилей (Cascade Style Sheets - CSS) и языке сценариев (JavaScript или VBScript). Эти три компонента DHTML связаны между собой объектной моделью документа (Document Object Model - DOM), являющейся, по сути, интерфейсом прикладного программирования (API). DOM связывает воедино три перечесленых компонента, придавая простому документу HTML новое качество, - возможность динамического изменения своего содержимого без перегрузки страницы. Символически подобное единство показано на рисунке.

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

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

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

 
Hosted by uCoz