Отправляет email-рассылки с помощью сервиса Sendsay

Свой CMS сайт - это просто!

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Левитас: Почему Ваш бизнес-сайт не работает?" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Август 2008   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
Александр Левитас

Статистика

7.772 подписчиков
-9 за неделю
←   Все выпуски   →

Свой CMS сайт - это просто!


В этом выпуске немного об общих принципах организации веб-сайта. Совет: при выборе CMS обязательно выясните сможете ли вы воспользоваться предложенными советами. И насколько просто вам будет реализовать свои дизайнерские задумки. Не секрет, что многие системы предъявляют достаточно жесткие требования к разрабатываемому дизайну.

Правильно организовываем общий шаблон страницы

Прежде чем приступить к работе над сайтом, нужно выбрать один из способов верстки - «резиновый» ли дизайн или дизайн с фиксированной шириной. Сайты первого типа не имеют постоянной ширины и получили наибольшую популярность за счёт простого преимущества: стопроцентного использования рабочей области браузера. К недочётам такой вёрстки можно отнести то, что строки на мониторах с высоким разрешением или большой диагональю получаются слишком длинные и глаза устают по ним бегать. Эта же проблема преследует и газетных редакторов, вынужденных разбивать строки на колонки. В случае WEB ситуация слегка проще, ведь ширину браузера при желании можно уменьшить и облегчить процесс чтения. Но все ли пользователи захотят это делать?

Сайты с фиксированной шириной. Вся ли ширина подходит? Нет. Большинство WEB-программистов считает, что оптимальной должна быть ширина примерно в диапазоне 760-780 точек. Такая ширина даёт возможность избежать появления горизонтальной полосы прокрутки (правило плохого тона) даже для мониторов с разрешением 800х600. Недостаток же таких сайтов, как вы уже догадались, - недостаточно эффективное использование свободной площади.

Идём далее. Перед созданием сайта вам обязательно стоит продумать следующее:

  • Что будет находиться на сайте;
  • Каким будет стиль дизайна;
  • Как разные информационные блоки будут связаны между собой.

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

Здесь рекомендуется разместить:

  • Сжатую информацию о сайте;
  • Краткое содержание (ссылки на главные разделы ресурса);
  • Если сайт обновляется довольно часто, не лишним будет список обновлённых страниц. Хотя, при возможности, ему лучше выделить отдельное место на сайте.

Лёгкая навигация на сайте — ещё один шаг к успеху

В процессе проектирования структуры сайта очень важно создать по нему удобную навигацию. Классическим вариантом для размещения меню и, соответственно, знакомым многим пользователям Сети, является верхняя часть рабочей области браузера или же верхняя левая, реже — верхняя правая. Расположение навигации справа имеет некоторые преимущества с точки зрения удобства, потому что курсор мыши чаще всего находится именно там. WEB-ресурсы, оперирующие крупными объёмами данных, частенько комбинируют эти варианты.

Если при проектировании сайта вы ожидаете, что страница будет содержать много информации, то наилучшее в таком случае - сделать дополнительное нижнее меню. Чаще всего оно дублирует верхнее или же является упрощённым его вариантом. Такое меню, при надобности, позволяет, будучи внизу страницы, быстро перейти на нужный раздел. Тут же можно расположить ссылку «Наверх», которая бы переводила посетителя к верхнему главному меню. Это можно реализовать как при помощи HTML, так и JavaScript. Конечно, если ваш сайт не предусматривает больших объёмов содержимого, то всё это будет лишним.

Если навигация по сайту запутана, то ситуацию может спасти верхнее выпадающее меню. Чаще всего, оно напоминает стандартное верхнее меню большинства программ ОС Windows. При сложной навигации часто неподалёку от главного меню располагают цепочку гиперссылок, позволяющих сориентироваться о месте пребывания и быстро вернуть в ту точку, в которой вы уже были. Это может выглядеть как-то так: «Программирование/ Web-программирование / PHP / Работа с файлами и каталогами», где каждый подпункт цепочки — ссылка на отдельную страницу.

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

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

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

Текстовое оформление сайта

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

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

Не забывайте разделять тексты на абзацы. При этом уместно было бы делать небольшой отступ между соседними абзацами — так называемое «правило пустого пространства». Именно на этих отступах глаза читателя отдыхают.

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

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

Излишне однообразный текст сер и скучен. Читали ли вы обычный текстовый файл в Блокноте Windows? Никаких тебе выделений, подчёркиваний важных слов, выделение текста цветом. А ведь HTML имеет столько интересных возможностей! Красиво оформленный текст улучшает восприятие и понимание сути излагаемого материала. Каскадные таблицы стилей (CSS), например, позволяют выделить первую букву каждого абзаца, чем можно воспользоваться для визуального оформления сайта. А если ограничиться средствами HTML, можно выделить важные фрагменты текста жирным шрифтов, другим цветом и т.д.

Дополнительные сервисы или не текстом единым

Уже обычным явлением стали статьи, возле которых расположены: авторство, дата публикации, счётчик просмотров. Так, посетитель может отказаться читать статью из-за недоверия к автору или же «несвежесть» материала. Возможно, его не впечатлит и невысокое количество просмотров, указанное на счётчике. Не помешали бы также возможности просмотреть версию для печати, а также проголосовать (оценить) материал.

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

Вместо вывода

Разумеется, этим список советов по созданию удобного Web-сайта не ограничивается. Однако основные киты, на которых может стоять добротный ресурс, мы перечислили. Успехов вам!
В избранное