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

Для придания динамичности HTML-страницам был предложен и реализован ряд технологий, "оживляющих" и создающих "реагирующие" на действия пользователя HTML-документы. Одной из первых технологий в этом ряду стоит технология, основанная на CGI-сценарии -- программе, инициализируемой на сервере при передаче на него информации из полей форм HTML, создаваемых тэгом <FORM>. Ее недостатком является реализация простейшего сценария вида: "Я вам послал сообщение, а вы мне на него ответили". Более того, подобный сценарий существенно влияет на загрузку сети: любой запрос и ответ занимает ресурсы сети. А если для выполнения некоторого действия на сервере переданы неправильные данные? Пользователь получит вместо ожидаемого (возможно достаточно длительное время) ответа всего лишь сообщение о неверно введенных данных.

Чтобы избежать подобных ситуаций, фирмой Netscape был разработан специальный язык сценариев JavaScript. Программы, написанные на этом языке, встраиваются в документ HTML и интерпретируются браузером, используемым для его просмотра. Подобная технология снимает нагрузку на сеть, избавляя пользователя от ненужных пересылок недостоверной информации, ибо теперь можно написать выполняемый на стороне клиента код для проверки введенных данных. Фирма Microsoft, браузер которой Internet Explorer конкурирует с браузером Netscape Navigator фирмы Netscape, разработала и активно продвигает собственный язык сценариев -- VBScript, являющийся подмножеством широко используемого для разработки Windows-приложений языка Visual Basic.

Языки сценариев действительно делают HTML-страницы интерактивными. Содержание страницы может зависеть от желания пользователя, однако для его изменения все равно необходимо производить загрузку новой страницы либо во фрейм отображаемой страницы, либо в новое окно браузера. Причем эти изменения связаны с необходимостью взаимодействия с элементами управления: кнопка, поле ввода, переключатель и т. п. Хотелось бы, чтобы страницы действительно стали динамичными, как наш меняющийся мир: за поворотом мы видим открывающийся новый вид, не взаимодействуя ни с какими "элементами управления". Двигаясь по странице и перемещая по ней курсор мыши, хочется увидеть новую информацию, скрытую до тех пор, пока курсор не пройдет, например, над определенным словом или изображением, расположенным на странице. Поместив курсор мыши на некоторый элемент списка, хотелось бы увидеть уточняющую информацию, скрытую для пользователя до этого момента. Или, указав просто на слово "дальше", увидеть на странице очередную картину любимого художника. Все это реализуется с помощью так называемого динамического языка разметки страниц (Dynamic HTML), который, по существу, состоит из трех компонентов -- каскадной таблицы стилей (CSS), JavaScript и HTML, соединенные объектной моделью документа (DOM).

Перечисленные технологии являются мощными инструментами создания интерактивных Web-страниц, однако они ограничены возможностями соответствующих языков сценариев, которые напрямую связаны с располагаемыми на странице элементами, задаваемыми тэгами языка HTML. Апплеты Java и элементы управления ActiveX, создаваемые с помощью современны) языков программирования, поддерживающих объектно-ориентированные технологии, позволяют внедрять в документ программируемые объекты и взаимодействовать с ними, меняя их свойства и вызывая их методы посредством языков сценариев.

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

1. Создание и размещение собственных WEB страниц

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

Возможности Word

Подготовленный в текстовом редакторе Word документ можно легко преобразовать в web-страницу. Однако она будет выглядеть не столь привлекательно, как хотелось бы, если не предпринять дополнительные шаги. Рассмотрим несколько примеров.

Возьмем некоторый текст.

Преобразуем документ в web-страницу с помощью операции Сохранить как web-страницу… (вызывается из главного меню -- позиция Файл). Тогда html-представление документа будет иметь вид:

Первое, что бросается в глаза -- текст занимает все экранное пространство. Длина строки слишком большая. Для комфортного чтения на экране число символов в строке должно быть в диапазоне 50-65.

Использование таблицы

Можно в этом случае поступить совсем просто: завести в исходном документе таблицу и поместить в нее нужный текст. В таблице можно задать рамку. Тогда вид web-страницы намного улучшится, и в браузере страница будет выглядеть привлекательнее.

Фон и стиль

Можно пойти дальше -- например, изменить цвет и фактуру фона, вид гиперссылок, оформление списков. Для изменения общего дизайна страницы можно воспользоваться командой Тема из раздела главного меню Формат.

Желательно выбрать не слишком яркий фон, чтобы на нем хорошо читался текст. Таким фоном в предложенном списке является, например, Рисовая бумага. Вид страницы заметно преобразился:

Вставка картинки

В документ можно добавить картинку, взяв ее, к примеру, из коллекции клипов.

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

Если вы вставляете картинку внутрь абзаца, то лучше изменить свойства картинки, задав обтекание текста вокруг картинки (нужно выбрать позицию главного меню Формат и далее Рисунок):

В документе при этом не будет создаваться лишнего пустого пространства.

Наконец, можно добавить картинке рамку и тень с помощью кнопок на панели Рисование -- Тип линии и Стиль тени. Подобные нюансы заметно прибавляют выразительности странице.

Если панели Рисование нет на странице, то нужно установить ее, выбрав позицию главного меню Вид и далее Панели инструментов и Рисование.

Бегущая строка

Word позволяет внести на web-страницу и другие оформительские элементы, например "бегущую строку". Чтобы воспользоваться этой возможностью нужно открыть на экране панель web-компонентов (из главного меню -- позиция Вид, далее Панели инструментов и Веб-компоненты). Щелчок по кнопке операции Бегущая строка открывает дополнительное окно для задания текста параметров бегущей строки.

Как обычно, в строке можно поменять шрифт и атрибуты: размер шрифта и цвет символов. Web-страница будет выглядеть на экране следующим образом:

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

Использование шаблонов оформления

Если вы начинаете создавать страницу с нуля, то можно воспользоваться мастером веб-страниц, который в диалоге будет помогать формировать документ. Или же можно использовать готовый шаблон оформления страницы, выбрав его из достаточно представительного набора. Для этого нужно в операции Создать выбрать режим Создание с помощью шаблона и далее Общие шаблоны. На экране появится форма, в которой нужно выбрать закладку Веб-страницы:

Далее в предлагаемой заготовке документа вы должны ввести тексты и картинки:

Цветовое и стилевое решение пользователь может выбирать самостоятельно, например, с помощью настроек Формат - Тема.

Создание гиперссылок и закладок

Последний вопрос, который мы планируем рассмотреть в данном разделе -- создание гиперссылок в документе.

Если мы хотим сослаться в документе на другой документ или другой сайт в Интернете, то такую гиперссылку можно сделать так: выделить в документе фрагмент текста (слово) и выполнить операцию Вставка -- Гиперссылка… На экране появится форма, в которой задается адрес гиперссылки. Адрес можно ввести явно или можно выбрать файл в окне.

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

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

Тогда при создании гиперссылки нужно указать эту закладку (кнопка Закладка… расположена в правой части формы), выбрав, например, ее из списка в форме:

Веб-презентация в PowerPoint

Программа PowerPoint ориентирована на создание презентаций на компьютере. Однако у нее имеется функция преобразования подготовленной презентации в веб-формат.

Вы можете открыть подготовленную презентацию и выполнить операции (из главного меню) Файл -- Сохранить как веб-страницу. Как обычно нужно задать имя веб-презентации в открывшемся окне. В результате выполнения преобразования презентации будет создан файл с заданным именем и расширением .htm и одноименная папка с дополнительными материалами.

Если теперь из браузера вызвать веб-презентацию, то на экране можно увидеть результат преобразования.

В нижней части экрана создается специальная строка, где располагаются кнопки перехода к слайдам и кнопки для задания различных параметров просмотра презентаций.

Презентацию можно просматривать с показом структуры слайдов. Но если эта информацию не представляет интереса, то зарезервированное для показа структуры поле на экране можно убрать (операция развернуть/свернуть структуру в нижней строке).

С помощью кнопки Показ сладов можно просматривать слайды на полном экране.

Создание гиперссылок

В презентации можно создать гиперссылки, которые связывают объекты на слайде, например, с другими слайдами. Тем самым можно создать структуру гипермедиа, которая естественным образом будет соответствовать идеологии Интернета. Поясним этот прием на примере.

Пусть у нас есть несколько заготовленных слайдов на тему растительного мира Байкала, составленных из коллекции фотографий. Создадим новый слайд -- оглавление коллекции.

Если новый слайд получился не первый в последовательности, то нужно выйти в режим сортировщика слайдов (из главного меню с помощью операций Вид -- Сортировщик слайдов) и перетащить новый слайд в начало коллекции.

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

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

Аналогично свяжем другие картинки на слайде-оглавлении с соответствующими слайдами с оригиналами фотографий.

Если мы теперь запустим нашу презентацию на выполнение, то она будет работать как структура гипермедиа: при щелчке по маленькой фотографии будет выполняться переход на слайд с фотографией в увеличенном размере.

Осталось совсем немного усовершенствовать нашу структуру. Добавим на каждый слайд с фотографией в его верхнюю левую часть стрелку (Автофигура на панели инструментов Рисование), и сделаем из этой стрелки гиперссылку, выполняющую переход на слайд-оглавление. Теперь движение по созданной нами структуре гипермедиа станет "двусторонним": из оглавления можно перейти на слайды с фотографиями, и с любого слайда вернуться на оглавление.

После выполнения преобразования презентации в веб-формат наша первая страница будет иметь вид:

Щелчок по картинке из меню вызовет переход к слайду с большой фотографией, а щелчок по стрелке (в левой верхней части слайда) обеспечит переход на страницу с оглавлением коллекции.

2. Интернет.

Работы над созданием Интернет начались в шестидесятых годах, когда корпорация RAND и несколько крупных высших учебных заведений США приступили к разработке технологий передачи информации по сетям. Смысл технологии был в том, что переданная информация разбивалась на пакеты, которые путешествуют индивидуально, зачастую по нескольким географическим областям, выбирая наиболее эффективные и доступный маршрут. В конце концов, все пакеты достигают своего финального назначения, где они снова собираются в первоначальную форму и пользователь получает посланную информацию.

Технология заинтересовала Департамент обороны США, т.к. позволяла компьютерам, соединенным в сеть, функционировать даже если часть сети выведена из строя (например, в результате ядерного удара). Сеть была дееспособной, т.к. в сети не было центральной точки контроля и все сетевые компьютеры были равносильны. В случае равносильности компьютеров, данные не задерживаться на разрушенных линиях или отсутствующих компонентах.

В 1969 году Агентство перспективных исследований Департамента обороны приступило к созданию сети на основе новой технологии. Сеть получила название ARPANET (Advanced Research Projects Agency Network) по имени агентства - разработчика и бурно развивалась и разрасталась до начала восьмидесятых годов благодаря подключению локальных сетей учебных и научно-исследовательских учреждений.

В восьмидесятых годах на смену ARPANET пришла сеть NSFNET (National Science Foundation Network), созданная Национальным научным фондом США. Департамент обороны прекратил дальнейшее использование и финансирование ARPANET и переключился на собственную закрытую сеть. Несмотря на сопротивление многих научных и правительственных организаций, поддерживающих только научно-исследовательское использование Интернета, первые попытки коммерческого освоения Сети были сделаны еще в восьмидесятых годах. Но массовая «коммерсализация» Интернета стала происходить после 1995 года, когда Национальный научный фонд резко сократил финансирование Интернета.

Увеличению использования Интернета также способствовала разработка Тимом Бернерсом-Ли системы гипертекста и, в конечном итоге, World Wide Web. Простота и удобный графический интерфейс Всемирной Сети способствовали необычайному росту популярности этого компонента Интернета. Зачастую пользователи даже придают один и тот же смысл Интернету и Всемирной Сети. На самом деле www - это только одна из служб Интернета. Однако именно WWW с удобным графическим интерфейсом, наиболее популярный и быстро растущий компонент Интернета, который мы используем в первую очередь когда сталкиваемся с Интернетом.

Интернет представляет собой совокупность компьютеров, объединенных в глобальную сеть. Фактически Интернет является сетью, состоящую из сетей, объединяющих миллионы компьютеров, программ, баз данных, файлов и людей.

Что дает эта сеть? Доступ к информации на всех этих компьютерах, в любом уголке мира за считанные секунды.

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

Для того, чтобы выйти в Интернет нужно найти интернет-провайдера, которому пользователи обычно и платят за предоставление каналов передачи данных. Провайдер обеспечивает скорость передачи и качество связи.

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

Для того, чтобы пользователи могли удобно пользоваться Интернетом, разработаны специальные программы, протоколы, языки и много всего, что делает обмен информации не только понятным, но простым и удобным.

Часто вместо термина «Интернет» используется термин «Всемирная паутина» - WWW, World Wide Web. На самом деле www - это только одна из служб Интернета. Однако именно WWW с удобным графическим интерфейсом - наиболее популярный и быстро растущий компонент Интернета, который мы используем в первую очередь когда работаем с Интернетом.

Принцип работы

Пользователь порой и не подозревает, что происходит, когда он просто кликает мышкой на ссылку или запрашивает адрес того или иного сайта. Однако, сам процесс пересылки информации из одной части мира в другую очень интересен.

На физическом уровне принцип работы Сети таков. Когда некоторый набор информации (электронная почта или электронная страница) посылается с одного компьютера, сетевой протокол разбивает его на отдельные пакеты. Каждый пакет содержит "откуда" и "куда" адреса. Каждый компьютер в сети Интернет получает пакет, читает адреса и определяет либо оставить пакет, либо передать дальше.

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

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

Аудитория Интернета

Тенденции и темпы роста интернет-аудитории не переставали восхищать аналитиков. Эти темпы несравнимы ни с какими другими средствами массовой информации. За последние пять лет количество пользователей Сети выросло в десятки раз и на сегодняшний момент превышает 300 миллионов человек.

Если разбить эту цифру по регионам, то картина будет выглядеть так:

Северная Америка	147 480 тыс. чел.
Европа	91 820 тыс. чел.
Азия и Тихоокеанский регион	7 550 тыс. чел.
Южная Америка	13 190 тыс. чел.
Африка	2 770 тыс. чел.
Ближний Восток	1 900 тыс. чел.

Источник NUA http://www.nua.ie

Количество пользователей продолжает стремительно расти. Хотя в таких странах, как США, где пользователи сети составляют уже 40-50% взрослого населения, в связи с наступающим насыщением темпы притока уменьшаются.

Если говорить о демографическом составе Интернет аудитории, то:

женщины представляют 38,7% аудитории сети;

средний возраст пользователя сети 35,1 год;

41,1% женаты или замужем, 38,7% одиноки;

пользователи сети отличаются высоким образовательным уровнем: 80,9% имеют образование на уровне колледжа, 50,1% имеют высшее образование;

средний уровень доходов у пользователей сети составляет 52 500 долларов США в год на домохозяйство, что значительно выше, чем средний уровень доходов даже для США;

наиболее обширной является категория пользователей, занятых в сфере образования - 26.2%, за ней следует категория, деятельность которой связана с компьютерами - 22.3%, следом профессионалы в различных областях - 21.7%.