Верстка состоит из 2х этапов. Макеты для десктопа готовы. Адаптивная версия для телефонов 2ой этап, запускается отдельно.
JPG макеты:
yadi.sk/d/vzHeDQD83MwE8M PSD макет:
yadi.sk/i/os-GclL63MwE8q В среду 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 О поселке.
Посмотрите пример прокрутки страниц, возможно ли реализовать такое решение?
www.futuro-park.ru/ клики по левому меню.
Если так получится то справа на страницах для этого есть точечки прокрутки по страницам. Если это может реализовать только программист сделайте только контейнеры а Аякс мы постараемся реализовать сами.
Если так не получится то желательно чтобы смена страниц все равно была плавная, сначала исчезают плашки контента, потом плавно меняется фото на фоне, а потом через полторы секунды появлялись плашки с контентом.
Форма справа здесь не открывается поверх а сразу находится на странице. ПРи ее отправке текст ОК появляется здесь же на месте формы (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 тур. Скрипт тура есть:
nik-park.ru/3d/ нужно только поверх него наложить меню и кнопку скролла внизу.
5) 5_in_plan.jpg Генплан. Скрипт его тоже готов (
nik-park.ru/prices/), также нужно только поверх него наложить меню и скролл.
6) 6_in_advantages.jpg Преимущества, стандартная контентная страница.
7) 7_in_contacts.jpg Контакты. Скрипты также готовы:
nik-park.ru/contacts/ нужно наложить меню и подвал снизу.
При клике на нижние кнопки подвала появляются те же страницы 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 точно такие же страницы как Контакты но будут открываться в отдельном окне. Разница только в том что справа поверх карты в Инфраструктуре должна находиться форма.
_____________________________________
Желательно успеть все, но если времени немного то,
ВОЗМОЖНО вы сделаете только
- Главную с попапами,
- О поселке с попапами,
и если успеете страницу Таунхаусы.
Этого вполне будет достаточно чтобы мы смогли остальное доделать сами.