Адаптивная верстка трёх новых дизайнов сайта
Есть сайт: vunivere.ru
Особенности структуры сайта:
* 2 вида шапки сайта (большая и маленькая)
* 3 вида страниц: с одной колонкой, с двумя и с тремя колонками
* Дизайн тянется до ширины 1300 px
Дизайнеры нарисовали 3 новых дизайна шапки (для 3х новых сайтов, по мотивам старого), см. файлы.
Необходима новая верстка этих 3х вариантов дизайна, которая удовлетворяла бы следующим условиям:
1. Кроссбраузерность (см. браузеры>=1% https://www.liveinternet.ru/stat/ru/browsers.html?period=month ) , валидность, семантичность
2. Прохождение тестов гугла:
https://www.google.com/webmasters/tools/mobile-friendly/
https://developers.google.com/speed/pagespeed/ (только те пункты теста, которые касаются верстки)
3. Адаптивность (здесь предлагайте свои варианты, под какие разрешения и как сможете сверстать. дизайнер при необходимости дорисует элементы).
4. Переверстать придётся весь сайт в принципе, не только шапку. Переверстывание нижней части сайта (всё, что под шапкой) делается не для редизайна, а для приведения верстки в порядок. Типы страниц, которые нужно переверстать:
a) Большая шапка:
* vunivere.ru (большая шапка только на главной)
b) Маленькая шапка (на всех страницах, кроме главной):
* Одна колонка: vunivere.ru/work60265
* Две колонки: vunivere.ru/work40290
* Три колонки: vunivere.ru/category2/section8
5. html-шаблон для трех вариантов дизайна по возможности должен быть единый (либо с небольшими изменениями по DOM), также рекомендуется сделать один общий файл css и 3 индивидуальных css-файла - под каждый дизайн.
5.1. Файлы, соответственно, лучше раскладывать по папкам следующим образом: static/sites/N/image/, static/N/style.css - где N - номер дизайна (1,2 и 3)
6. Скрываемые левая и правая колонки: если колонку убрать (набример, удалить в файербаге), то центральная колонка должна автоматически растягиваться на оставшуюся ширину
7. Табличная верстка не подходит, только слоями
8. Натягивать верстку не нужно
Пишите вопросы, предлагайте сроки и стоимость. А также варианты адаптивности (см. 3-й пункт)
контакты:оплата - wmr, персональный аттестат, BL79