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


Шаг 1. Сделайте правильное соединение
Шаг 2. Выберите правильный инструмент
Шаг 3. Добавьте содержимое и хорошенько размешайте
Шаг 4. Сделайте поживее
Шаг 5. Поднимите занавес
Шаг 6. Сделайте так, чтобы вас заметили
Шаг 7. Не просто располагайтесь там

10 элементов Web, которые мы терпеть не можем

СОВЕТЫ

Издателям Web-страниц

За пределами страниц Web 101


Итак, это случилось... Вы - единственный поставщик провизии в городе, не имеющий адреса в World Wide Web. Может быть, вы исчерпали все средства для распространения ваших товаров, и вам необходимо ознакомить со своими услугами клиентов по всей стране. Или, может быть, у вас только что появился малыш и вы хотите поделиться фотографиями с родственниками во всему миру? Тогда самое время завести свой узел Web. К счастью, любой, у кого есть начальный опыт работы с текстами, может это сделать. Получив доступ в Internet, вы уже прошли полпути в становлении издателем на Web.

Если уж делать Web-страницу, то делать ее правильно. Вам нужно оценить ваши потребности. Насколько "щедрым" должен быть ваш узел? Как часто вы будете его обновлять? Помогут ли рисунки выразить вашу мысль?

И коли уж узел построен, вы должны "растить" его. Как посетители разыщут вас в море информации, называемом Internet? И как вы узнаете, что они были у вас?

Следуйте шагам, описанным ниже, и вы будете продуктивно эксплуатировать богатства Web.

Шаг 1. Сделайте правильное соединение

Перед тем как вы сможете что-то опубликовать на Web, необходимо получить доступ в Internet либо с помощью коммерческих онлайновых служб, таких как America Online, либо обратившись к поставщикам Internet-услуг, например к Netcom.

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

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

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

Убедитесь, что ваш поставщик услуг Internet обладает высокоскоростным соединением T1 или T3, иначе вашим посетителям придется долго ждать появления страниц на экране. Кроме того, поставщик должен поддерживать ISDN - вдруг, как и большая часть мира, слоняющегося по Web, вы решите перейти на этот стандарт.

Шаг 2. Выберите правильный инструмент

Страницы Web могут быть простыми (обычный текст) или сложными (интерактивная мультимедийная игра). Основой каждой страницы Web является язык гипертекстовой разметки (HTML). Однако HTML не настоящий язык программирования. Это коллекция текстовых маркеров (markup tags), образующих текстовый документ; они говорят браузерам Web, как текст и графика на вашей странице должны выглядеть, и управляют их действиями. К примеру, маркером Книги вы создадите ссылку от слова Книги на другую страницу.

Большинство из нас уже имеют какой-нибудь собственный инструмент, ограждающий нас от HTML, - это текстовый процессор. Сегодня самые распространенные текстовые процессоры для Windows 95 (Word 7.0 for Windows 95, WordPro 96 и Corel WordPerfect 7.0) включают дополнения для преобразования документов в страницы Web.

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

Какого типа страницы вы можете создавать в вашем текстовом процессоре? Любые, содержащие текст, графику, таблицы и прочие возможности Web, включая формы и кнопки. Теоретически вы могли бы даже сделать домашнюю страницу PC World Online. Нам это удалось за 30 минут (не считая времени на создание графики).

После того как вы овладели мастерством изготовления Web-страниц с помощью текстового процессора, вероятно, вы захотите воспользоваться полнофункциональным публикационным инструментом. Такие программы, как FrontPage фирмы Microsoft и Navigator Gold фирмы Netscape, прибавят вашим действиям гибкости, потому что они поддерживают расширенные возможности. Кроме того, эти программы содержат дополнительные инструменты для размещения и обслуживания ваших Web-страниц. В продаже имеется много пакетов, обеспечивающих создание Web-страниц, каждый со своими "за" и "против". Чтобы подобрать подходящий для ваших нужд набор программ, читайте статью "Программное обеспечение Web для других" в этом номере.

Шаг 3. Добавьте содержимое и хорошенько размешайте

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

Если вы занимаетесь бизнесом, то можете опубликовать на Web каталоги и прайс-листы. Обычно такие данные хранятся в виде электронных таблиц и баз данных и могут быть извлечены оттуда в формат HTML различными инструментами. Например, расширениями HTML для офисных приложений, скажем различными Internet Assistant, предназначенными для работы с комплектом Office 95. Excel Assistant берет область ячеек и преобразует их в таблицу на языке HTML вместе с их атрибутами, включая цвет. Access Assistant также преобразует запросы и таблицы в формат HTML. Все эти расширения доступны бесплатно на Web-сервере Microsoft (http://www.microsoft.com/msdownload).

Другой великолепный инструмент - бесплатный универсальный конвертер электронных таблиц PC World, преобразующий любые электронные таблицы известных фирм в HTML. Посетите http://www.pcworld.com/cgi-bin/tabdemo.pl и попробуйте его.

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

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

В этом случае вам понадобится специально написанная программа. Программы Web создаются с помощью сценариев CGI, Java, JavaSoft, VBScript или любого другого языка программирования высокого уровня (если вы намерены использовать CGI, убедитесь, что ваш провайдер поддерживает такую возможность).

Шаг 4. Сделайте поживее

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

Графическое ПО. На Web есть множество узлов, предлагающих бесплатные рисунки (см. врезку "Ресурсы для издателей Web"). Чтобы создать собственные рисунки, придется потратиться на программу, которая поддерживает наиболее популярные Web-форматы графики GIF и JPEG. Если вы даже для спасения собственной жизни не можете нарисовать хотя бы палочку, некоторые программы сделают это за вас - для этого они достаточно умны.

Среди лучших в породе: JASC PaintShop Pro 4.0 (69 долл.) - программа, которая может посоревноваться с дорогими графическими продуктами; Adobe PhotoDeluxe (85 долл.) - верх совершенства, если вы никогда не использовали программ для рисования, потому что она буквально рисует за вас; CorelWeb Graphics Suite (199 долл.) - набор утилит специально для разработчиков Web.

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

Не используя локальный Fotomat цифровых камер типа Epson PhotoPC (499 долл.) и Kodak PC 20 (350 долл.), храните фото в ОЗУ. И все же, если ваш Web-узел вызывает множество фотографий, которые требуется постоянно обновлять, подумайте о приобретении цифровой камеры. Тогда вы сэкономите деньги на пленках и их обработке, и вам не придется ждать, когда же ваши снимки будут готовы.

ПО для анимации. Все эти разговоры об использовании Java и других дополнений, призванных оживить ваши Web-страницы, конечно, хороши, но вы должны знать, что существует более легкий путь - анимация. Динамические файлы GIF - это серии последовательно отображаемых рисунков, создающих иллюзию анимации. Эти файлы намного меньше, чем AVI- или QuickTime-видеофайлы, что и делает их почти стандартом анимации для Web. Наиболее популярны два аниматора GIF: GIF Construction Set фирмы Alchemy Mindworks (25 долл.) и Gif.gIf.giF компании Pedagoguery Software (28 долл.). Оба продукта условно-бесплатные и могут быть получены с PC World Online.

Если вам нравится идея Java, но не нравится вкус, попробуйте Egor Animator 2.0 фирмы Anawave Software (50 долл.) - программу, генерирующую анимацию с помощью простого мастероподобного интерфейса. Как и в динамических GIF-файлах, анимация, выполненная в Egor Animator, представляет собой серию картинок, однако сохраняются они в виде аплета Java, который вы встраиваете в свою Web-страницу (см. врезку "За пределами страницы Web 101").

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

Используйте программу для установления связей между изображением и файлами, которая работает по принципу "укажи и щелкни". CorelWeb Graphics Suite и другие программы легко создают карты-изображения. Но если вы хотели бы работать с не очень сложной графической программой, выберите Group 42 WebImage или Boutell.Com Mapedit, которые бесплатно распространяет PC World Online.

Звуковые фрагменты. Самый легкий способ добавить звук к вашей Web-странице - простой текстовый маркер HTML. К примеру, listen to the President (90К). дает возможность посетителю вашего узла загрузить и послушать отрывок из речи президента. Вы также можете привязать звуковой фрагмент к карте-изображению. Не забывайте: фрагменты звука должны быть короткими, иначе ваши гости потеряют терпение, если им придется использовать утилиту Sound Recorder из состава Windows для захвата и редактирования звука.

Один из возможных путей уменьшить время загрузки звука - сжать .wav-файл. Voxware (http://www.voxware.com) предлагает бесплатную утилиту ToolVox, сжимающую .wav-файлы с коэффициентом 53:1. Вам нужно будет добавить ссылку на узел Voxware, чтобы ваши гости могли воспользоваться бесплатной ToolVox Player.

Шаг 5. Поднимите занавес

После того как узел готов, сохраните его данные на жестком диске, пока будете отлавливать ошибки. Поместите все необходимые файлы (HTML-документы, файлы рисунков, фрагменты звука и т.д.) в одном каталоге. Если файлов много, можете создать подкаталог, скажем, для графики. Просмотрите документы HTML с помощью браузера и убедитесь, что все выглядит как надо, при необходимости поправляя огрехи (большинство браузеров содержит пункт меню File· Open для просмотра отдельных файлов). Теперь взгляните на свою Web-страницу, используя различные браузеры, удостоверьтесь в том, что она легко читается. И тогда ваши труды не пропадут даром - посетители останутся довольны.

Если вы хотите получить мнение экспертов по поводу вашего документа HTML, обратитесь к списку различных узлов, публикуемому консорциумом World Wide Web (http://www.w3.org/pub/www/Tools).

Когда качество всех элементов вашей Web-страницы удовлетворит вас, разместите свое творение, перенеся страницы HTML и относящиеся к ним файлы на сервер выбранного вами провайдера Internet. Прежде всего воспользуйтесь инструкциями провайдера. Кроме того, если только ваши инструменты создания HTML не содержат специальных средств размещения страниц на Web, вам понадобится инструмент для передачи файлов протоколом FTP. Наилучший из них - Winsock FTP, который условно-бесплатно распространяет PC World Online как для Windows 3.x, так и для Windows 95. Вы также можете получить бесплатную программу Web Publishing Wizard for Windows 95 с сервера Microsoft (http://www.microsoft.com/windows/software/webpost/). Эта программа размещает ваши файлы на вашем узле независимо от того, где он расположен: на сервере поставщика Internet или на коммерческой службе.

Шаг 6. Сделайте так, чтобы вас заметили

После стольких усилий подумайте: как найти ваше произведение? К счастью, есть системы поиска, такие как Yahoo и InfoSeek, постоянно отслеживающие Web и обновляющие свои базы данных для миллионов любопытных.

Может так случиться, что вас не найдут среди множества других Web-страниц. Позаботьтесь о себе: обратитесь сами к поисковым утилитам. Заглянув на узлы Yahoo или InfoSeek, выберите SubmitURL, назовите себя и укажите свой адрес на Web.

Для экономии времени используйте узлы повсеместной рассылки URL, направляющие вашу информацию всевозможным утилитам поиска. Вам помогут Submit-IT (http://www.submit.it.com) и PostMaster (http://www.netcreations.com/postmaster/index.html). Эта служба - бесплатная.

Есть и другой способ обратить на себя внимание. Присоединитесь к таким службам, как Internet Link Exchange (http://www.linkexchange.com). Выбрав этот путь, учтите, что на вашем узле появится различная реклама с других узлов, а реклама, продвигающая ваш узел, будет помещена в других местах. Это бесплатная служба.

Шаг 7. Не просто располагайтесь там

Узел работает - что дальше? Теперь нужно следить за тем, чтобы информация и элементы дизайна на нем всегда были свежими, иначе никто не посетит ваш узел повторно.

Наиболее важно обновлять ссылки на вашем узле. К примеру, если ваш узел ссылается на узел другой компании, вы должны удостовериться, что не посылаете посетителя в тупик. А вдруг та компания закончила заниматься бизнесом? Если ссылок мало, то можно хранить закладки на них вручную. Если много, то такие инструменты, как Microsoft FrontPage, легко сделают это за вас.

Наконец, для слежения активности на узле обзаведитесь программой Boutell.Com Wusage или, например, Software WebTrends. Эти программы снимают протоколы с сервера провайдера и превращают их в отчеты. Протоколы активности скажут вам, сколько было посетителей и чем они занимались на вашем узле. Используйте информацию для анализа производительности вашего узла и мест на нем, которые не привлекают внимания.

Обе программы - Wusage и WebTrends - можно получить с узлов поставщиков (http://www.boutell.com и http://www.egsoftware.com соответственно).

Большинство поставщиков услуг Internet предоставят вам счетчики, поместив которые на своем узле, вы можете отслеживать количество посетителей. Если вам не нравится вид счетчика вашего провайдера, обратитесь на узел Mr. Web Counter (www dipits.com/oreate.html), где вам предоставят ту же услугу бесплатно.


Йел Ли-Рон - главный редактор PC World Online.

10 элементов Web, которые мы терпеть не можем

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

· Драматический эффект. Тиканье, мерцание, перемещение, прокрутка. Эти новые спецэффекты повсюду на Web. Но не используйте их слишком часто и не располагайте их кучно, если только не хотите, чтобы ваших посетителей передернуло.

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

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

· И полоса пропускания выдохлась. Большинство лазающих по Web используют медленное соединение. Модемы на 28,8 кбит/с только у счастливчиков. Не перегружайте вашу страницу большими изображениями, которые грузятся целую вечность, иначе вы сами впишете себя в пустынный уголок киберпространства.

· http://www.был-там-сделал-то.com. К настоящему моменту все видели Yahoo и посетили Белый дом. Если вы должны иметь лист ссылок, то используйте уникальные.

· Сломанная стрела. Проверяйте как можно чаще ссылки на вашей странице, не оборваны ли они. Народ не простит вам множества сообщений "Error 404: Not Found".

· Держите все малыми кусками. Если вы должны опубликовать ваш последний манифест из 28 800 слов, упакуйте его малыми кусками. Организуйте ссылки к разным областям документа на открывающейся странице, и дайте людям возможность перемещаться от порции к порции одним щелчком мыши.

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

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

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


СОВЕТЫ

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

Пусть ваш маленький бизнес выглядит достойно - получите свое собственное имя домена. Многие поставщики услуг Internet предлагают виртуальные домены, не включающие адреса сервера поставщика. Тогда ваш адрес будет читаться примерно так: www.вашакомпания.com.

Если вам нужно публиковать на Web только небольшие данные, то вам вполне подойдет место, предоставляемое коммерческой службой.

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

Если вы увидели интересный эффект, но не знаете HTML, попросту своруйте код! Только не копируйте содержимое. Выберите в Navigator команду View. Document Source (или View. Source в Internet Explorer) и вставьте код в вашу программу.

Поисковые утилиты зачастую обращают внимание на ключевые слова. Встройте строку внутри вашего документа HTML, например, так: . Слова, следующие за content, - ключевые.


Издателям Web-страниц

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

Узлы Web
Doctor HTML
http://imagiware.com/RxHTML
Основательное средство проверки синтаксиса HTML, которое заодно проверяет оторванные связи и грамматику
Introduction to HTML
http://www.cwru.edu/help/introHTML/toc.html
Интерактивный учебник для начинающих и продолжающих пользователей
The Web Designer
http://www.canlink.com/webdesign/nl.htm
Все, что вам нужно знать о создании и поддержании узла Web
The Background Sampler
http://home.netscape.com/assist/net_sites/bg/backgrounds.html
Рисунки GIF для подложки на ваших страницах HTML
Randy's Icon and Image Bazaar
http://www.iconbazaar.com
Множество интересной графики и пиктограммы для вашего узла Web
Книги
Web Publishing With Word, Asha Dornfest, Sybex, 800/227-2346, 1996, $24,99
Простой учебник для тех, кто использует в качестве средства создания HTML Internet Assistant для Word
HTML for Dummies, Ed Tittel and Steve James, IDG Books, 800/762-2974, 1996, $29,99
HTML можно обучаться весело
How to use HTML 3, Scott Arpajian, ZD Press, 800/688-0448, 1996, $24,99
Поисковые инструкции, сводящие затраты времени на обучение к минимуму


За пределами страниц Web 101

Некоторые из горячо обсуждаемых технологий 90-х гг. применены на Web: Java, ActiveX и VRML. Их невероятные способности могут сделать скучные текстовые страницы живыми и интересными. Но это для опытных издателей Web.

Java. Язык программирования Sun Microsystem для Internet, платформенно-независимый. Это означает, что приложения, созданные с использованием Java (обычно называемые аплетами), могут выполняться на любой системе: Windows, MHC или Unix. Вы можете использовать язык Java, чтобы добавить функциональности базе данных вашего узла (для транзакций, например), выполнить анимацию или создать другие интерактивные элементы.

Но Java - это епархия программистов, использующих для создания аплетов Symantec Cafe и Microsoft Visual J++. Существует одно мощное приложение, работа с которым не требует программирования. Это Aim Tech Jamba, дорогой (495 долл.), но превосходный инструмент для создания анимации. Множество аплетов Java доступны на WWW бесплатно. Загляните на PC World Online и найдите там ссылки на лучшие из них.

ActiveX. Эта технология - не что иное, как ответ фирмы Microsoft на вызов, брошенный создателями Java. ActiveX базируется на схожей концепции: возможность создавать маленькие Web-программки, работающие на различных платформах. ActiveX строится на существующей технологии Windows и широко поддерживается любым языком программирования и в любой среде, включая Visual Basic, C, Delphi. Но, как и аплеты Java, они требуют знания программирования. На Web можно получить множество ActiveX.

VRML. С помощью языка моделирования виртуальной реальности (VRML) создают трехмерный мир, по которому можно путешествовать, используя мышь. Язык VRML в настоящее время популярен среди 3D-игроков на Web, но реализуется и в деловых решениях, например в электронных магазинах, где можно щелкнуть на продукте, который вы хотите купить, и "обойти" его, чтобы рассмотреть со всех сторон. Вы можете создавать VRML-миры с помощью таких инструментов, как Caligari Pioneer (http://www.caligari.com) или Virtus 3-D Website Builder (http://www.virtus.com). VRML не требует знания программирования, потому что инструменты разработки визуальны, но процесс графической разработки может затянуться.