Основные блоки страниц

1.
Структура сайта ......................................................................................................................2
2.
Основные блоки страниц ......................................................................................................3
a.
Шапка сайта .........................................................................................................................3
b. Подвал сайта .......................................................................................................................3
3.
Главная страница ...................................................................................................................4
4.
Курсы .......................................................................................................................................5
a.
Список курсов макет страницы ......................................................................................5
b. Подробная страница курса ..............................................................................................6
5.
Преподаватели .......................................................................................................................7
6.
Отзывы ....................................................................................................................................9
a.
Список отзывов ...................................................................................................................9
b. Написание отзыва .............................................................................................................10
7.
Вопрос-ответ.........................................................................................................................11
8.
О компании ..........................................................................................................................12
9.
Контакты ...............................................................................................................................14
10.
Заявка на обучение ...........................................................................................................15
11.
Галерея работ ....................................................................................................................17
1. Структура сайта
2. Основные блоки страниц
a. Шапка сайта
Содержит:






Логотип;
Название компании;
Меню сайта;
Кнопка «Записаться на обучение». При нажатии открывается форма обратной
связи (см. п.12 «Заявка на обучение»);
Город (определяется автоматически);
Наши филиалы. Является ссылкой на раздел контакты.
Присутствует на всех страницах сайтах
b. Подвал сайта
Содержит:




Логотип;
Реквизиты компании: Название, наши филиалы;
Меню сайта;
Кнопка «Записаться на обучение». При нажатии открывается форма обратной
связи (см. п.12 «Заявка на обучение»);
Присутствует на всех страницах сайтах
3. Главная страница
макет главной страницы
Страница содержит:

Блок «Слайдер».
Содержит список элементов управляемых кнопками слайдера «Влевовправо». Вывод производится по 1 элементу.






Каждый элемент содержит изображение;
Блок «Курсы».
Содержит список элементов и ссылку в раздел «Курсы».
На странице выводится 6 элементов, выбранных в административной части
сайта для публикации на главной странице.
Каждый элемент содержит: Название, Изображение, ссылку на раздел.
Кнопка «Записаться на обучение». При нажатии открывается форма
обратной связи (см. п.12 «Заявка на обучение»);
Блок «Об обучении». Содержит текстовую информацию;
Блок «Работы учащихся».
Содержит список элементов. На странице выводится 4 элемента и ссылка
для перехода в раздел – перейти ко всем работам;
Каждый элемент содержит: Название, краткое описание, изображение,
ссылку на раздел;
Блок «Отзывы».
Содержит список из 4 элементов, раздела отзывы. Вывод элементов
производится из административной части сайта из инфоблока «Отзывы»
включением чек-бокса «На главную».
Каждый элемент содержит:
o Изображение;
o Имя, фамилия;
o Должность;
o Текст отзыва;
Блок «О компании». Содержит текстовую информацию.
4. Курсы
a. Список курсов
макет страницы
страница содержит:


Заголовок страницы;
Список элементов, где каждый элемент содержит:
o Изображение;
o Название;
o Описание;
o Ссылку «Подробнее». При нажатии на ссылку происходит переход к
подробной странице;
Элементы располагаются в две колонки на одной странице.
b. Подробная страница курса
Макет страницы
Страница содержит:



Заголовок страницы;
Блок изображений. Содержит 4 изображения, при нажатии на любое
открывается для подробного просмотра в popup окне;
Текстовая информация;
5. Преподаватели
Макет страницы
Страница содержит:



Заголовок;
Текстовый блок;
Блок «Преподаватели». Содержит список элементов в одну колонку, где
каждый элемент содержит:
o Изображение;
o
o
o
o
Фамилия, Имя, Отчество;
Образование. Текстовая информация;
Название преподаваемой дисциплины;
Описание (или информация о преподавателе).
6. Отзывы
a. Список отзывов
Макет страницы
Страница содержит:



Заголовок;
Кнопка «Оставить отзыв». При нажатии открывается форма обратной связи
(см. п.8 - б «Обратная связь»);
Список элементов, где каждый элемент содержит:
o Изображение;
o Имя;


o Должность;
o Текст отзыва.
Постраничный вывод;
Виджет с http://novosibirsk.flamp.ru/ , при нажатии происходит переход на
страницу отзывов компании.
b. Написание отзыва
Макет страницы
popup окно содержит поля:




*Имя (ЭР - текстовое поле);
*Ваш отзыв (ЭР - текстовое поле);
*Капча. Содержит изображение и поле для ввода капчи (ЭР – текстовое поле) для
проверки на соответствие.
Кнопка «Отправить».
7. Вопрос-ответ
Макет страницы
страница содержит:


Заголовок;
Блок «Вопрос-ответ». Содержит список элементов, где каждый элемент
содержит:
o Имя;
o Дата;
o Вопрос. Текстовый блок;
o Ответ. Текстовый блок.
На странице выводится по 10 элементов. Просмотр управляется
переключателем страниц.

Блок «Задать вопрос». Содержит форму обратной связи с полями:
o *Ваше Имя (ЭР – текстовое поле);
o *E-mail (ЭР – текстовое поле);
o *Ваш Вопрос (ЭР – текстовое поле);
o *Капча. Содержит изображение и поле для ввода капчи (ЭР –
текстовое поле) для проверки на соответствие.
o Кнопка «Отправить». При корректном заполнении всех полей, после
нажатия на кнопку выводится событие «Ваш вопрос принят».
Если любе поле заполнено некорректно, то при попытке отправить
вопрос нажатием на кнопку «Отправить» некорректное поле(или
поля) подсвечиваются красным цветом.
Отправленные сообщения попадают в Инфоблок «Вопрос-ответ» в
административной панели, где администратор имеет возможность
ответить на вопрос и опубликовать его на сайте. Для публикации на
сайте у элемента отзыва нужно включить чек-бокс «Опубликовать на
сайте».
8. О компании
Макет страницы
Страница содержит:



Заголовок;
Блок изображений. Содержит 3 изображения, при нажатии на любое
открывается для подробного просмотра в popup окне;
Текстовая информация;
9. Контакты
Макет страницы
Страница содержит:



Заголовок;
Интерактивная карта с метками филиалов;
Список элементов адресов. Содержит список элементов в 3 колонки, где
каждый элемент содержит:
o Район;
o Адрес. При нажатии открывается Заявка на обучение в popup окне
(См. п.12)
o Телефон.
Все адреса делятся на закладки по городам, где у каждого города свой
список.
10.
Заявка на обучение
Макет popup окна
popup окно содержит поля:












Ученик;
*Фамилия (ЭР - текстовое поле);
*Имя (ЭР - текстовое поле);
*Отчество (ЭР - текстовое поле);
Дата рождения (ЭР - текстовое поле);
*Город (ЭР – выпадающий список);
*Школа (ЭР – выпадающий список);
*Класс (ЭР – выпадающий список);
Ваш Филиал. Выводится текст по соответствию школы.
Родители
*Ваше имя (ЭР - текстовое поле);
*Ваш Телефон (ЭР - текстовое поле);



Ваш E-mail (ЭР - текстовое поле);
Кнопка «Отправить»;
Кнопка «Закрыть окно».
При корректном заполнении всех полей, после нажатия на кнопку выводится событие
«Ваша заявка принята».
Если любое поле заполнено некорректно, то при попытке отправить вопрос нажатием на
кнопку «Отправить» некорректное поле(или поля) подсвечиваются красным цветом.
Письма приходят на почту администратора и в инфоблок «Заявки» административной
части сайта. Данные хранятся в инфоблоке и имеется возможность экспортировать
данные в файле CSV.
11.
Галерея работ
Макет страницы
Страница содержит:



Заголовок;
Закладку фильтрации работ по разделам каталога работ:
Программирование, Дизайн;
Список элементов работ содержит список элементов, где каждый элемент
содержит: изображение, название и является ссылкой на подробную
страницу проекта.
Подробная страница проекта содержит текстово-графическую информацию.