14. Объектная модель документа. Dynamic html. Примеры использования.

DOM (Document Object Model — «объектная модель документа») — не зависящий от платформы и языка программный интерфейс, позволяющий программам и скриптам получить доступ к содержимому HTML, XHTML и XML-документов, а также изменять содержимое, структуру и оформление таких документов.

Модель DOM не налагает ограничений на структуру документа. Любой документ известной структуры с помощью DOM может быть представлен в виде дерева узлов, каждый узел которого представляет собой элемент, атрибут, текстовый, графический или любой другой объект. Узлы связаны между собой отношениями "родительский-дочерний".

Пример:

Для получения текста из элемента <p> со значением атрибута id "demo" в HTML документе можно использовать следующий код:

txt = document.getElementById("demo").innerHTML

Тот же самый результат может быть получен по-другому:

txt=document.getElementById("demo").childNodes[0].nodeValue

Dynamic HTML — способ создания интерактивного веб-сайта, использующий сочетание статичного языка разметки HTML, встраиваемого (и выполняемого на стороне клиента) скриптового языка JavaScript, CSS (каскадных таблиц стилей) и DOM (объектной модели документа).

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

обеспечивает:

•динамическое формирование Веб-страницы в процессе ее загрузки

•динамическое изменение Веб-страницы в ответ на действия пользователя.

Для достижения перечисленных целей используются следующие методы:

•динамическое изменение атрибутов и стилей элементов, составляющих HTML-документ;

•динамическое извлечение данных из внешних источников и включение их в Веб-страницу;

•использование динамически загружаемых шрифтов;

•поддержка визуальных и мультимедийных эффектов при отображении страниц;

•механизмы сохранения инфы на компьютере-клиенте между сессиями работы.

Преимущества DHTML:

1.Повышение конкурентоспособности узла.

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

3.Уменьшение трафика. DHTML переносит основную тяжесть по формированию Веб-страниц с сервера на клиент.

Недостатки DHTML:

1. не стандартизован. DHTML не оформился пока в четкий стандарт.

2. под каждый браузер нужно писать свою версию HTML-документа.

15. Язык программирования php. Синтаксис языка, декларации и предложения.

PHP — скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений.

Серверный языком сценариев. Код PHP внедряется в HTML-страницу и выполняется на сервере при каждой ее загрузке. Интерпретируется веб-сервером (выполняется построчно) и генерируется HTML-код.

Преимущества:

1. Высокая производительность

2. Наличие интерфейсов к различным СУБД

3. Наличие встроенных библиотек для выполнения общих задач

4. Простота изучения и использования

5. Переносимость

6. Доступность исходного кода

Синтаксис PHP очень напоминает синтаксис языка C.

<? php …?>

// однострочный комментарий

/* многострочный комментарий */

Язык не является строго типизированным, тип назначается автоматически.

Integer, double, string, array, object.

Например, $abc=’d’;

Переменные: локальные и глобальные.

==Основные операторы==

1. = - знак равенства. Сначала вычисляется выражение, которое справа, и результат вычисления присваивается … справа.

2. If (<условие>) <оператор 1> [else <оператор 2>]. <условие> - логического типа.

3. { } – операторные скобки

4. Switch (<переключатель>) {

case <значение 1>: <оператор 1>; break;

case <значение 2>: <оператор 2>;

}

Break – выход из цикла

Continue – переход к следующему шагу обходя несколько операторов, которые не нужно выполнять на данном шаге.