хватить терпения добраться до нужной информации. Если же сделать дерево слишком широким, то есть вероятность, что пользователь просто не найдет нужную ему ветку.
– Смешанная (рис. 6.8). Само название говорит о том, что данная структура сочетает в себе элементы линейного и древовидного построения сайтов: линейная последовательность страниц может иметь ответвления, разъясняющие тот или иной факт, а древовидная структура – линейные ветки документов. Это ни в коем случае не возбраняется, если обусловлено повышением эффективности доступа к информации. Но в подобной оптимизации тоже не стоит уходить слишком далеко, иначе вы рискуете превратить свой стройный сайт в совокупность беспорядочно ссылающихся друг на друга документов.
Рис. 6.8. Смешанная структура сайта
Внешний вид
Разработка дизайна – это самый творческий процесс при создании сайта, поэтому чему-то учить здесь сложно. Можно только советовать. Привлекательный внешний вид во многом зависит от вкуса автора, однако существуют некоторые общепризнанные правила, которые рекомендуется соблюдать.
– Оформление веб-страницы должно быть реализовано в едином стиле. Даже если каждый отдельный элемент сайта будет по-своему хорош, но в совокупности они будут плохо сочетаться, то общее впечатление наверняка будет негативным.
– Не стоит думать, что если ваш монитор поддерживает разрешение 1280x960, то и все остальные пользователи работают при таком же разрешении. Типичным посетителем вашего сайта будет обладатель монитора с разрешением 800x600, поэтому все содержимое должно укладываться в эти рамки.
– При создании графики используйте для рисунков формат GIF, a для фотографий —JPEG. Для рисунков лучше применять формат GIF, так как он очень сильно сжимает изображение практически без потери качества, поэтому полученные файлы рисунков весьма компактные. Кроме того, GIF позволяет определять в картинке «прозрачные» цвета, которые становятся невидимыми при просмотре рисунка в браузере. Минусом GIF является ограничение в количестве цветов – всего 256, поэтому для фотографий лучше использовать формат JPEG.
– Применяйте цвета из «безопасной» палитры. Дело в том, что разные браузеры по-разному воспринимают цвета, которые вы им задаете. Говорят же: «На вкус и цвет товарищей нет!» Как оказалось, эта пословица справедлива не только для людей. Поэтому пользователи, к примеру, Netscape Navigator и Internet Explorer при просмотре одной веб-страницы будут видеть разные цвета. Однако существует так называемая «безопасная» палитра, состоящая из 216 цветов, которые будут всегда и везде отображаться правильно и без искажений. Найти эту палитру можно, например, по адресу http://www.artlebedev.ru/tools/colors/.
– Не используйте слишком яркие, режущие глаз цвета. Возможно, оранжевые буквы на салатовом фоне – это довольно оригинально, однако подобные изыски раздражают посетителей и отпугивают даже от самой ценной информации. Выберите для своих веб-страниц несколько нейтральных, хорошо сочетающихся между собой цветов и используйте в процессе создания сайта только их.
– Оставляйте в документе поля и свободные места. Сплошной текст очень трудно усваивать, а пробелы здорово облегчают восприятие и позволяют отдохнуть от обилия текста и графики.
Навигация
Чтобы посетители чувствовали себя на вашем сайте комфортно, красивого оформления и удачной структуры недостаточно. Ведь конечной целью визита к вам, вероятнее всего, является не эстетическое наслаждение вашим творением, а конкретная информация. И эта информация нужна посетителям как можно быстрее, поэтому вы должны дать им максимум возможностей для поиска необходимых данных. Как это сделать? Пожалуйста!
– Используйте навигационную панель – совокупность ссылок на основные разделы сайта. Навигационная панель должна находиться на каждой веб-странице и располагаться в строго определенном месте. Как правило, вертикальную панель помещают в левой части документа, а горизонтальную – вверху. Навигационная панель может состоять как из ссылок, так и из графических элементов, выполненных в виде кнопок.
– Еще одним средством поиска информации является карта сайта, содержащая ссылки на все страницы сайта. Эти ссылки оформлены в виде списка с иерархической структурой: основные разделы находятся на верхнем уровне, подразделы – на более низком и т. д. Карта сайта напоминает дерево каталогов на вашем компьютере, которое можно увидеть, открыв, к примеру, стандартный Проводник.
– Достаточно объемные сайты могут содержать строку поиска. По введенным в нее ключевым словам поисковая система будет искать на вашем сайте запрашиваемую информацию и выдавать ее пользователю. Для организации подобного поиска требуется специальное программное обеспечение.
Тестирование
Даже полностью закончив работу над сайтом, не спешите загружать его на веб-сервер. При создании своего детища вы наверняка сделали множество ошибок той или иной степени важности, поэтому перед представлением сайта широкой публике обязательно его тщательно протестируйте.
Основными ошибками при создании сайтов являются следующие.
– Грамматические ошибки и опечатки. Очень важно, чтобы их не было вовсе. Даже небольшая ошибка, обнаруженная посетителем на вашем сайте, резко подорвет его доверие к содержимому ваших веб-страниц. Если вы сомневаетесь в своей грамотности, то обязательно обратитесь за помощью к тем, кто с русским языком на короткой ноге. На худой конец, воспользуйтесь функцией проверки орфографии в программе Word. Но все-таки компьютеру в этом деле на 100 % доверять ни в коем случае не стоит, хотя большинство ошибок он добросовестно найдет.
– Нерабочие ссылки. Очень распространенная и критичная ошибка. Например, если при древовидной структуре организации сайта одна из корневых ссылок не будет работать, то вся ветвь, базирующаяся на этой ссылке и измеряющаяся, возможно, десятками или даже сотнями веб-страниц, не будет никому доступна. Поэтому обязательно проверяйте все гиперссылки на работоспособность. Основной причиной ошибок, как правило, является неправильное указание пути к требуемому файлу в «теле» ссылки.
– Отсутствие некоторых изображений. Загружая свое творение на сервер, не забывайте о рисунках, фотографиях и другом графическом материале, которые фигурируют на ваших веб- страницах. Иначе вместо красочных изображений посетители рискуют увидеть пустые рамки.
– Ухудшение внешнего вида при изменении разрешения монитора. Создавая свой сайт, принимайте во внимание, что посещать его будут пользователи, мониторы которых настроены на различные разрешения. Необходимо сделать так, чтобы все они при просмотре ваших веб-страниц чувствовали себя уютно и комфортно. Для этого следует предварительно протестировать сайт, устанавливая на своем мониторе различные разрешения и исправляя замеченные неточности и огрехи.
– Ухудшение внешнего вида при использовании других браузеров. Каждый браузер расшифровывает HTML-теги по-своему. В этом вы можете убедиться, просматривая одни и те же веб- страницы с помощью различных браузеров. Разница не очень существенная, но она присутствует. Может случиться так, что ваш сайт, превосходно смотрящийся в Internet Explorer, будет довольно невзрачным при просмотре в браузере Netscape Navigator. По этой причине тестируйте свои веб-страницы в различных браузерах.
– Отсутствие элементов веб-страницы. Подобные казусы – не редкость. Из-за опечатки при написании тегов могут кануть в небытие целые пласты полезной информации. Единственный способ борьбы с этим – внимательность.
Полезные советы
Вот вы кратко и познакомились с процессом создания собственного сайта.
В заключение дам вам несколько советов, которые, возможно, помогут вам не допускать некоторых распространенных ошибок.
– На главной веб-странице четко и ясно напишите, о чем ваш сайт. Не заставляйте посетителя гадать о том, куда он попал. Он все равно не будет этим долго заниматься, а просто покинет вашу веб-страницу и уйдет к конкурентам.
