Создать дизайн и сверстать страницу

Структура страницы

Набросок желаемого дизайна и структура меню см. в приложение.

• Серая подложка.

• Отцентрованная посередине окна основная колонка сайта шириной 800 пикселей.

• Сверху и снизу должен быть небольшой отступ от краев окна.

• Основная колонка должна давать небольшую тень на подложку.

• Вверху колонки располагается шапка по всей ширине колонки высотой 150 пикселей (вставлю позже).

• Ниже располагается линейка с кнопками. Стиль линейки с кнопками примерно как на нижней панели на сайте www.ibm.com (цвет линейки, шрифт, цвет неактивной и активной надписи).

• Цвет линейки – черный с градиентом, чтобы была небольшая выпуклость

• Кнопки должны быть выровнены по левому краю.

• Между кнопками небольшие разделители как на сайте www.1c-bitrix.ru.

• Стиль раскрывающихся меню должен быть похож на верхние меню на сайте www.ibm.com. Только нужно подобрать другие цвета фона (серые тона?), подсвеченных пунктов меню и шрифтов.

• Под линейкой с кнопками располагается линейка с подписью, указывающая на полный путь к статье, например:

Решения/Слаботочные системы/Охранно-тревожная сигнализация

• Фон этой линейки либо светло-синий как на наброске, либо светло-коричневый (подобрать).

• Ниже располагается основной текст статьи

• В самом низу располагается футер с копирайтом, телефоном и E-mail. Подобрать цвет фона.

Задачи

• Подобрать цветовую гамму сайта.

• Подобрать высоту линейки с кнопками, линейки с полным путем к статье, футера.

• Подобрать шрифты.

• Сверстать в соответствии с дизайном пару-тройку статических страниц.

• Страницы должны одинаково отображаться в IE6-7, Firefox, Opera и Safari.

Пожалуйста указывайте сумму и сроки выполнения.

Убедительная просьба на этапе ставок по проекту в личку, на почту или в ICQ ничего не писать. Оставляйте информацию только в разделе проекта.