Структура сайта. 
Разработка технологии создания web-сайта

На всех страницах сайта будет использован одинаковый шаблон:

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

Так как внешний вид страниц сайта определен полностью, это делает возможным приступить к верстке шаблонов и их последующему заполнению.

Оформление сайта

Таким образом, на основании вышеизложенного были выбраны следующие цвета страницы и основных элементов:

• 1. фон — серый;
• 2. основные цвета шапки — серый достаточно приглушенные, чтобы не утомлять глаза.
• 3. ссылки в основных меню — оранжевый на приглушенном сером фоне;

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

В компьютерных приложениях часто термином «шрифт» называют гарнитуру, а термином «размер» — кегль (например, Word).

Шрифты являются:

• * одним из самых важных элементов дизайна сайта;
• * элементом стиля;
• * носителем информации;
• * элементами концентрации внимания пользователя.

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

Для текстов на веб-странице используются мелкие шрифты размером от 7 до 12 пунктов. Удобство пользователя во многом определяются (кроме размера):

• * гарнитурой,
• * цветом фона,
• * цветом текста,
• * наличием вспомогательной графики,
• * размером текстовой колонки и полей, межстрочным и межсимвольным расстоянием.

Самой легким для чтения в Интернете является гарнитура Verdana, которая создавалась именно для этой цели. Применяются также и такие простые и строгие гарнитуры, такие, как Arial, Courier, Tahoma и Georgia.

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

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

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

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

Читать же текст на ярком фоне, а тем более на пестром фоне довольно затруднительно.

Одним из показателей комфортности чтения является ширина строки документа. Идеальная строка должна вмещать 50−70 знаков. Как при их большем, так и при меньшем их количестве скорость чтения замедляется и утомляемость повышается.

Для удержания взгляда на текстовой колонке страницы и устранения непроизвольных переводов взгляда на соседние колонки размер полей должен быть не менее 10% от ширины текстовой строки, практически достаточно порядка 7−10 символов.

Слишком малые межсимвольные и межстрочные расстояния значительно снижают комфортность чтения Страницу можно разбить на две значимые зоны, на которых располагаются все элементы сайта Зона 1 — шапка сайта, 2 — информационная зона.

В свою очередь на первой из них располагаются элементы:

• 3 — логотип;
• 4 — основное меню;

Во второй области:

• 6 — дополнительное меню;
• 7 — основной контент;
• 8 — текстовый блок;
• 9 — дублирующая навигация.

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

В информационной зоне помещается слева — блок «Статьи» дополнительной навигации, а справа — блок статичной текстовой информации «Объявления». Центральная область, конечно, отведена для основного содержания разделов. Необходимость организации подвала с дублирующей навигацией также обусловлена требованиями юзабилити и является завершающим штрихом в визуальном восприятии страницы.

Техническое задание и структурный проект приведены в приложении A.

Части оснащения ПК Требования к аппаратным средствам:

• · система должна полнофункционально работать на ПЭВМ, оборудованных процессорами семейства Pentium, Celeron, AMD Duron, Athlon XP с объёмом кэш-памяти не менее 128Кб и совместимых с ними материнскими платами;
• · наличие оперативной памяти объёмом не менее 16 Мб;
• · видеоадаптер с объёмом встроенной памяти не менее 256 Мб;
• · привод накопителей на жёстких магнитных дисках, дисковод, привод CD-ROM и CD-RW;
• · сетевая карта;
• · принтер;
• · Microsoft Office Access.

Характеристики:

• § Операционная система: Windows7;
• § Операционная память: 4,00 Гб;
• § Разрешение монитора: 1366×768;
• § Процессор:1,30 Ггц;
• § Видеокарта:Intel ® GMA 4500MHD (1631Mb).