4.Этапы создания сайта

Создание Интернет-сайта технопарка включает в себя следующие основные этапы работ:

• 
  разработку технического задания на создание сайта
  
• 
  разработку оригинального дизайна Интернет-сайта на основе фирменного стиля и разработанного логотипа
  
• 
  программирование функциональных модулей сайта (система управления, поиск, форумы, голосования и т.д)
  
• 
  интеграцию дизайна с программным обеспечением
  
• 
  отладку и тестирование сайта
  
• 
  первичное наполнение информационными материалами Заказчика
  
• 
  установку системы управления сайтом
  
• 
  регистрацию домена второго уровня
  
• 
  регистрацию сайта в поисковых системах www.google.ru, www.yandex.ru и www.rambler.ru
  
• 
  продвижение и оптимизацию сайта
  
  
  

5.Требования к дизайну Сайта

5.1.Требования к стилистическому оформлению Сайта

Дизайн сайта по восприятию – официальный, строгий.

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

5.2.Требования к компоновке страниц Сайта

Модульная сетка сайта – в 2 или 3 колонки. Предполагается, что типичное разрешение монитора – 1024 х 768. Окончательное решение о компоновке страницы принимается дизайнером по согласованию с Заказчиком. Исполнитель предлагает на выбор 3-4 варианта компоновки.

Верстка сайта – «резиновая». Компоновка страниц должна обеспечивать автоматическое масштабирование страниц в зависимости от ширины рабочего поля браузера пользователя. Минимальный размер (ширина) рабочего поля браузера, при котором необходимо обеспечить полноценное отображение страниц (без полосы горизонтальной прокрутки), составляет 1024 пиксела.

При распечатке страницы она должна, по возможности, помещаться на лист формата А4 в положении параметра страницы “книжная”.

Оформление страниц должно быть вынесено в Cascading Style Sheets

5.3.Требования к шрифтовому оформлению Сайта

• 
  Основными шрифтовыми гарнитурами корпоративного стиля технопарка являются гарнитуры Arial и Futura.
  
• 
  Шрифты, используемые для оформления графических элементов Сайта, не должны противоречить корпоративному стилю технопарка.
  
• 
  Шрифты, используемые для оформления текстовых материалов Сайта, не должны противоречить корпоративному стилю технопарка. В случае отсутствия необходимых шрифтов на компьютере пользователя необходимо предусмотреть использование стандартных групп шрифтов браузеров (Arial/Helvetica, Times New Roman, Courier) таким образом, чтобы замена шрифтов из соответствующей группы не приводила к визуальному искажению текста.
  
• 
  Размер (кегль) шрифтов должен обеспечивать удобство восприятия текста при минимально допустимом размере экрана.
  

5.4.Требования к графическому дизайну Сайта

Дизайн Сайта должен быть консервативным и лаконичным – использовать неброские, неяркие, пастельные цвета и тона.

Графика используется минимально. Разрешены только форматы JPEG и GIF. Страница должна корректно отображаться при отключении графики в браузере.

Приветствуется использование небольших, но стильных графических элементов (пиктограмм, «визуалов») в оформлении контента Сайта.

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

5.5.Требования к цветовому оформлению Сайта

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

Фон страницы – белый (нет фона) или однотонный, подходящий к дизайну (на усмотрение дизайнера). Фоновый рисунок отсутствует.

В качестве примера удачного цветового оформления можно указать корпоративные сайты компаний Hewlett-Packard www.hp.com, Intel www.intel.com и технопарка г.Троицк www.t-park.org

5.6.Требования к средствам просмотра Сайта

Сайт должен обеспечивать корректное отображение данных в следующих браузерах:

• 
  Internet Explorer (версия 5.5 и выше);
  
• 
  Netscape Navigator;
  
• 
  Opera (версия 7.0 и выше);
  
• 
  Mozilla Firefox (версия 1.0 и выше).
  

5.7.Требования к навигации по страницам

К навигации по страницам сайта предъявляются следующие основные требования:

• 
  На главной странице должны быть пункты меню, соответствующие ключевым разделам сайта (главное меню сайта). Главное меню сайта и ссылки на ключевые страницы (главную страницу, страницу контактов, страницу заказа и тому подобное) должны быть доступны пользователю на всех внутренних страницах сайта;
  
• 
  Доступ к любым разделам сайта должен осуществляться при помощи не более  чем 2-3 кликов;
  
• 
  Доступ к наиболее интересным для пользователей страницам обеспечивается одним кликом с главной страницы. Список таких страниц и разделов может корректироваться в процессе эксплуатации сайта после изучения интересов и поведения посетителей на сайте;
  
• 
  На любой странице сайта должно отображаться текущее «местоположение» пользователя (так называемые «хлебные крошки») в виде меню. Пользователь должен понимать, в каком разделе и подразделе сайта он находится. Пример такого меню: Библиотека Законодательство  Федеральное
  
• 
  Сайт должен иметь «карту сайта», на которой располагаются ссылки на все существующие страницы сайта.
  
• 
  На каждой странице сайта должны быть  ссылки на  сходные по тематике страницы, интересные для посетителя данной станицы. Списки этих страниц периодически корректируются - опять же после изучения поведения посетителя на сайте.
  
• 
  Кнопки навигации по сайту должны быть доступны без скроллинга на любой странице сайта.
  
• 
  Кнопки главного меню должны быть продублированы в верхней и нижней части всех страниц сайта.
  
• 
  Кнопки главного меню и содержащая их панель должны быть выделены цветом, отличающимся от цвета основного текстового блока
  

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

Логотип, слоган
Строка главного меню сайта
Текущее местоположение на сайте («хлебные крошки»)
Панель	Основной текст страницы	Панель
кнопок		рекламы,
		новостей
		и т.д.
Копия кнопок главного Меню
Адресная информация, копирайты и т.п.