Существует
ряд правил веб-дизайна, которые
следует учитывать при
разработке веб-страниц:
дизайн
определяется контентом
правило
трех
маленький
размер
фон не
может включать картинки
структура
определяется таблицей
поля
улучшают восприятие
текстаљ
Запомните эти
несложные правила, и ваша
страница будет иметь достойный
вид.
1. Дизайн определяется
контентом
Это простое
правило чаще всего нарушается
начинающими веб-мастерами,
хотя и не по их вине.љ
В Рунете
произошел некоторый перекос.
Из-за того, что Интернет был
крайне дорог, требовалось
завлекать богатых заказчиков
красивыми картинками. В
результате под веб-мастером
стали понимать
веб-иллюстратора. Отсюда пошло
устойчивое мнение, что главное
в сайте - это графика, шрифтовое
оформление, композиция и
прочее.љ
На самом деле,
сайт - это такое же издание, как
газета, журнал или книга. А
книги с картинками хороши для
маленьких детей!
Сайт
создается только для контента.
Все прочие украшения нужны для
подчеркивания контента.
Например, зеленый цвет этого
сайта подчеркивает, что перед
вами "зеленый сайт о зеленых
бумажках". Цвет подчеркивает
смысл сайта и потому нужен.љ
Также можно
использовать смысловое
выделение цветом, краткие
пиктограммы, даже анимацию,
если она привлекает внимание к
нужному месту, но только не
графические украшения сами по
себе!
Сайт может
быть насыщен графикой только
тогда, когда графика несет
смысловую нагрузку. Во всех
прочих случаях графики следует
избегать, так как она
отпугивает посетителей, сайты
с графикой загружаются гораздо
дольше, чем текстовые.
На
коммерческом сайте картинками
могут быть только оплачиваемые
баннеры.љ
2. Правило трех
Для того,
чтобы содержание вашего сайта
легко усваивалось, необходимо
соблюдать простое правило
трех. На одной страничке не
может быть больше:
трех
цветов
трех
видов шрифтов
трех
видов заголовков
В этом случае
от сайта не будет рябить в
глазах.
3. Маленький размер
Желательно,
чтобы страница не превышала 20
Кб. В этом случае на наших
телефонных линиях она грузится
с приемлемой скоростью, и
посетитель имеет комфортное
восприятие сайта. Если
страница получается большой,
то следует разбить ее на
несколько страниц и
обязательно на первой странице
дать меню для перехода к любой
странице.љ
4. Фон без картинок
HTML-редакторы
позволяют в качестве фона
использовать картинки. Никогда
не делайте этого по двум
причинам:
На
некоторых мониторах и при
некоторых разрешениях
экрана текст может стать
не читаемым
Так как
HTML-текст нельзя привязать
к определенному месту, то
фоновая картинка обычно
портит вид. Только
художник может найти
удачное сочетание текста и
плавающей фоновой
картинки.
5. Структура
определяется таблицами
HTML-текст
невозможно выравнивать и
размещать в требуемом месте
экрана. Для получения
структурной странички
требуется использование
таблиц с нулевой границей.
Такие таблицы не отображаются
на экране, но позволяют
размещать отдельные фрагменты
в нужном месте. Только учтите
что задавать размеры ячеекљ
таблицы нужно в процентах, а не
в пикселах, так как страница не
должна зависеть от разрешения
экрана.
6. Поля улучшают
восприятие
HTML-текст
заливает все доступное
пространство. Такой текст
неудобно читать. Добавить поля
к тексту можно с помощью пустых
столбцов или поместив его в
таблицу, состоящей из одной
строки и одного столбца, и
установив желаемый размер этой
таблицы.
7. Важные мелочи
Существует
несколько мелочей, которые
рекомендуется добавлять для
удобства посетителей:
панель
навигации для перехода к
другим страницам
дату
изменения сайта
ваш E-mail
И существует
ряд вещей, которые не
рекомендуется делать из
уважения к посетителям:
не стоит
писать фразы типа:
"Лучше смотреть в Internet
Explorer, с разрешениемљ 800x600 и
с выключенным
монитором"
не нужно
также писать: "Страница
не доделана, сайт не
доделан, да я и сам какой-то
недоделаный".
Общий принцип
один. Любой посетитель вашего
сайта должен легко
ориентироваться на сайте и без
проблем получать всю
необходимую информацию.
8. Пример страницы
Ниже приведен
пример страницы с
использованием этих правил. Вы
можете использовать его в
качестве исходной точки для
своих разработок.
Скопируйте
этот текст в Блокнот и
сохраните его в в файле blank.htm и
посмотрите в браузере. Затем
загрузите в выбранный вами
HTML-редактор и приступайте к
работе. Выберите ваши цвета,
варианты размещения элементов,
размеры шрифта и размеры
полей.љ
Когда вы
получите тот вариант, какой вас
устраивает, то дальше вы просто
каждый раз сохраняетељего с
другим именем. В результате вы
получите сайт, оформленный в
едином стиле.
2
Как привлечь на сайт много,
много посетителей.
Индексация
сайта
На
каждой поисковой машине
обязательно есть раздел "для
вебмастера", где после
длительно изучения можно
уяснить для себя:
1. Страницу надо посылать
только одну, и она должна быть
головной;
2. По всем остальным страницам
сайта робот проползет
автоматически;
3. Единожды отосланная страница
сохраняется в индексе навечно.
На
самом деле все не совсем так. Вы
действительно можете
зарегистрировать только
титульную страницу сайта, а все
остальные crawler (робот) найдет
сам, но когда это произойдет, -
не ведает никто. Кроме того,
некоторые поисковые машины не
сканируют сайты глубже, чем на
три уровня, соответственно все,
что глубже проиндексировано не
будет. Не забудем также и
неумение работать большинства
поисковых машин с фреймами и т.д.
Поэтому, если вы потратите
некоторое время и
зарегистрируете в поисковой
машине все страницы своего
сайта (или, хотя бы все
титульные страницы разделов),
то вы получите более
качественный отклик, а,
следовательно, больший трафик.
Учтите только, что большинство
крупных поисковых машин имеют
ограничение на количество
регистрируемых страниц в день,
неделю, месяц. Так, у АльтаВисты
- это 25 страниц.
Индексы
современных поисковых машин
постоянно обновляются. Шутка
ли - обновить несколько сотен
мегабайтов текстовой
информации - колоссальная
работа. В результате из индекса
могут пропадать отдельные
записи, например, робот ткнулся
на ваш сайт, а сервер не смог
его подцепить (пользователей
много или просто повис), и
запись стирается из индекса -
сервер же недоступен. Поэтому
не стоит верить рекомендациям
для вебмастеров. Если вы хотите,
чтобы ваш сайт всегда
находился в индексе, то
запишите на бумажке: "каждые
четыре месяца заново
зарегистрировать весь сайт в
индексе поисковой машины".
Кстати, стоит отметить, что
поисковая машина "Яндекс",
к которой я испытываю
искреннюю симпатию, в этом
отношении работает очень чисто
и действительно
самостоятельно "обшаривает"
сайт, индексируя на нем все
страницы.
Если
Вас заинтересовала тема,
затронутая в этой статье, или
Вы хотите дополнить её своими
комментариями, то жду от Вас
писем. Они будут опубликованы,
как продолжение темы.