|
Каскадные таблицы стилей
|
|
|
|
Глава 6 Каскадные таблицы стилей
Цели:
В конце этой главы вы будете иметь -
> Создавать веб страницы с использованием DHTML
> Использовать каскадные таблицы стилей
Введение
Раньше, как только веб страница только отображалась в браузере, ее содержание
изменить было нельзя. К тому же, ни пользователи, ни авторы веб-страниц не имели полного
контроля над расположением содержания на странице. Но современные версии браузеров
поддерживают современную технологию, называемую Динамический HTML, которая позволяет
решить эти проблемы. В этой главе мы обсудим что такое Динамический HTML (DHTML) и как
его применять,
Также в этой главе обсуждаются Каскадные таблицы стилей (Style Sheets, СSS).
Каскадные таблицы стилей необходимы нам для работы с Динамическим НТМL. Хотя веб-
страница не обязательно должна содержать таблицы стилей, но их использование полезно. Мы
расскажем о таблицах стилей как о технологии и о том, как их можно использовать для
расширения возможностей дизайна страницы и их развития.
6.1 Динамический HTML -DHTML.
(
"Динамический НТМL" или DHTML не является каким-то особым языком разметки
страниц Это всего лишь термин, применяемый для обозначения НТМL-страниц с динамически
изменяемым содержимым. Реализация DHTML основана на самом HTML, каскадных таблицах
стилей и языке сценариев.
С чего же все началось? На сегодняшний день, НТМL был разработан как средство для
форматирования документов, которые пользователь может переслать через Интернет, Причем
при пересылки данных нам неизвестна система в которой эти данные будут просматриваться.
Но с течением времени Интернет стал восприниматься не только как средство для передачи
информации, но и для развлечения. Веб страницы стали создаваться творческими людьми,
дизайнерами, которые хотели полностью контролировать дизайн и цвет страницы, чтобы они
стали привлекательны для пользователей. Разработчикам было мало контролировать
содержание страницы, они хотели видеть страницы динамически изменяемыми, но НТМL был
«статичен».
6.1.1 Введение в DHTML
Использование скриптов добавило динамизма на страницу. Пользователи смогли
взаимодействовать с веб-страницей. Однако, некоторые ограничения еще существовали. Но
проверить данные на стороне сервера было невозможно. Да и для изменения содержания или
стиля страницы, страницу необходимо было полностью переписать. Различные пользователи
могут взаимодействовать между собой только при помощи Web сервера,
В каждой новой версии браузеров расширялись возможности НTML- На сегодняшний
день Internet Explorer и Netscape Navigator поддерживают объектную модель документа (DОМ
document object model)благодаря чему элементы НТМL и теги взаимодействую между собой
как объекты. Объекты обладают методами, свойствами и событиями, которые можно
программировать для того, чтобы контролировать свойства объектов. Например, в код
программы можно было добавить, что меняются свойства цвета текста абзаца, определенного
тегом <Р>, после того, как пользователь щелкнет на тексте.
Скрипты (небольшие программы) выполняются браузером. Это значит, что данные,
можно обрабатывать, форматировать и изменять динамически на стороне клиента без
обращения на сервер. Таким образом, с пользователем можно организовать взаимодействие и
на стороне клиента.
Примечание: Клиент/Серверные приложения делятся на клиентские компоненты и на
серверные Клиентская часть приложения проверяет данные, введенные пользователем. Как
правило, на стороне клиента не выполняются функции по обработке баз данных, напротив,
клиент отправляет данные на сервер и форматирует и отображает результаты, полученные
Оглавление учебника
Следующая страница
|
|
|
|
|
|
