- •Лекция 1. Идеология и основные принципы построения ресурсов web – пространства.
- •1. Введение в гипертекстовую технологию web и общие принципы построения гипертекста.
- •Определения и особенности гипертекста
- •Общая характеристика мультимедиа и различные формати даних
- •2. Исторические аспекты языков разметки sgml, html, xml, (X)html. Объявление типа документа (dtd).
- •История sgml, html, xml, xhtml
- •3. Классификация сайтов и гипертекстовых документов.
- •Приведем классификацию сайтов по следующим показателям:
- •По физическому расположению:
- •Информационные ресурсы:
- •Классификация Web-документов
Информационные ресурсы:
Тематический сайт — сайт, предоставляющий специфическую узкотематическую информацию о какой-либо теме.
Тематический портал — это очень большой веб-ресурс, который предоставляет исчерпывающую информацию по определённой тематике. Порталы похожи на тематические сайты, но дополнительно содержат средства взаимодействия с пользователями и позволяют пользователям общаться в рамках портала (форумы, чаты) — это среда существования пользователя.
Веб-сервис — услуга созданная для выполнения каких либо задач в рамках сети WORLD WIDE WEB:
Доска объявлений.
Каталог сайтов — например, Open Directory Project.
Поисковые сервисы — например, Yahoo!, Google.
Почтовый сервис.
Веб-форумы.
Блоговый сервис.
Файлообменный Пиринговый сервис — например, Bittorrent.
Датахостинговый (хранение данных) сервиc — например, Skydrive.
Датаэдиторинговый (редактирование данных) сервиc — например, Google Docs.
Фотохостинг — например, Picnik, ImageShack, Panoramio, Photobucket.
Хранение видео — например, YouTube, Dailymotion.
Социальные Медиа — например, Buzz.
Комбинированные Веб сервисы (Социальные сети) — например, Facebook, Twitter.
Комбинированные Веб сервисы (Специализированные социальные сети) — например, MySpace, Flickr.
Классификация Web-документов
Web-документ (или Web-страница) - это гипертекстовый документ, содержащий в себе ссылки на различные информационные ресурсы: другие Web-документы, графические, звуковые и т.п. файла, а также информационные ресурсы других сервисов.
Хотя Web-документ воспринимается пользователем как единое целое, в общем случае он описывается целой совокупностью файлов, включающей в себя:
— основной файл, подготовленный с помощью языка разметки (HTML, XHTML), содержащий текст документа и управляющую разметку - специальные "команды" (теги), определяющие внешний вид документа и описывающие состав и структуру Web-документа, а также его связи с другими документами и объектами;
— файлы статических графических иллюстраций, представленные в форматах GIF, JPEG и PNG;
— файлы анимированных графических изображений, представленные в формате GIF;
— звуковые файлы, представленные в форматах WAV, MIDI, RMI;
— файлы видеороликов, представленные в формате AVI;
— внешние программы-сценарии, представленные как отдельные файлы, а также небольшие программы, написанные на аппаратно-независимом языке программирования Java (Java applets);
— таблицы стилей (каскадные таблицы стилей, Cascading Style Sheets, CSS) - файлы, содержащие описание правил форматирования (стили) элементов Web-документа и позволяющие легко создавать множество Web-документов в одном стилистическом решении;
— другие типы объектов, требующие установки дополнительных программных модулей - расширений Web-клиента (например, компьютерные анимации, построенные по технологиям Flash или Shockwave, разработанным фирмой Macromedia).
Естественно, что в простейшем случае, когда Web-документ содержит только текстовую информацию, он может состоять из одного HTML-файла.
Все Web-документы можно разделить на две категории.
Первая категория – это статические документы. При запросе их пользователем содержимое документа на сервере не изменяется, он в исходном виде передается пользователю. На стороне клиента этот документ так же не позволяет реализовать с пользователем никакого интерактивного взаимодействия. К таким документам можно отнести, например, Web-страницу, реализованную с применением языка HTML без использования форм и дополнительных средств.
Вторая категория – интерактивные Web-документы. Эти документы могут изменять свое содержимое в зависимости от определенных условий и действий пользователя. Все интерактивные документы можно, в свою очередь, разделить по принципу, на основе которого производится изменение их содержимого. В первую подкатегорию можно отнести документы, содержимое которых формируется на стороне Web-сервера. В таком случае сервер выполняет определенные действия, в результате которых по заданным условиям на основе заранее заданных шаблонов по определенному алгоритму формируется HTML- или иной документ (например, изображение счетчика или график курса валюты). Отметим, что формирование таких документов может осуществляться как в момент запроса этого документа пользователем, так и выполняться периодически по определенной временной сетке.
В первом случае после создания документ сразу возвращается пользователю и не сохраняется на сервере. Во втором случае созданные документы помещаются в определенный подкаталог сервера, откуда они могут быть запрошены пользователем как обычные статические HTML-файлы. В обоих случаях пользователь получает статичный документ, как если бы он был заранее подготовлен и находился на жестком диске сервера. Более того, пользователь никаким образом не сможет определить, что этот документ только что был сделан специально для него. На стороне клиента этот документ выглядит как обычный статический документ, и его отображение в браузере не изменяется.
Ко второй подкатегории можно отнести Web-документы, интерактивное взаимодействие в которых происходит на стороне клиента. Это, прежде всего, Web-страницы, реализованные с применением технологии DHTML (Dynamic HTML). Помимо «чистого» HTML эти страницы имеют вставки программного кода на языках JavaScript или VBScript, а оформление их может быть выполнено с применением каскадных таблиц стилей. На стороне сервера никакой обработки этих документов не производится – при запросе они без изменения передаются пользователю. Программные вставки интерпретируются на стороне клиента браузером, используемым для просмотра документа, после загрузки документа. Этот подход, безусловно, обладает множеством достоинств, и позволяет создавать интерактивные страницы, содержимое которых меняется в зависимости от действий пользователя без перезагрузки документа из сети. Все происходит на стороне клиента.
В третью подкатегорию можно включить документы, совмещающие в себе два вышеперечисленных подхода. Например, это могут быть документы, определенная часть текста которых формируется на сервере (например, с использованием технологии PHP), и содержащие заранее подготовленные вставки на JavaScript, с помощью которых на стороне клиента будет реализовано меню и проверка вводимых пользователем данных.
