25. Разработка Web – документов

В настоящее время средства разработки Web-документов представлены весьма разнообразным программным обеспечением. Кроме специальных программ, например Netscape Navigator, существуют средства, позволяющие готовить страницы с помощью текстовых редакторов, например Microsoft Word, который поддерживает Web-технологии. Большинство современных Web-редакторов позволяют быстро создавать мультимедийные Web-страницы, сохранять документы в формате HTML, просматривать готовые HTML документы, а также создавать гипертекстовые ссылки для удобства перемещения от документа к документу. Такая ссылка может быть помещена внутрь документа и будет указывать или на Web-страницу, или на другой документ (или на конкретное место в документе), где бы этот документ ни находился, - на локальном жестком диске, во внутренней корпоративной сети или в сети Интернет. С помощью Web-редакторов можно легко и быстро создавать разветвленные intranet-сети, обеспечивающие пользователю наиболее простой способ поиска информации внутри корпоративной сети.

При создании Web-страниц могут использоваться следующие стандартные атрибуты:

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

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

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

• Маркеры. В Web-страницах можно создавать маркированные списки. Основное отличие состоит в том, что помимо маркеров в списках можно использовать графические изображения из библиотек маркеров. Используя графические редакторы, можно создавать оригинальные маркеры.

• Горизонтальные линии. Это еще один элемент оформления, который часто используется для разделения текста на части, а также для украшения Web-страниц.

• Рисунки. Можно дополнять Web-страницы рисунками, используя стандартные операции вставки рисунка в текст.

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

• Бегущая строка. Элемент анимации, придающий динамизм Web-странице.

• Компьютерное видео. На Web-странице можно разместить встроенную видеозапись. Для видеозаписи можно задать различные варианты воспроизведения.

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

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

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

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

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

Для уменьшения размера графических файлов может уменьшаться количество цветов, например в формате .gif может использоваться не только 256 цветов, но и 16 или даже 2 - черный и белый, в форматах .jpg и .avi может регулироваться степень сжатия. Кроме того, не рекомендуется использовать высокое разрешение, например для Windows вполне достаточным является разрешение 100-150 точек на дюйм. Более высокое разрешение приводит к напрасной трате времени и дискового пространства.

Также необходимо использовать метку ALT, чтобы снабдить рисунки описанием, что позволит пользователю узнать о содержании рисунка при отключенном режиме просмотра графики. Это особенно необходимо, если рисунок является торговой маркой, заголовком раздела или гипертекстовой связью. Объем текста на титульной странице должен позволять ей умещаться на экране целиком.

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

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