Полезные приемы web-дизайна.

Часть 1

Устанавливаем счётчик

Счетчик посещений представляет собой интерактивный графический элемент дизайна web-страницы, управляемый соответствующим сценарием CGI с данного либо с удаленного сервера. Изображение счетчика состоит из набора отдельных графических файлов, каждый из которых содержит символ одной цифры. CGI-скрипт фиксирует открытие документа в клиентском броузере и прибавляет к последнему значению счетчика единицу, соответствующим образом изменяя составляющую его картинку. Таким образом, владелец ресурса может определить количество посещений, или ;хитов (от англ, hit — нажатие), имевших место в течение какого-либо интервала времени.

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

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

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

Таблица 9.1. Перечень серверов, предлагающих установку бесплатных счетчиков

Счетчики, относящиеся ко второй категории, предоставляются пользователю популярными поисковыми машинами, и помимо своей основной функции они осуществляют подсчет рейтинга странички в соответствующем разделе тематического каталога данной поисковой системы. Рейтинг определяется количеством уникальных посетителей вашего сайта в сутки: CGI-скрипт, установленный на поисковом сервере, фиксирует IP-адрес посетителя, открывающего данную страницу в своем броузере, и текущее состояние счетчика изменяется на единицу только в том случае, если этот IP-адрес не содержится в базе посещений вашего сайта, обновляющейся каждые двадцать четыре часа. Повторные загрузки документа в одну и ту же клиентскую машину игнорируются. Сделано это с целью пресечь попытки владельцев сайтов искусственно ;накрутить показания счетчика, поскольку от этих показаний зависит положение вашей странички в каталоге ресурсов поискового сервера: чем больше посещений — тем выше ссылка на ваш сайт находится в списке прочих ресурсов Интернета и, соответственно, тем больше новых пользователей каталога станут вашими читателями. Внешний вид нескольких популярных счетчиков, бесплатно предоставляемых разработчикам web-страниц различными поисковыми системами, представлен на рис. 9.12.

Рис. 9.12. Внешний вид счетчиков, предоставляемых поисковыми системами

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

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

Rambler ( http://www.rambler.ru  ). Счетчик, предоставляемый этой поисковой системой, считается на сегодня наиболее популярным и авторитетным в русскоязычной части Интернета. Пользователю предлагаются три основных статистических параметра: количество уникальных хитов, количество уникальных посетителей и количество повторных перезагрузок страницы. На самом сервере www.rambler.ru можно при желании получить более подробную статистику, например, среднее количество посетителей по часам и по дням недели. Возможен выбор из множества вариантов внешнего оформления счетчика, оптимизированных для разного цветового решения страницы. Можно выбрать счетчик, не демонстрирующий посетителю количество хитов, а просто указывающий на то, что данная страница входит в состав пользователей системы рейтинга Rambler.

Aport ( http://www.aport.ru  ). Данный счетчик во многом аналогичен счетчику поисковой системы Rambler и обсчитывает тот же ассортимент статистических параметров. Подробную статистику посещений за истекшие сутки можно также получить на сервере поисковой машины.

SpylLOG (  http://www.spylog.ru   ). Счетчик Spy LOG является наиболее полным из всех счетчиков, предоставляемых другими аналогичными системами. Он отражает количество посетителей, навестивших ресурс с момента установки счетчика на странице, за истекшие 24 часа, а также количество пользователей, присутствуощих на сайте в настоящий момент времени. Имеется широкий выбор из множества вариантов оформления счетчика, причем все они достаточно удачны с тонки зрения дизайна. На сервере http://www.spylog.ru доступна подробная статистика посещений использующей счетчик странички, причем данные обсчитываются более чем по 600 параметрам. Вам продемонстрируют распределение ваших пользователей по регионам, часам и дням недели, предоставят данные о том, каким программным обеспечением они пользуются для выхода в Интернет, покажут наиболее популярные маршруты по ресурсу, наиболее популярные разделы сайта и предоставят множество других полезных данных.

List.RU (  http://www.list.ru  ). Этот счетчик является весьма популярным в российском Интернете. На его изображении индицируется информация о хитах и уникальных посещениях, те же данные можно получить на сервере статистики в сводке за последние 30 суток. Помимо прочего, List.RU помесячно обсчитывает информацию о локации ваших читателей по странам мира и формирует отчет о других web-страницах, на которых размещена ссылка на ваш ресурс.

Count.RU (  http://www.count.ru  ). Статистическая служба Count.RU появилась на свет относительно недавно, но уже завоевала признание многочисленных владельцев интернетовских информационных ресурсов. Помимо традиционной статистики по количеству хитов и уникальных посетителей за сутки и последние 30 дней система Count.RU анализирует информацию о распределении пользователей вашего сайта по странам и регионам России, предлагает отчет о ресурсах, публикующих ссылки на вашу страницу. Так же как и с помощью счетчика List.RU, на сервере Count.RU вы можете узнать данные о типе броузера, установленного на компьютерах ваших посетителей, версию используемой ими операционной системы, значения экранного разрешения и цветовой палитры их мониторов.

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

1. Выберите какой-нибудь один счетчик, не публикуйте более одного счетчика в пределах html-документа. Допустимым исключением здесь может быть только случай размещения счетчика поисковой системы со скрытой индикацией посещений совместно с обычным цифровым счетчиком.
    
2. Размещайте счетчик в нижней части страницы, не устанавливайте его на самое видное место — тот, кто будет заинтересован узнать количество посетителей вашего сайта, его найдет.
    
3. Публикуйте счетчик только в заглавном, либо стартовом документе сайта, не размещайте его на каждой страничке вашего ресурса. Исключением здесь может быть лишь вариант размещения различных счетчиков на стартовых страницах независимых разделов.
    
4. Не включайте полученный на предоставляющем счетчик сервере код в листинг более чем одной web-страницы, это может привести к сбоям в работе счетчика и другим непредвиденным последствиям.

Гостевая книга

Существует мнение, что каждый профессиональный сайт должен иметь гфстевую книгу — снабженный специальной интерактивной формой раздел, в котором посетители данного ресурса могут оставить свои пожелания и предложения разработчикам или владельцам странички. Гостевые книги также работают на основе технологии CGI. Если вы имеете доступ к серверной директории CGI-BIN, вы можете воспользоваться одним из наборов скриптов для создания гостевых книг, которые доступны для загрузки с серверов, предлагающих бесплатное программное обеспечение, например, с сайта http://www.freeware.ru.Там же можно найти подробные инструкции по установке и настройке таких сценариев.

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

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

Краткий список сайтов, предлагающих своим клиентам размещение бесплатных гостевых книг, приведен в табл. 9.2.

Таблица 9.2. Сайты, предлагающие размещение бесплатных гостевых книг

 

Адрес сервера	Возможные настройки параметров гостевой книги	Реклама
http://www.guestbook.ru                  http://www.chat.ru/guestbook/   http://www.guestbook.list.ru                            http://www.guest.hobby.ru   http://www .guestbook . land .ru                             http://www.ipclub.ru	Редактирование записей, оповещение о добавлении новой записи по электронной почте, фоновый цвет и рисунок, изображение в заголовке книги Редактирование записей, оповещение о добавлении новой записи по электронной почте, фоновый цвет Редактирование записей, оповещение о добавлении новой записи по электронной почте, фоновый цвет и рисунок, изображение в заголовке книги, добавление пользовательской навигации, графических и текстовых элементов  Доступ к изменению кода HTML составляющих книгу страниц  Настройки фонового цвета книги, возможность редактирования записей, система автоматической блокировки нецензурных выражений  Только редактирование записей	Баннер               Баннер     Ссылка                       Нет              Баннер                  Целых 4 баннера

Индикатор состояния ICQ

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

<IMG SRC="http://online.mirabilis.com/scripts/online.dll?icq= ВАШ_HOMEP_ICQ&amp: img=КОД_ИЗОБРАЖЕНИЯ" WIDTH="Ширина картинки" WIDTH="Высота картинки">

Вместо слов BAIII_HOMEP_ICQ в данный код следует вставить ваш ICQ UIN, строка ;код изображения определяет внешний вид индикатора, а параметры ширины и высоты картинки могут варьироваться в зависимости от выбранного вами графического представления индикатора. Коды изображений, их геометрические размеры и внешний вид показаны в табл. 9.3.

В качестве наглядного примера использования индикатора состояния ICQ в составе web-страницы, если принять, что номер ICQ — 65064023, можно привести следующий отрывок кода:

<IMG SRC="http://online.mirabilis.com/scripts/online.dll?icq=65064023&arnp:img=3"  WIDTH="249" HEIGHT="17">

Десять советов web-дизайнеру

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

1. Не перегружайте дизайн декоративными элементами. Излишнее количество графики ;утяжеляет страницу, увеличивая время ее загрузки в броузер, усложняет процесс обновления ресурса, делает практически невозможным внесение изменений в компоненты оформления страниц и, наконец, просто затрудняет восприятие информации.

2. Сделайте вашей настольной книгой орфографический словарь русского языка. Обилие ошибок в тексте сайта несказанно раздражает пользователей.

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

Таблица 9.3. Коды изображений индикаторов состояния ICQ

Код изображения  Высота и ширина картинки

 

Код изображения	Высота и ширина картинки
1 2 3 4 5 6 7 8 9	WIDTH="44" HEIGHT="14" WIDTH="80" HEIGHT="21" WIDTH="249" HEIGHT="17" WIDTH="141" HEIGHT="23" WIDTH="18" HEIGHT="18" WIDTH="98" HEIGHT="34" WIDTH="233" HEIGHT="15" WIDTH="55" HEIGHT="14"

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

5. Не злоупотребляйте клипартами и шаблонами. Безусловно, возможность воспользоваться готовыми решениями на начальном этапе является тяжелым искушением. Однако где гарантия, что этого не сделает сотня - другая ваших коллег? Если вы используете клипарт или готовый шаблон, внесите в его дизайн или компоновку хотя бы незначительные изменения.

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

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

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

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

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

статья с www.diwaxx.ru    

MorseL