Прежде чем приступить к работе нужно избрать один из способов верстки (резиновый дизайн, дизайн с фиксированной шириной). Рассмотрим немного детальнее эти две возможности.

Т.н. “резиновые” сайты не имеют постоянной ширины. Этот вид верстки является наиболее популярным. Преимуществом таких сайтов является 100%-ве использования рабочей области браузера. К недостатку резиновой верстки относят то, что строки (на мониторах с большим розришенням экрана или большой диагональю) слишком длинные и глаза устают по им бегать. С этой же проблемой сталкиваются редакторы газет и во избежание ее разбивают все строки на колонки. С Web-сайтами ситуация кое-что более простая. Ведь, ширину браузера при потребности можно уменьшить и тем самым облегчить процесс чтения. Но захотят ли все пользователи это делать? Потому пытайтесь продумать такого рода ситуации.

Сайты с фиксированной шириной. Подходит ли любая ширина? Нет. Объясню почему. Большинство Web-программистов считают, что оптимальной должна быть ширина приблизительно в диапазоне 760-780 пикселив. Это связано с тем, что такая ширина дает возможность избежать появления горизонтальной полоси прокрутки (правило плохого тона) даже для мониторов из розришенням 800x600. Недостаток сайта с фиксированной шириной макета, как Вы уже наверное догадались, - недостаточно эффективное использование свободной площади.

С этим разобрались. Двигаемся дальше.

Перед созданием сайта Вы должны также продумать:

- что будет находиться на сайте;

- каким будет стиль дизайна;

- как разные блоки информации будут связаны между собой.

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

На этой странице рекомендуется разместить:

- сжатую информацию о сайте;

- сжатое содержание (ссылка на главные разделы ресурса);

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

В процессе проектирования структуры сайта важным является выбор удобной навигации по Web-ресурсе.

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

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

Если при проектировании сайта Вы ожидаете, что страница будет содержать много информации, то наилучше в таком случае сделать дополнительное нижнее меню. Чаще всего нижнее меню дублирует верхнее или же является сокращенным вариантом верхнего. Такое меню при потребности позволяет, находясь внизу страницы, быстро перейти на другой раздел. Здесь же, внизу, можно разместить ссылку “Наверх” (“Return To Top”), какое бы переводило посетителя к верхнему главному меню. Эту ссылку можно реализовать, как с помощью HTML, так и с помощью JavaScript.

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

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

Программирование / Web-программирование / PHP / Работа с файлами и каталогами

Где каждый подпункт цепочки - это ссылка на отдельную страницу.

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

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

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

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

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

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

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

Размер шрифта не должен быть слишком малым. Особенно, если Вы зафиксируете его и посетители не смогут изменять размер с помощью браузера. Хотя, ради справедливости, следует заметить, что такие браузери, как Firefox (да, например, увеличить размер шрифта можно с помощью комбинации <Ctrl>+<+>) и Opera, даже в этом случае позволяют подобрать нужный размер.

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

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

Привычными для нас уже стали статьи, рядом с которыми есть: надпись, которая удостоверяет авторство, дата публикации, счетчик пересмотров .. Да, посетитель может отказаться читать статью через недоверие к автору, или же “несвежесть” материала, не станет ли читать ее, потому что индикатор количества пересмотров стоит на низком уровне. Но этим можно не ограничиваться.

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

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

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

Успехов Вам во всех Ваших начинаниях!