Верстка состоит из 2х этапов. Макеты для десктопа готовы. Адаптивная версия для телефонов – 2ой этап, запускается отдельно.
JPG макеты:
PSD макет:
В среду 20 сентября нам необходимо запустить первую версию сайта, поэтому ко вторнику нужно сделать то, что можно будет запустить. Если все страницы сделать не получится успеть, то нужно сделать общий шаблон главной и типовой страницы, а остальное доработаем сами.
Чтобы было яснее описал каждый файл, что куда, страниц всего 7, некоторые из них почти идентичные:
1) 1_main.jpg – Главная.
На фоне должно быть видео или фото. Если видео, то желатеkьно сначала показывать фото до тех пор пока не загрузится видео целиком, и после загрузки выводить видео.
- 1_main_hover.jpg – показывает Ховеры (наведение мыши на активные элементы)
- 1_form.jpg, 1_form_hover.jpg, 1_form_ok.jpg – форма которая появляется при клике на кнопку. (тоже желательно плавно) поверх контента.
2) 2_in_about.jpg – О поселке.
Посмотрите пример прокрутки страниц, возможно ли реализовать такое решение?
– клики по левому меню.
Если так получится то справа на страницах для этого есть точечки прокрутки по страницам. Если это может реализовать только программист – сделайте только контейнеры а Аякс мы постараемся реализовать сами.
Если так не получится то желательно чтобы смена страниц все равно была плавная, сначала исчезают плашки контента, потом плавно меняется фото на фоне, а потом через полторы секунды появлялись плашки с контентом.
Форма справа здесь не открывается поверх а сразу находится на странице. ПРи ее отправке текст ОК появляется здесь же на месте формы (2_in_about_hover.jpg).
- 2_in_about_hover.jpg – Ховеры
- 2_in_about_zastroishik.jpg – страница всплывающие поверх контента. Крестик их закрывает.
- 2_in_about_gallery.jpg, – такая же страница поверх контента, но клик на фото открывает любой funcybox с прокруткой фотографий. (знаю что немного сложно – получается 3 слоя, но по другому никак не получается)
3) 3_in_townhouses.jpg – Таунхаусы
- 3_in_townhouses_hover.jpg – Ховеры
- 3_in_townhouses_oplata.jpg, 3_in_townhouses_docs.jpg – страницы всплывающие поверх контента. Крестик их закрывает.
- 3_in_townhouses_zayavka.jpg, 3_in_townhouses_zayavka_ok.jpg – Точно такая же форма как на главной только другой заголовок и текст после заполнения.
4) 4_in_3D_tour.jpg – 3D тур. Скрипт тура есть:
нужно только поверх него наложить меню и кнопку скролла внизу.
5) 5_in_plan.jpg – Генплан. Скрипт его тоже готов (
, также нужно только поверх него наложить меню и скролл.
6) 6_in_advantages.jpg – Преимущества, стандартная контентная страница.
7) 7_in_contacts.jpg – Контакты. Скрипты также готовы:
нужно наложить меню и подвал снизу.
При клике на нижние кнопки подвала появляются те же страницы 3_in_townhouses_oplata.jpg, 3_in_townhouses_docs.jpg, 2_in_about_zastroishik.jpg, 3_in_townhouses_zayavka.jpg, но уже поверх этой страницы.
- in_infrastruktura.jpg, in_raspologenie.jpg – точно такие же страницы как Контакты но будут открываться в отдельном окне. Разница только в том что справа поверх карты в Инфраструктуре должна находиться форма.
_____________________________________
Желательно успеть все, но если времени немного то,
ВОЗМОЖНО вы сделаете только
- Главную с попапами,
- О поселке с попапами,
и если успеете страницу Таунхаусы.
Этого вполне будет достаточно чтобы мы смогли остальное доделать сами.