Рекомендации по созданию Веб-страниц. Возможности Web как издательской среды Уникальные характеристики Web делают его идеальным инструментом для реализации следующих проектов: Создание персональной домашней страницы Обмен информацией на любительском уровне Выражение вашего мнения Организация политических акций Поиск аудитории для художественной продукции Создание аналитических страниц Создание потребительской рекламы Создание любительского Web-журнала Создание интерактивного клуба фанатов Поддержка общественной жизни Поддержка документации Обеспечение услуг Обеспечение моральной поддержкой в ней нуждающихся Совместное использование ваших профессиональных знаний Обучение на Web Формирование имиджа корпорации Организация маркетинговых презентаций Создание цифровых версий печатных публикаций, которые поддерживаются рекламодателями Создание цифровых версий печатных публикаций, которые поддерживаются абонентами (подписчиками) Создание интерактивного торгового каталога Планирование вашей Web-публикации Формулировка цели Еще до обдумывания деталей ваших документов было бы неплохо сформулировать их конечную цель. Какой эффект вы хотите произвести на людей, посещающих ваш узел? Возможно, вы желаете развлечь их, сообщить какую-то информацию, сплотить их для политической борьбы? Возможно, ваши планы по Web-публикации попадут под одну из перечисленных категорий: • Поделиться информацией о себе • Поделиться информацией о вашем хобби или развлечении • Проинформировать людей о сложившейся ситуации • Призвать их к политическим или социальным переменам • Поделиться результатами плодотворной работы • Помочь другим отыскать ресурсы Web • Рекламировать или критиковать продукт, не продаваемый вами лично • Развлечь других • Опубликовать журнал или информационный бюллетень (без финансовой поддержки или поддержкой от рекламы или подписки) • Организовать интерактивное сообщество фанатов или любителей • Наладить деятельность местного сообщества • Поддержать программный продукт • Предоставить услуги клиентам вашего бизнеса • Поддержать сообщества больных или недееспособных людей • Совместно использовать ваши профессиональные знания • Обучить других • Организовать присутствие вашей компании на Web • Произвести маркетинг продукции вашей компании на Web • Продавать различную продукцию на Web 1 Рекомендации по созданию Веб-страниц. Представление — что делать, а чего не стоит Тщательно выбрав материал для вашего Web-узла, его необходимо представить удобным для просмотра образом. Приведем некоторые рекомендации по представлению информации, чтобы ее было проще найти, использовать и запомнить. Предусмотрите простые в использовании навигационные средства, чтобы помочь людям ориентироваться на вашем Web-узле. Не полагайтесь на возможности Web-броузера, помогите посетителям перемещаться среди ваших документов. Предоставьте им навигационные кнопки. Традиционно одна ведет к следующей стpанице, одна — к предыдущей, и одна возвращает к вводной странице узла. Поместите ваши навигационные кнопки вверху каждой страницы. Глупо ожидать, что читатели ваших страниц будут пролистывать ваш документ до конца, чтобы использовать встроенные навигационные кнопки. Их следует помещать прямо под заголовком вверху страницы. Не следует чрезмерно дробить информацию. Информацию необходимо разделить на небольшие блоки, выражающие одну идею, и назначить каждому собственную страницу. Однако в подобной структуре легко запутаться: достаточно утомительно ориентироваться среди огромного количества небольших блоков данных. Если у вас нет мощного средства поиска данных, удобного для посетителей узла, не дробите информацию на слишком мелкие блоки. Разумно определите ваши URL. Обычно нет возможности выбирать каталог, содержащий ваши издания на Web, но пользователь сам присваивает имена файлам — и они будут существенной частью вашего URL в качестве имени домена и имени каталога. Давайте файлам краткие, описательные названия; длинные имена не порадуют тех, кому придется набирать ваш URL вручную. Группируйте близкую по теме информацию. Планируя печатную газету, вы поместите спортивные сюжеты рядом с обзорами игр. Подобная концепция группирования связанной информации справедлива и для Web-документов; кроме того, необходимо поддерживать средства передвижения среди документов. Размещайте родственную информацию рядом — или на одной странице, или соединяя ее гипертекстовыми ссылками. Не злоупотребляйте гипертекстовыми ссылками. Гипертекстовые ссылки — это очень изящный, легко реализуемый способ передвижения среди блоков информации, но не стоит ими злоупотреблять. Не обязательно снабжать ссылками каждое слово в публикации, если оно лишь отдаленно касается некоторого пункта в другом документе. Используя слишком много гипертекстовых ссылок, вы отвлечете читателей, и они покинут ваш узел, не получив о нем общего впечатления. Помните о том, что существуют традиционные среды. Некоторые документы типа научных статей и традиционных коротких рассказов предназначены для чтения от начала до конца, без использования методов гипертекстовой среды. В частности, вы столкнетесь с подобными документами, преобразуя старые материалы в формат HTML для издания на Web. He пытайтесь изменять их, чтобы воспользоваться преимуществом гипертекста, особенно без разрешения автора. Лучше поместите такие документы на отдельные страницы или обеспечьте простые средства их загрузки в формате ASCII или PDF. HTML — что делать, а чего не стоит Следующие рекомендации касаются технических аспектов издательской деятельности на Web кодирования в HTML. Они помогут вам избежать распространенных ошибок программирования в HTML, сделают код более читаемым, более эффективным, легко изменяемым и расширяемым. HTML лежит в основе всех аспектов издания на Web, кроме выбора аудитории и материала. Поэтому можно ожидать, что советы по использованию HTML помогут вам создавать публикации достаточно высокого качества. Используйте небольшие изображения формата GIF с прозрачным фоном в качестве типографского инструмента. На своей странице советов по использованию HTML для дизайнеров-графиков Дэвид Сигел предлагает использовать небольшие графические файлы формата GIF (http://www.best.com/dsiegel/tips/graphics.html). Небольшие GIF-изображения позволяют формировать длинные тире (—) и привлекательные буквицы (буквы, начинающие абзац и простирающием вниз на несколько строк). Сигел, профессиональный типограф, раскрывает приемы создания эстетических документов с использованием ограниченных средств HTML. Давайте своим документам описательные заголовки. 2 Рекомендации по созданию Веб-страниц. Заголовки Web-документов включаются в базы данных, поэтому постарайтесь давать им только описательные названия. Например, "Страница Билла" таковым не является; "Страница Билла по ремонту “Форда” модели Т" — описательный заголовок. Широко используйте таблицы. Таблицы полезны не только в традиционных целях типа организации списков меток и номеров, но также для расширения возможностей форматирования HTML. Подумайте о размещении всего текста вашей страницы в виде таблицы. Это позволит точно определить поля страницы и даже рационально расположить текст в колонках. Делайте рамки таблицы невидимыми, чтобы они не мешали остальным частям структуры. Не демонстрируйте рамки таблицы. Даже используя таблицы сложным способом, например, для размещения текста в колоночном виде, не показывайте линии, формирующие таблицу. На тесном мониторе компьютера линии и рамки могут отвлекаться от содержащихся в таблице данных, мешая восприятию вашего сообщения. Проверьте свои страницы, просмотрев их несколькими броузерами. Некоторые броузеры прощают больше ошибок HTML, чем другие. Так, Netscape переносит многие ошибки закрытия тегов. Netscape успешно отобразит страницу, содержащую такую ошибку, но другой броузер может опустить тег полностью. Поэтому чем больше броузеров вы испробуете, тем больше выявите ошибок. Гипермедиа — что делать/ а чего не стоит Одна из привлекательных особенностей Web — это возможность оперировать с гипермедиа, например, звуком и видеоматериалами. В этом заключается притягательность Web, поскольку раньше никакая другая среда не могла обрабатывать мультимедиа и гипертекст с той же легкостью. Очень соблазнительно наполнить узел привлекательной графикой, но это может настолько увеличить время загрузки, что им невозможно будет пользоваться. Не злоупотребляйте графикой. Подумайте как следует, прежде чем включать в документ иллюстрации, особенно большие. Настолько ли они повысят содержательность узла, чтобы компенсировать увеличившееся время загрузки? Несколько небольших графических элемента типа иконок лучше, чем одна или две гигантских иллюстрации. Многократно используйте один графический символ. Неоднократное использование одного изображения улучшает вид документа и ускоряет его передачу. Используя одинаковые иконки и рамки, читатели осваивают значения различных графических элементов. В подобной ситуации броузер загружает изображение лишь один раз и при каждом последующем использовании извлекает его из своего кэша. Уведомляйте посетителей узла, когда ссылка ведет к видео- или звуковому файлу. Гипертекстовая ссылка, ведущая к мультимедийному файлу, а не к другой Web-странице, должна соответствующим образом помечаться. Маркируйте метки к мультимедийным файлам словами, а лучше иконками. Включайте предварительную информацию о мультимедийных файлах. Прежде чем посетители Web-узла смогут увидеть ваш материал, его необходимо загрузить. Для загрузки даже небольшого видеофайла требуется не менее десяти минут. Поэтому предоставьте посетителям вашего узла информацию о подобных файлах, прежде чем они начнут загрузку. Достаточно краткого описания ("Человек в красном плаще скачет на лошади по тропинке") и указания размера файла. Делайте свои привлекательные мультимедийные файлы легкодоступными. Обидно увидеть на узле привлекательную иллюстрацию и не иметь возможности использоватьеё в собственных изданиях на Web. Новые Web-броузеры загружают графику, даже не имея гипертекстовых ссылок к исходным файлам, но у более старых броузеров нет такой возможности. Будьте лояльным обитателем Web и позвольте каждому загружать любое свободно распространяемое изображение с вашего узла. Не используйте малораспространенные форматы мультимедийных файлов. Любой будет озадачен, попав на узел, где графика представлена в формате PostScript, звук — в формате .AIFF, а кино — в формате .FLI. Невероятно сложно конфигурировать все вспомогательные программы, и аудитория пойдет туда, где материал представлен в доступном виде. Убедитесь, что формат вашего кино — MPEG, графики — JPEG или GIF, а звук представлен в формате .WAV или .AU. Посетители будут вам признательны. 3