Верстка сайта агрегатора тарифов

Требуется верстка нескольких страниц для будущего агрегатора тарифов.

Для верстки запланированы: главная, внутренняя, кабинет пользователя, кабинет фирмы (которая предоставляет тарифы). Ждем предложения по цене и срокам. Предложения без цены и срока будут сразу удалятся.

В приложении вы найдете кратинки, как это все планируется.

Вот некоторые уточнения:

Главная (Check24_edit)

- активный пункт меню отображается цветной полоской, пример во внутренней есть.

- при нажатии на пункт меню ссылка ведет на внутреннюю страницу

- при наведении на пункт меню для некоторых пунктов будет предусмотрено выпадающее меню (например для страхования). Примера для подменю нет. Тут исходим из верстки тегами ul / li

- Логотипы банков на главной идут отдельными картинками, а не одним целым с людьми

- выпадающие списки сдедует заполнить 2-3 осмысленными примерами

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

- Ленточки в блоке "новости" – для сохранения кроссбраузерности делаем через JavaScript (это же касается и цены по акции с уголком)

Внутренняя (Check24_list_edit)

- требования такие же, как и для главной

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

- звездочки не делаем одной картинкой, а активными и закрашиваться активным цветом при наведении мышкой.

Кабинет пользователя и фирмы:

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

В кабинете фирмы – мои тарифы присутствуют две ссылки „Добавить параметр“ и „Добавить еще“

При нажатии на добавить параметр должна появляется новые две строчки „Параметр тарифа“ и „Значение“. Ссылка „Добавить еще“ пока без функции.

Ну, а теперь детали:

- Ширина сайта: статична, сайт выровнен по центру. При 1024px должна отсутствовать горизонтальная прокрутка.

- Футер разумеется внизу, даже если мало контента.

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

- Браузеры: IE7-9, Chrome (15+), Firefox (15+), Opera (12+), Safari 5 – верстка полностью соответствует дизайну. В IE7-8, могут быть незначительные упрощения.

- Стандарты: HTML5/CSS3. HTML и CSS должны проходить валидацию.

- используем JS/jQuery

- Соответствие макету: при накладке допустимы незначительные различия.

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

- Все стили должны быть прописаны во внешних файлах.

Масштабирование страниц: страницы при масштабировании страницы в диапазоне 70-150% в браузерах IE9, Chrome 15+, Opera 12+, Safari 5, FF15+ должны выглядеть так же как и при 100%. Допускаются не большие погрешности, которые возникают из-за неправильных округлений координат браузеров.

Масштаб в IE7-8 не проверяется.

HTML код:

- Кодировка – utf-8

- Структурный, комментируемый код (обозначается начало/конец крупных блоков). Использовать табуляцию (4 пробела) для структурирования кода.

- Семантическая разметка на уровне грамотного использования тегов.

- Имена классов и идентификаторов – осмысленные, на ваше усмотрение.

- Классы служат для привязки оформления, идентификаторы – скриптов.

CSS код:

- Структурный, использовать табуляцию (4 пробела) для структурирования кода..

- Комментариями обозначены начало/конец крупных модулей/блоков разметки.

- Допускается использование вендорных префиксов.

- Стили для IE7-8 вынесены в отдельные CSS.

- Для IE7-8 для реализации не поддерживаемых CSS свойство допустимо использование Javascript и expression.

Javascript код:

- Структурный, использовать табуляцию (4 пробела) для структурирования кода.

- Имена переменных осмысленные.

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

Для объемных задач используется ООП, для простых – обычные функции.

Код должен быть без ошибок.

Стилизация всех элементов формы и скроллов согласно макета (присутствует input file)

Изображения:

Имена файлов осмысленные.

Использовать css-спрайты для изображений