Инструкция

Замечания добавлены вот таким цветом.

Добавить в версту favicon ее можно взять со старого сайта.

По поводу заголовков h1 пока не решил.

Есть ли варианты как то упростить пользование каруселью? Не каждый догадается что нужно крутить колесико мышки.

Данный документ, не является полноценным ТЗ (ввиду экономии времени), в нем я опишу лишь основные моменты работы сайта.

При возникновении дополнительных вопросов - будем согласовывать отдельно.

Заказать звонок

Общее:

Существует ряд отличий в дизайне главной страницы который выполнен в файле webewolution home. psd, и дизайном остальных страниц. В файле webewolution home. psd добавлено нижнее меню, счетчик, заказ звонка.

Выше перечисленные добавления должны присутствовать на всех страницах сайта.

Файл webewolution сборка.psd - содержит стили для кнопок, ссылок (исходное, над, нажатие), а так же ряд стилей для контента.

Логотип - ссылка на главную страницу сайта, текст "Создание и продвижение сайтов" - сделать как текст

webewolution home.psd

Ряд кнопок (под надписью "ПОСЛЕДНИЕ РАБОТЫ") при клике по ним: смена картинок в карусели и смена текста под рядом кнопок (без перезагрузки страницы). Т. е. когда активны "Сайты" мы видем привью сайтов и какой-то текс с пояснениями о сайтах, при клике по "Логотипы", все то же, но касаемо логотипов. При выборе "Продвижение" карусель принимает внешний вид как на webewolution home продвижение. jpg. В на каждой плашке находиться текст.

На этапе верстки это делать не надо (это реализует программист).

Карусель должна прокручиваться в обе стороны. При клике на привью в карусели, переходим на страницу с полным описанием данного проекта (webewolution работа.psd)

На этапе верстки необходимо учесть возможность добавление в поле содержащее название направление (Сайты, Логотипы, …) дополнительных направлений. Пример расширенного поля находится в файле Webevolution сборка. psd.

Пробовал добавлять - вот что получилось

Под каруселью значки с иконками услуг, необходимо - учесть возможность добавления новых услуг. При клике на одном значке переходим на страницу с полным описанием одной услуги webewolution услуга. jpg

Нужно убрать "ВСЕ УСЛУГИ" т. к. все услуги должны быть видны сразу

В надписи "Закажите сайт сейчас" слово сайт сделать как выпадающий список, остальные пункты: баннер, продвижение, логотип, визитку, видео.

При нажатии кнопки заказать всплывает окно как на webewolution окно заказа. jpg при этом в зависимости от ранее выбранного слова в выпадающем списке "Закажите сайт сейчас" в верхней части окна меняется слово "сайт" на выбранное

"Бриф на разработку" (правее "Заказать") - ссылка на файл для скачивания.

"Другие брифы" - как в файле webewolution другие брифы. jpg

"Вопросы задавайте в службу поддержки" - при клике по "в службу поддержки" запускается почтовый агент с адресом для отправки *****@***ru

Лучшие статьи

При наведении курсора на категории статей (сайты, flash,…) они должны "сереть" так же как кнопки под надписью "ПОСЛЕДНИЕ РАБОТЫ"

Под надписью находятся названия категорий статей, при клике по категории статей происходит смена статей в этом модуле средствами джиквери, т. е. выводиться краткое содержание статей по другой теме (без перезагрузки страницы). При клике по "Еще" фон "отъезжает" вниз и становятся видны остальные категории.

В кратком описании статьи ссылкой на страницу с ее полным описанием (webewolution статья. jpg) является заголовок статьи и привью.

Ниже расположен текст, который необходимо при верстке расположить максимально высоко, использовать seo верстку, примерно как описано тут http://*****/html-css/seo-verstka-sozdaem-seo-optimizirovannyj-layout. html. В тексте сделаны примеры заголовков h1, h2, h3. Это же касается всех остальных страниц.

Вы это делали?, сейчас текст находиться в низу. Возможно вы меня не до поняли. Это необходимо обсудить.

Майл в подвале сделать как ссылку для вызова почтового клиента.

webewolution контакты. jpg

Заменить телефон на 8

"Контакты" - в теги h1

webewolution о нас. jpg

Текстовая страница. Предусмотреть вариант верстки без картинки.

"О нас" - в теги h1

webewolution портфолио. jpg

Ссылку "Портфоило - " расположена под меню, с лева от поля с категориями (Сайты, Логотипы, Дизайн,…) поместить в теги h1

При клике по кнопкам расположенным под основным меню (Сайты, Логотипы, Дизайн,..) - переходим на страницу с работами и текстом по данному направлению. При клике по привью переходим на страницу с полным описанием работы webewolution работа.psd или на webewolution работа продвижение. jpg

На этапе верстки необходимо учесть возможность добавление в поле содержащее название направление (Сайты, Логотипы, …) дополнительных направлений. Пример расширенного поля находится в файле Webevolution сборка. psd.

webewolution работа.psd (webewolution работа продвижение. psd)

"" - просто текст

"Заголовок" (низ страницы, над текстом) в тег h1

Стрелки расположенные рядом с названием фирмы "" - перемещение между работами (переход между страницами)

Стоимость проекта - нужна возможность скрывать этот блок при необходимости

Отзыв клиента - при верстке учесть возможность отсутствия фото, при этом что бы текст с именем и должностью смещался влево

Кнопки "Описание" "Процесс" (под надписью "") - служат для отображения конечного продукта и процесса его создания. Т. е. при их нажатии меняется картинка и расположенное ниже ее текстовое описание. При верстке предусмотреть возможность скрытия обоих кнопок (некоторые проекты не будут содержать описание процесса создания), станица будет выглядеть как webewolution работа.psd

webewolution работа продвижение. jpg

Основное описал выше, остальное - текст

webewolution статьи. jpg

"Статьи" (заголовок над всеми статьями) - в теги h1

Слева находятся названия категорий статей, все категории должны быть видны, ссылку "Еще" - не делать. При клике по категории - переход на страницу со статьями данной категории.

В кратком описании статьи ссылкой на страницу с ее полным описанием (webewolution статья. jpg) является заголовок статьи и привью.

webewolution статья. jpg

Заголовок статьи в теги h1, остальное описал уже раньше

Категории статей которые находятся с лева, делать так же как написано выше (т. е. без "Еще")

webewolution услуги. jpg

"Услуги и цены" - в теги h1

Содержит значки услуг и ниже текст, при клике по значку переходим на страницу с полным описанием услуги webewolution услуга. jpg

webewolution услуга. jpg

"Создание визиток" - в теги h1

В карусели отражаются привью работ по данной услуге, при клике по привью ниже отображается увеличенная картинка этой работы, с кратким описанием

Замечания программиста:

Можно ли обойтись без пустых <span></span> в меню Последних работ?

<div class="nav-works">

<ul>

<li><a href="#">Сайты</a><span></span></li>

<li><a href="#">Логотипы</a><span></span></li>

<li><a href="#">Дизайн</a><span></span></li>

…

</ul>

<div class="right-part"></div>

</div>

При нажатии «Все услуги», сделать так чтобы скрытые услуги начинали появляется только при полном исчезновении ссылки «Все услуги», чтобы не было дёрганий.