Советы вебмастеру
Как сделать ваши Web-страницы абсолютно нечитабельными

Начните с малого. Поля - это же признак хорошего тона. Поля недвусмысленно говорят, что автор этих страниц - уважаемый человек, сидящий за большим монитором, не любящий лишний раз вертеть головой. Он имеет толстый постоянный канал и не торопится скорее просмотреть страницу под тиканье секундомера. Всякая пузатая мелюзга на повременном dial-up'е - не та аудитория, которая достойна ваших страниц. Поэтому не стоит стесняться. Отхватите сразу справа и слева процентов этак по 20, а лучше 25. В конце концов, на листе бумаги вы же оставляете поля? Когда, наконец, вас начнут упрекать во всем вышесказанном, задайте ширину средней колонки 640 пикселов, оставив остальное на поля - и тогда вы с гордостью сможете отвечать, что учитываете проблемы пользователей со старыми VGA мониторами.

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

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

К сожалению, еще не перевелись шибко вумные юзеры, которые умеют отключать графику и тем самым отправлять все ваши труды по их прямому назначению - коту под хвост. Чтобы отучить их от этой дурной привычки, вся графика должна быть сугубо функциональной. Никаких текстовых ссылок, никаких Alt-текстов под рисунками! Все ссылки - только в графическом виде! Жалко, что в качестве ссылок нельзя использовать аудиофайлы... Текст должен служить кратким комментарием к картинкам, и ни в коем случае не наоборот! (Увы, не перевелись еще старомодные чудаки, у которых картинки лишь иллюстрируют текст.) В конце концов, вы точно уверены, что все посетители вашего сайта владеют грамотой в объеме трех классов начальной школы?

Чтобы окончательно поставить слишком продвинутых юзеров на отведенное им место, обратите внимание на то, что может появиться в статусной строке броузера. Некоторые юзеры ухитряются, не загружая картинок, а лишь наводя мышку на потенциальную ссылку, по новому URL угадать (с достаточно высокой вероятностью) его содержание. Поэтому имена файлов должны быть не более информативными, чем, например, пароли. Не используйте очевидных названий типа contacts.html - иначе шустрый юзер сразу найдет контактные телефоны и перезвонит голосом по интересующему его вопросу, вместо долгого и содержательного блуждания по вашему сайту. Еще лучше забить статусную строку простеньким Javascript'ом, например, бегущей строкой: "Вас приветствует фирма ХХХ!!!" или часиками - вдруг у юзера их нет? Но самое эффективное решение - графическая карта во весь экран. Никаких указаний на последующие URL она не дает и, в отличие от Javascript, ее нельзя безболезненно отключить!

Вставляя на свою страницу картинку, ни в коем случае не указывайте явным образом ее ширину и высоту. Пусть броузер вашего посетителя постоянно перерисовывает страницу до тех пор, пока не загрузит ее полностью со всеми картинками. Это не даст юзеру слишком быстро оценить ее содержимое и найти нужную информацию или ссылку. Некоторые несознательные программы для рисования Web-страниц автоматически вычисляют размеры рисунков и вставляют их в тег <img>. Ни в коем случае не пользуйтесь этой функцией, а лучше - выбросите такие редакторы вообще!

Не мелочитесь. Делайте ваши страницы большими и основательными - чем длиннее, тем лучше. Как показывает практика, редкий юзер дочитает до середины страницы, если она занимает больше 3-4 экранов. А если и дочитает - то глюкнется и коннект отбросит.

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

Но к черту лирику и графику. Основной ваш рабочий инструмент - это, конечно же, язык HTML, разрастающийся в последние годы во всех направлениях со скоростью раковой опухоли. Куда там старомодному HTML 3.0 - простому, надежному и эффективному, как дубовое полено! Сегодня в вашем распоряжении имеется широкий ассортимент несовместимых друг с другом старших версий и фирменных расширений, всевозможных языков разметки и нестандартизированных механизмов. Пользуйтесь ими как можно шире, и не забывайте проверять: то, что нормально работает в вашем броузере, ни в коем случае не должно работать в ни в других версиях, ни в другом броузере. Юзеры жалуются? Это их проблемы, пусть поставят себе такой же.

Впрочем, даже в ранних версиях HTML вдумчивый Web-дизайнер найдет для себя много интересного. Чего стоит, например, хотя бы один тег <font>! Прелесть этого тега в том, что ни в одном броузере юзер не имеет абсолютно никакого контроля над теми шрифтами, которые вы указываете явно. И ладно бы, если бы нужных шрифтов просто не оказывалось на его машине - все равно вместо них что-нибудь да подставится. Гораздо интереснее бывает, если они у него есть - да не те. Если вы напишете, скажем, face=Arial, а у него система неруссифицированная - пусть созерцает диакритику во всей ее красе. Он, конечно, рад был бы добраться до вашего личного face, но, увы, в Интернете это можно сделать лишь виртуально. Сам виноват, нечего выпендиваться - надо ставить русскую Windows, как у всех.

Фреймы - еще одно полезное изобретение ранней Netscape. Разделите ваш экран на две части. Одну из них разделите еще на две. Одну из четвертинок разделите на осьмушки, ну и так далее - вы же грамотный человек, степени двойки знаете столь же хорошо, как известную комбинацию из трех пальцев (Alt-Ctrl-Del). В самый маленький фрейм, наконец, выведите основной текст страницы. И обязательно проследите, чтобы картинки не влезали целиком в предназначенные для них фреймы.

С фреймами можно сделать еще много занятных вещей. Например, если разрешить скроллинг, то линейки прокрутки займут на экране столько места, сколько вам угодно потратить впустую. Очень забавно получается, когда рамки фреймов отсутствуют, зато тут и там в пространстве висят линейки прокрутки. Можно понаделать кучу фреймов без прокрутки: пусть юзер сам отобьет себе пальцы, двигая границы фреймов туда-сюда, пока не запутается окончательно. Если же написать одновременно scrolling=no и noresize, то не забудьте расположить содержимое фреймов так, чтобы ваша страница была подобна наряду опытной соблазнительницы. Пусть юзер догадывается о том, что самое интересное - рядом, за краем фрейма, но сделать ничего не может.

Javascript и ActiveX дают вам еще больше возможностей, чем графика. Их легко сделать единственным инструментом для навигации по вашему серверу - пусть юзер жрет все, что придумали для него создатели Web-технологий, и не вздумает отлынивать! Но этого мало. Вспомните о нежной любви, которую всегда испытывали друг к другу Microsoft и Netscape, и сделайте правильные выводы. Применяйте на своих страницах и то, и другое, и по возможности - несовместимым образом. Тогда юзеру придется покопаться в продуктах вашего труда, как минимум, дважды - тем и другим броузером. Это заставит его глубже осознать вашу мудрость и оценить ваше мастерство, недоступное простым смертным.

Ну и конечно же, тяжелая артиллерия Web-дизайнера - это Java. По сравнению с простыми HTML-текстами Java-апплеты грузятся долго, ресурсов жрут много, а работают, скажем так, не вполне адекватно - особенно, если учесть, что сама идея принадлежит Sun, а у юзера стоит, с немаленькой вероятностью, броузер от Microsoft. И уж если вы применяете Java последовательно и целенаправленно, то юзер - в ваших руках. Без вашего высочайшего соизволения он не сделает ни шагу по вашему серверу, и вы, конечно же, не откажете себе в удовольствии продемонстрировать ему все безграничные возможности вашего мастерства.

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

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

На главную страницу


Web-пространство
предоставлено
© В.Юрин 1999-2003
Лицензионное соглашение