Учебное пособие 1886

ким способом, необходимо знать язык HTML. Frontpage избавляет вас от такой необходимости. При его использовании ваша задача состоит лишь в том, чтобы ввести на странице текст, отформатировать его средствами обычного текстового процессора, добавить графические изображения, формы и другие элементы, a Frontpage сам сгенерирует соответствующий HTML-код. Это не труднее создания и форматирования обычного документа. То, что вы видите на экране, очень похоже на то, что вы хотели бы увидеть в Web-броузере. Frontpage также предоставляет возможности для импорта на страницы файлов в формате RTF, ASCII и Microsoft Office, которые также будут преобразованы в HTML.

2.6.4. Форматирование текста

Возможности имитирования, предоставляемые Frontpage, довольно обширны, но они ограничены типами форматирования, применяемыми в HTML. В языке HTML имеется несколько стилей форматирования. Некоторые форматирующие теги зависят от того, в каком Web-броузере отображается страница вашего Web-узла. Например, как Internet Explorer, так и Netscape Navigator, в отличие от других броузеров, воспринимают тег Font, который позволяет изменить шрифт (например, <FONT FACE=- "Arial"> </FONT>). Стили абзаца, поддерживаемые Frontpage, описаны в табл. 2.1 и показаны на рис. 2.3. Их можно выбирать в поле списка Style панели инструментов

Formatting.

93

Продолжение табл. 2.15

Стили Strong, Emphasis, Citation, Sample, Definition, Code, Variable и Keyboard являются логическими, a Bold, Italic, Underline, Strikethrough, Overline, Blink, Superscript, Subscript, Small Caps, All Caps, Capitalize и Hidden — физическими.

94

2.6.5.Важные аспекты разработки Web-узла

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

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

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

Web-узле.

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

95

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

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

Страницы одного уровня иерархии не принято связывать между собой Перекрестная ссылка (например, между двумя ветвями третьего уровня) может показаться простым средством перехода. Однако когда переход неоднократно осуществляется подобным образом, пользователь может быстро заблудиться в "дебрях" Web-узла (тем более что при организации такого перехода нарушается древовидная структура Web-узла). Лучше вторично пройти по дереву и перейти на другую ветвь. Если уровней не больше трех, повторно пройти путь несложно. Кроме того, если пользователь ранее посещал страницы вашего Web-узла, он сможет быстро пройти по этому пути, поскольку посещенные страницы обычно сохраняются на диске пользователя в кэше броузера и при повторном обращении к ним загружаются из кэша.

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

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

96

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

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

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

Создавая документ для печати, вы всегда можете определить, как он будет выглядеть на бумаге, установив соответствующий режим просмотра. К сожалению, это не всегда возможно при разработке электронных документов для Web, поскольку Web-страница будет загружаться на разных клиентских компьютерах (например, как на Macintosh с точечным монохромным дисплеем с разрешением 512х342, так и на персональном компьютере с SVGA-дисплеем с разрешением

1024х768).

Закончив создание Web-страницы, следует проверить, как она будет выглядеть в браузере при разрешении экрана 640х480 и 800х600, поскольку в настоящее время на большинстве компьютеров установлено одно из этих разрешений.

97

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

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

Основная часть объема файла Web-страницы обычно приходится на графические и мультимедийные файлы. Для уменьшения влияния объема файла Web-страницы на продолжительность загрузки рекомендуется использовать графические и мультимедийные файлы как можно меньшего объема. Некоторые способы уменьшения объема данных Webстраницы рассматриваются в конце настоящей главы.

Значительное влияние на продолжительность загрузки Web-страницы оказывает также ширина полосы пропускания канала связи. Канал с небольшой шириной полосы пропускания легко перегрузить.

Внастоящее время применяется стандарт языка HTML

4.0.Фирмы Microsoft и Netscape разрабатывают собственные теги HTML и включают их в свои браузеры, не согласуя между собой введение этих новшеств. С одной стороны, это стимулирует развитие Web-технологии. С другой стороны, разработчики Web-узлов, применяющие теги, которые поддерживаются в каком-либо одном браузере, рискуют не донести до конечного пользователя часть информации, публикуемой на странице. Различия между браузерами наблюдаются не только в плане поддержки тегов, но и в плане поддержки технологий. Например, Netscape Navigator не поддерживает ни язык сцена-

риев VBScript, ни технологию ActiveX. Фирмы Microsoft и

98

Netscape разработали собственные стандарты для Dynamic

HTML.

Предметом дискуссий между Microsoft и Netscape является pushтехнология, поскольку формат CDF фирмы

Microsoft (Channel Definition Format) несовместим с форматом Netcaster фирмы Netscape. PointCast (http:/www.pointcast.com)

— лидер в области push-технологии в формате CDF. Pushтехнология — это процесс автоматической пересылки информации с Web-сервера в браузер.

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

Internet Explorer и Netscape Navigator обладают рядом возможностей, не предоставляемых ни одним другим браузером. Если вы решили использовать одну из них, необходимо, чтобы пользователь был заинтересован в применении браузера, в котором ваши страницы выглядят должным образом. Это не так сложно, как может показаться. Фирмы Microsoft и Netscape доминируют на рынке Web-браузеров и предлагают версии браузеров, которые можно свободно получить в Internet. Целесообразно разместить на своей домашней странице гиперссылку на Web-узел, с которого можно загрузить нужную версию Internet Explorer или Netscape Navigator. Сле-

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

Microsoft Internet Explorer u Netscape Navigator (версия

3.0 и выше) обладают встроенными средствами поддержки звуковых форматов AIFF, AU, MIDI и WA V, а также видеоформата А VI.

99

Internet Explorer полностью поддерживает файлы в формате MPEG, а Navigator требует наличия встраиваемого модуля, который можно получить на Web-узле по следующему ад-

ресу: http://home.netscape.com.

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

Internet (программа CU-SeeMe фирмы Cornell University

(http://www.wpine.com), Xing Technology's Stream Works (http://www.xingtech. corn)).

Графические изображения - важный компонент любой

Web-страницы. В Web в основном используются два формата графических изображений — GIF и JPEG. Изображения в этих форматах воспроизводятся самими браузерами без использования встраиваемых модулей.

Frontpage позволяет помещать на Wtb-страницу графические изображения других стандартных форматов: PCX, TIF и EPS. При сохранении Frontpage преобразует их в формат GIF, JPEG или PNG (Portable Network Graphics).

Graphic Interchange Format (GIF) разработан фирмой

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

GIF-файлы — это файлы растровых изображений, в которых используется не более 256 так называемых индексированных цветов (indexed color). Графическая информация, сохраняемая в GIF-файле, сжимается при помощи специальных алгоритмов сжатия с минимальными потерями информации.

В настоящее время используются две разновидности GIF-формата: GIF 87 и GIF 89а. В формате GIF 89а можно хранить изображения с прозрачным фоном и анимацию, что не характерно для GIF 87 и JPEG.

Прозрачный фон (transpared phone) создается путем за-

мены одного из цветов GIF-изображения цветом текущего фона (например, фона страницы). Frontpage имеет соответствующий инструмент для получения таких изображений.

100

Полное воспроизведение GIF-изображения в чересстрочном виде (interlaced) выполняется в четыре этапа. На первом этапе отображается каждая четвертая строка пикселов, начиная с первой, на втором — начиная со второй и т.д. Если изображение не представлено в чересстрочном виде (noninterlaced), то все строки пикселов отображаются последовательно. В Frontpage имеется возможность представить GIFизображение в чересстрочном виде.

Анимированные GIF-файлы представляют собой набор GIF-изображений, которые последовательно выводятся на экран, создавая иллюзию движения объектов. Эти статические GIF-изображения вместе с информацией о порядке следования и времени демонстрации хранятся в едином GIF-файле. Анимированные GIF-изображения поддерживаются Netscape Navigator с версии 2.0 и Microsoft Internet Explorer с версии 3.0.

Для создания анимированных GIF-файлов предназначены специальные программы, такие как GIF Construction Set и

Microsoft GIF Animator.

Изображение в формате JPEG (Joint Photographic

Experts Group) представляет собой растровое изображение, в котором может быть использовано до 16,7 млн. цветов (24битовый цвет). Сжатие JPEG-изображений, как правило, сопровождается потерями информации, т.к. основано на отбрасывании мелких деталей. Первоначально для воспроизведения JPEG-изображений Web-браузеры использовали вспомогательные приложения. На сегодняшний день большинство Webбраузеров способны отображать JPEG-изображения без вспомогательного приложения.

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

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

101

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

2.6.6.Основные этапы создания Web-узла

спомощью Frontpage

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

2.Убедитесь в функционировании Web-сервера (например, MSPWS), на котором вы собираетесь опубликовать свой

Web-узел. Запуск Microsoft Personal Web Server осуществляет-

ся автоматически при включении компьютера.

3.Запустите Frontpage. В Frontpage создайте новый Webузел с помощью мастера или на основе шаблона. В случае необходимости можно создать Web-узел, содержащий одну чистую страницу, или импортировать содержимое существующего Web-узла.

4.Установите права доступа к Web-узлу для отдельных пользователей либо группы пользователей.

5.В левой части рабочей области окна Frontpage находится панель управления просмотром Views, содержащая следующие управляющие элементы: Page, Folders, Reports, Navigation, Hyperlinks, Tasks. Эти элементы обеспечивают пе-

реход к соответствующему режиму просмотра Web-узла. Щелкните на кнопке Tasks. В правой части отобразится список задач. Если в процессе разработки структуры Web-узла использовались мастера, они будут включены в список Tasks автоматически. В дальнейшем вы сможете отредактировать данный список в любой момент.

102