воскресенье, 17 февраля 2008 г.

Выпуск 1 - Введение

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


Динамический HTML (Dynamic HTML, DHTML) - это единый "флакон" в котором содержатся средства для построения интерактивных и легковесных сайтов: гипертекстовый язык разметки (HyperText Markup Language, HTML), каскадные таблицы стилей (Cascading Style Sheets, CSS) и JavaScript. НЕ техническое определение DHTML может звучать так:

"Построение веб-интерфесов, используя лишь встроенные возможности
браузеров".

DHTML не загружает пропускную способность канала, по которому Ваш компьютер обменивается информацией с другими компьютерами и серверами, подключенными к сети, поскольку вся интерактивность происходит на клиентской стороне, то есть на компьютере пользователя, без всяких внешних обращений к серверу, то есть к компьютеру, где расположены исходные файлы страницы. Таким образом, к странице можно добавить различную функциональность, без добавления времени загрузки страницы. DHTML может быть использован для создания анимации, игр, приложений; он предоставляет новые способы навигации веб-сайта и помогает создать оригинальную размётку страницы, которая не была бы возможна при использовании лишь HTML. DHTML - это не Flash и не Java, хотя и может быть ими заменён. Но лучше не стоит призводить эти замены, поскольку DHTML не требует плагинов и без проблем встраивается в веб-страничку.

Ограничения, конечно же, есть: DHTML допустим только для браузеров Netscape Communicator 4.0 и выше, и Microsoft Internet Explorer 4.0 и выше. Все примеры, которые я буду приводить в данной рассылке, прекрасно функционируют в этих браузерах. Если вы, дорогие читатели, подскажете мне, как эти примеры можно перенести на другие браузеры или просто пришлёте мне строчку, что уже функционируют, я буду вам очень благодарна, а рассылка приобретёт больше граней применимости.

Хотя составляющие DHTML технологии (HTML, CSS, JavaScript) стандартизированы, Netscape и Microsoft имплементировали их драмматически разными способами. Поэтому DHTML, который функционирует правильно в обоих браузерах (то есть кросс-браузерный DHTML), - очень сложный вопрос.

Сравните сами:
Microsoft DHTML
Netscape DHTML

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

Каскадные таблицы стилей (Cascading Style Sheets, CSS) - это добавка к HTML, которая позволяет веб-разработчикам структурировать страницы фантазийным образом. Это достигается отделением содержимого страницы (текст) от его предсталения (цвет, размер, стиль, местоположение и т.д.).

Документация по CSS на английском языке:
CSS W3C
Builder.com's CSS Guide
Tutorial on CSS

и на русском:
Wikipedia о CSS
Самоучитель по CSS

JavaScript

Несмотря на созвучность названий, JavaScript имеет мало чего общего с языком программирования Java. JavaScript - это скриптовый язык, встроенный в веб-браузеры и призванный обеспечивать контроль за и доступ к HTML элементам, а Java - это язык программирования высокого уровня для построения кросс-платформенных приложений и апплетов.

JavaScript впервые начал использоваться браузером Netscape 2.0 для скриптования содержимого веб-страниц и для придания дополнительной функциональности HTML формам, фреймам и окнам. Netscape 3.0 добавил новых свойств: управление картинками и аудио/видео. Microsoft Iternet Explorer 3.0 (выпуск которого состоялся сразу после выхода Netscape 3.0) тоже предоставил свою слегка отличающуюся версию JavaScript, которую назвал JScipt.

Новые возможности JavaScript'а были добавлены и в Netscape 4.0, и в Miscrosoft IE 4.0, которые расшили разработчикам пространство управления DHTML'ем (HTML елементы, использующие CSS). Однако эти новые возможности не были стандартизированы на момент выпуска двух браузеров. В результате мы имеем сейчас две несовместимые версии JavaScript'а.

Документация по JavaScript на английском языке:
JavaScript Reference
Netscape JavaScript Guide
Microsoft JScript

и на русском:
Wikipedia o JavaScript (с ссылками на руковолства по JavaScript)

По мотивам http://www.jalix.org/ressources/internet/dhtml/_dynduo/dynduo/en/overview.html