Web-технологии

Web – технологии

Классификация Web-документов

Все Web-документы можно разделить на две категории. Первая категория – это статические документы. При запросе их пользователем содержимое документа на сервере не изменяется, он в исходном виде передается пользователю. На стороне клиента этот документ так же не позволяет реализовать с пользователем никакого интерактивного взаимодействия. К таким документам можно отнести, например, Web-страницу, реализованную с применением языка HTML без использования форм и дополнительных средств. Вторая категория – интерактивные Web-документы. Эти документы могут изменять свое содержимое в зависимости от определенных условий и действий пользователя. Все интерактивные документы можно, в свою очередь, разделить по принципу, на основе которого производится изменение их содержимого. В первую подкатегорию можно отнести документы, содержимое которых формируется на стороне Web-сервера. В таком случае сервер выполняет определенные действия, в результате которых по заданным условиям на основе заранее заданных шаблонов по определенному алгоритму формируется HTML- или иной документ (например, изображение счетчика или график курса валюты). Отметим, что формирование таких документов может осуществляться как в момент запроса этого документа пользователем, так и выполняться периодически по определенной временной сетке. В первом случае после создания документ сразу возвращается пользователю и не сохраняется на сервере. Во втором случае созданные документы помещаются в определенный подкаталог сервера, откуда они могут быть запрошены пользователем как обычные статические HTML-файлы. В обоих случаях пользователь получает статичный документ, как если бы он был заранее подготовлен и находился на жестком диске сервера. Более того, пользователь никаким образом не сможет определить, что этот документ только что был сделан специально для него. На стороне клиента этот документ выглядит как обычный статический документ, и его отображение в браузере не изменяется.

Ко второй подкатегории можно отнести Web-документы, интерактивное взаимодействие в которых происходит на стороне клиента. Это, прежде всего, Web-страницы, реализованные с применением технологии DHTML (Dynamic HTML). Помимо «чистого» HTML эти страницы имеют вставки программного кода на языках JavaScript или VBScript, а оформление их может быть выполнено с применением каскадных таблиц стилей. На стороне сервера никакой обработки этих документов не производится – при запросе они без изменения передаются пользователю. Программные вставки интерпретируются на стороне клиента браузером, используемым для просмотра документа, после загрузки документа. Этот подход, безусловно, обладает множеством достоинств, и позволяет создавать интерактивные страницы, содержимое которых меняется в зависимости от действий пользователя без перезагрузки документа из сети. Все происходит на стороне клиента.

В третью подкатегорию можно включить документы, совмещающие в себе два вышеперечисленных подхода. Например, это могут быть документы, определенная часть текста которых формируется на сервере (например, с использованием технологии PHP), и содержащие заранее подготовленные вставки на JavaScript, с помощью которых на стороне клиента будет реализовано меню и проверка вводимых пользователем данных. Представим приведенную классификацию с помощью схемы (см. рис. 2.2):

Обзор существующих Web-технологий

1 Платформенно-независимый интерфейс CGI

Функциональная схема работы данной технологии изображена на следующем рисунке (см. рис. 2.3):

Область применения технологии CGI крайне обширна – возможно динамическое построение HTML-документов, изображений, возможно выполнение запросов к серверным базам данных, осуществима реализация удаленных вычислений – если в качестве сервера выступает высокопроизводительный компьютер, то с помощью технологии CGI возможно выполнить передачу исходных данных и получить результат вычисления.

2. Язык разработки сценариев PHP

PHP – язык, специально нацеленный на работу в сети Интернет, который позволяет встраивать программный код в HTML-документы.

PHP-«программа» представляет собой обычный HTML-файл, в который в требуемых местах встроен программный код, выполняющий заданные действия. Вставки кода оформляются парой тегов <?php и ?>, между которыми может находиться необходимое число операторов языка. При запросе такого документа пользователем Web-сервер вызывает специальный PHP-интерпретатор и передает ему этот документ. Интерпретатор просматривает его, пропуская все теги HTML и выполняя все операторы программной вставки. Сама программная вставка, ограниченная тегами <?php и ?>, удаляется из документа, а на ее место вставляется результат выполнения операторов этой вставки, в том случае, конечно, если в ней содержатся операторы вывода. При этом сам HTML-файл фактически выступает в роли статического шаблона, в котором изменяемые фрагменты реализуются программным кодом. Результат такой обработки отправляется пользователю. Пользователь же никогда не сможет узнать, какой конкретно фрагмент (и вообще имелись ли такие фрагменты) был сгенерирован динамически. Однако, если Web-сервер не имеет PHP-интерпретатора, но на нем была размещена страница с инструкциями на этом языке, то страница, вместе со всеми программными вставками будет передана пользователю. Так как вставки кода оформляются парой тегов <?php и ?>, они будут восприняты браузерами как комментарии, и отображены пользователю не будут. Хотя пользователь сможет увидеть их, запросив в браузере исходный код страницы.

Область применения данной технологии, как и у технологии CGI – очень широка. PHP позволяет динамически создавать HTML-документы, работать с базами данных, сетевыми протоколами. Средства языка подходят для обработки HTML-форм. По сравнению с другими языками сценариев, выполняемыми на стороне сервера, PHP наилучшим образом подходит для решения задач, не предъявляющих высоких требований к производительности: гостевые книги, доски объявлений, системы регистрации, чаты – все это создается на PHP значительно с меньшими трудовыми затратами, нежели на других языках, например, на Perl.

Схема работы технологии PHP изображена на рис. ниже:

3. Технология Parser

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

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

Интерпретатор Parser устанавливают на сервере. Web-сервер конфигурируют таким образом, что HTML-файлы до пересылки их браузеру обрабатываются модулем Parser. Если в тексте файла обнаруживаются Parser операторы, модуль выполняет их разбор и заменяет вычисленными значениями. Остальной текст, в том числе тэги языка HTML, остается без изменений.

Функциональная схема данной технологии полностью аналогична схеме технологии PHP, за исключением того, что роль обработчика PHP играет обработчик инструкций Parser.

4. Технология построения интерактивных документов DHTML.

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

DHTML представляет собой комплексную технологию, основанную на расширении возможностей стандартного статичного HTML различными программными средствами. DHTML включает в себя:

• сам язык гипертекстовой разметки документа – HTML;

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

• языки встраиваемых сценариев JavaScript и VBScript;

• объектные модели браузера и документа.

Назначение языка HTML очевидно. Как и в обычных документах, с помощью него выполняется разметка структуры документа, определяется взаимное расположение объектов документа на странице.

Каскадные таблицы стилей (Cascade Style Sheets - CSS) представляют собой совокупность описаний различных параметров, используемых для оформления как документа в целом, так и отдельных его объектов. Стили в документах HTML можно сравнить со стилями в текстовых редакторах: CSS позволяют определить параметры шрифтового выделения текста, цвет, выравнивание, поля и многое другое. Для каждого элемента, задаваемого определенным тегом HTML, можно определить свой стиль отображения в окне браузера. Технология CSS позволяет задать одну таблицу стилей и использовать ее для оформления всех документов, расположенных на сервере. Такой подход наиболее распространен в последнее время, так как придает определенную «строгость» и законченность оформления сайта с точки зрения дизайна.

Язык программирования JavaScript разработан фирмой Netscape для создания интерактивных HTML-документов. Это интерпретируемый объектно-ориентированный язык разработки встраиваемых приложений, выполняющихся как на стороне клиента, так и на стороне сервера. Клиентские приложения непосредственно встраиваются в HTML-страницы и интерпретируются браузером по мере их вызова. Серверные приложения для увеличения производительности предварительно компилируются в промежуточный байт-код.

Как и JavaScript, VBScript используется для написания сценариев клиента (в этом случае браузер должен иметь встроенный интерпретатор этого языка), а так же для написания сценариев на сервере (в этом случае сервер должен поддерживать язык VBScript).

Объекты, создаваемые браузером при загрузке документа, их свойства, методы и события образуют так называемую объектную модель документа (DOM – Document Object Model). Браузер и документ, загруженный в него, а так же все объекты документа – формы и их элементы, фреймы и др., с точки зрения программиста образуют иерархически организованный набор объектов.