План мероприятия (*DOCX)

Техническое задание на создание сайта Школы Здоровой Семьи
Сроки до 10.01.14
1/ Исходные данные (общие моменты)
1. Данное ТЗ описывает основные моменты в задании. Скорей всего что-то может быть упущено. Это
значит, что здравый смысл никто не отменял.
2. Название сайта: «ЭКОстиль - Школа Здоровой Семьи»
3. Существует 14 макетов иллюстрирующих внешний вид всех уникальных страниц сайта.
4. Существует домен, на который нужно будет поставить сайт после того как он будет готов. www.ecostyle.me
5. Необходимо сверстать и установить сайт на последнюю версию системы управления MODx Evo
6. Текстовые страницы – те, которые можно редактировать как обычный «материал», через обычный
WYSIWYG, один из макетов посвящен этим страницам. На макете приведены все основные стили.
Стили должны автоматически прописываться при обычном редактировании. Оформление ссылок,
маркированных списков, заголовков, оформление изображений и т.д. (макет - 3. АМ-новостивнутри.psd). Шаблон такой страницы должен называться «Внутренняя страница» или «Текстовая
страница».
7. Модуль – Динамический, настраиваемый программный элемент, работающий с базой данных,
имеющий либо интерактивные возможности, либо повторяющуюся структуру элементов, каждый из
которых имеет определенный набор редактируемых полей. Примером модуля могут служить новости,
форма обратной связи, редактируемая карта (яндекс или гугл) и т.д.
8. В конце я получаю полностью рабочий сайт, залитый на сервер. Получаю полный доступ к
административной панели сайта. Вы получаете оплату в полном размере как договаривались.
2/ Технические моменты (важно!)
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
Система управления сайтом - MODx Evo.
Верстка статичная, не резировая.
Минимальное расширение экрана для адекватного отображения сайта – 1024*768.
В сайте автоматически должны прописываться title, но должна быть возможность его редактировать.
Прописываться он должен по маске <Название сайта> / <Текущий раздел> / <Название страницы>.
Необходимо, чтобы были доступны к редактированию метаданные страницы (description, keywords)
Необходимо, чтобы всю текстовую информацию на сайте можно было редактировать через админку.
Если страница короткая по высоте, то подвал всё равно всегда должен доходить до низа окна
браузера.
В ситуации если окно браузера уменьшено по ширине до размеров меньше 1024 px и появилась
горизонтальная прокрутка, при пользовании этими прокрутками горизонтальные полосы в дизайне
должны доходить до краев, т.е. их ширина не должна быть всегда равна ширине окна браузера.
В системе должен быть установлен fancybox.
Favicon приложен к заданию.
Все внутренние ссылки на сайте должны работать через тег <А>. Никакого JS.
В подвале «Струдия «Формэ» - ссылка на сайт http://www.studioformer.com
Логотип всегда является ссылкой на главную страницу сайта.
3/ Задание в структуре сайта
• Главное меню
1. Главная (макет - ЭС-Главная.psd)
a. Окно «Загрузи свою работу» есть в слоях макета в папке «Загрузить работу». Должно
появляться при нажатии на соответствующую кнопку в шапке сайта. При отправке формы
должен создаваться неопубликованный материал (фото) в разделе галерея («работы наших
участников»). Уведомление должно отправляться на почту. Окна благодарности и ошибки
такие как в контактах (ЭС-Контакты-отправлено.jpg и ЭС-Контакты-ошибка.jpg)
b. Этот вариант делаем, только в случае целесообразности и не сильного увеличения
бюджета. В окне при загрузке изображения появляется полоса загрузки и информация о
размере файла. Пока файл не выбран, ничего этого не видно.
c. В макете есть все фотографии, которые следует поместить в слайдер. Слайдер должен
переливаться необычными эффектами. Можно вертикальные жалюзи, кубики и т.д. На ваше
усмотрение.
d. Обе ссылки о «проекте» и «присоединяйтесь» ведут на страницу «Школа здоровой семьи» (о
проекте)
e. Подвал должен быть везде как на главной (с копирайтом студии формэ).
f. Полезные ссылки – это просто набор полезных ссылок. Ссылки могу вести куда угодно. Их так
же как и важных тем может быть больше чем нужно. Поэтому они выводятся в случайном
порядке.
g. Важные темы - Набор страниц без особого раздел. Эти страницы выполняются в дизайне
обозначенном в макете «ЭС-Опроекте.psd»
2. Школа здоровой семьи (макет - ЭС-Опроекте.psd)
a. Обозначены стили. Страницу верстать не обязательно. Изображения должны добавляться в
таком стиле на всех страницах.
3. Новости (макет - ЭС-Новости.psd)
a. Тут думаю ничего особо объяснять не нужно.
b. На внутренней странице не нужно делать обязательное изображение. Для новости будет
загружаться изображение. Оно будет только в превью. Если кому нужно загрузить
изображение внутри новости это будет делаться за счет визивига.
4. Отчеты (макет - ЭС-Отчеты.psd)
a. По внешней странице думаю всё понятно.
b. Внутренняя страница состоит из 4 блоков (текстовый, фотки, загрузка, комменты). Фотки и
загрузка необязательные и отображаются только если заполнены.
c. Фотки открываются в отдельном окне. (ЭС-Отчеты-внутри-фото.jpg)
d. Текстовая часть должна оформляться в своих шрифтах.
e. При наведении на фотографии их рамка выделяется желтым как на макете левая верхняя
фотография.
5. Галерея (макет - ЭС-Галерея.psd)
a. Первая плашка с наботами наших участников всегда висит наверху. Т.е. если добавляются
новые альбомы она всё равно самая верхняя, но видна она только на 1-й странице. Остальное
думаю понятно по внешнему макету.
b. Внутри тоже всё достаточно ясно.
c. ЭС-Галерея-внутри-одна фотография.psd – это полный вид отображения увеличенного фото в
галерее работ участников. На отдельном фото тексты и возможные элементы для них
появляются только если тексты заполнены.
d. Если это обычная галерея фоток, а не работы наших участников, то при полном отображении
фотографии отображается только название и текст под фото. Звездочка в заголовке и подпись
автора отсутствуют.
6. Методические материалы (макет - ЭС-Методички.psd)
a. Тут превьюшки. По сути у этого типа материала должно быть 3 поля – название, текст и поле
для загрузки PDF.
b. Текст появляется при наведении на фото, которое в этот момент пропадает, открывая текст.
Когда убирает курсор, текст обратно появляется.
c. При нажатии на кнопку читать открывается читалка issuu. Нужно зарегистрировать аккаунт на
ISSUU (http://issuu.com/). Там настроить встройку. Если будут вопросы по настройке, а меня нет
в онлайне, то это оставьте на потом. А вообще по этому поводу много инфы в интернете. На
одном из моих сайтов так сделано (журнал тот что слева http://www.businesspartnerinfo.com/).
7. Контакты (макет - ЭС-Контакты.psd)
a. Обычная форма обратной связи. К ней 2 окна ошибки и благодарности.
5/ Самое важно в работе со мной
1. Самое важно это сроки
2. Работаю по пост оплате. Оплата всегда поступает вовремя, как только я получаю результат. Без всяких
задержек. Любым удобным способом. Если нужна страховка, можно проводить сделки без риска на
www.free-lance.ru.
3. По итогам сдачи сайт должен работать без ошибок. Тестирование сайта проводится не мной. В итоге я
хочу получить рабочий сайт и не тратить время на пробы и ошибки.
4. Обеспечиваю постоянными заказами тех с кем мне удобно работать.
6/ Контактная информация
По всем вопросам связанным с данным проектом можно обращаться:
Сергей Александрович
Г. Санкт-Петербург
P: +7 (921) 952-957-2
S: Serge-spb1
E1: sk_stiles@mail.ru (меил-агент)
E2: sk@studioformer.ru