Адаптации растений и животных к жизни в горах: Большое значение для жизни организмов в горах имеют степень расчленения, крутизна и экспозиционные различия склонов...
История создания датчика движения: Первый прибор для обнаружения движения был изобретен немецким физиком Генрихом Герцем...
Топ:
Комплексной системы оценки состояния охраны труда на производственном объекте (КСОТ-П): Цели и задачи Комплексной системы оценки состояния охраны труда и определению факторов рисков по охране труда...
Характеристика АТП и сварочно-жестяницкого участка: Транспорт в настоящее время является одной из важнейших отраслей народного...
Эволюция кровеносной системы позвоночных животных: Биологическая эволюция – необратимый процесс исторического развития живой природы...
Интересное:
Влияние предпринимательской среды на эффективное функционирование предприятия: Предпринимательская среда – это совокупность внешних и внутренних факторов, оказывающих влияние на функционирование фирмы...
Аура как энергетическое поле: многослойную ауру человека можно представить себе подобным...
Инженерная защита территорий, зданий и сооружений от опасных геологических процессов: Изучение оползневых явлений, оценка устойчивости склонов и проектирование противооползневых сооружений — актуальнейшие задачи, стоящие перед отечественными...
Дисциплины:
 2020-05-07 |
 96 |
из
5.00
|
Заказать работу |
|
|
|
|
На разработку сайта
Содержание
Введение 3
Структура сайта 4
Стандартные элементы страниц 5
Описание страниц 7
Главная страница 7
Наши услуги 7
Наши работы 8
Вопрос - ответ 8
Контакты 8
Формы 9
Функциональные требования 11
|
|
Нефункциональные требования 12
Контент 12
Дизайн 12
Требования к верстке 12
Дополнительная информация для выполнения технических требований. 14
Введение
Назначение документа
Данный документ содержит постановку задачи на разработку многостраничного сайта «Авантаж»
Документ описывает границы проекта, в нем собрана вся информация, которую необходимо учитывать в ходе проекта, зафиксированы цели проекта и требования, предъявляемые к проекту.
На основании сведений, приведенных в документе, осуществляются работы по разработке концепции сайта. После утверждения документа внесение изменений требует дополнительного согласования.
Дальнейшие шаги
Утвержденный документ является единой постановкой задачи.
Структура сайта
● Главная страница
● Наши услуги
o Ремонт квартир и комнат
o Ремонт квартир под ключ
o Ремонт квартир в новостройках
o И т.д.
● Фотоотчеты (Наши работы)
● Вопрос - ответ
● Контакты
Стандартные элементы страниц
Стандартные элементы страниц – это элементы, присутствующие на всех страницах сайта.
Шапка страницы
Шапка страницы (header) – верхняя часть страницы, визуально отделенная от основного контента, содержащая навигаторы и графические элементы оформления.
Шапка страницы содержит:
● элемент фирменного стиля сайта (логотип);
● навигация
o Главная страница
o Наши услуги
o Наши работы
|
|
o Вопрос - ответ
o Контакты
● Телефон
● Кнопка «заказать звонок»
Логотип сайта является ссылкой на главную страницу сайта, на всех страницах сайта, за исключением главной страницы. На главной странице ссылкой не является.
При клике по ссылкам навигации пользователь переходит в текущей вкладке на соответствующую страницу сайта.
Подвал страницы
Подвал страницы (footer) – нижняя часть страницы, визуально отделенная от основного контента.
Подвал страницы содержит:
● элемент фирменного стиля сайта (логотип);
● социальные сети
● копирайты;
● контакты
● ссылка «политика конфиденциальности» и «пользовательское соглашение»
Навигационная цепочка
«Хлебные крошки» (англ. Breadcrumbs).
Присутствует на всех внутренних страницах сайта. Представляет собой путь по сайту от главной страницы до текущей, на которой находится пользователь, в виде ссылок на вышележащие разделы и подразделы.
Пагинация по страница
Присутствует на страницах Наши проекты и Отзывы
Описание страниц
Главная страница
Содержание страницы:
● Шапка страницы
● Стартовый блок:
○ Фотография:
○ Заголовок
○ Подзаголовок
○ Кнопка «Рассчитать стоимость»
● Преимущества
○ Список состоит не менее чем из 4 пунктов:
■ Иконка;
■ Описание в одно предложение;
● Описание самой компании
○ Текстовый блок
● Этапы работы
○ Список этапов работы
■ Иконка
■ Описание
● Подвал страницы
Наши услуги
Содержание страницы:
● Шапка страницы
● Навигационное меню категорий
○ Ремонт квартир под ключ
○ Капитальный ремонт
○ И т.д.
● Описание услуги + кнопка «Рассчитать стоимость»
○ При клике на кнопку появляется модальное окно с формой калькулятора
● Подвал страницы
Наши работы
Содержание страницы:
● Шапка страницы
● Список проектов
○ Фотография (или галерея)
○ Описание проекта
○ Кнопка “Узнать стоимость”
■ При клике на кнопку появляется модальное окно с формой обратной связи
● Пагинация по страницам
● Подвал страницы
Вопрос - ответ
Содержание страницы:
● Шапка страницы
● Список вопросов
○ Вопрос
○ Ответ
● Подвал страницы
Контакты
Содержание страницы:
● Шапка страницы
|
|
● Контактные данные
○ Телефон
○ Адрес
○ Электронная почта
● Форма для связи
● Подвал страницы
Формы
Данный раздел содержит информацию о структуре и функциональных особенностях контактных форм.
Контактная форма
Действующее лицо: незарегистрированный пользователь.
Интерактивные элементы
| Элемент | Обязательно для заполнения | Примечание |
| Поле «Имя» | да | |
| Поле «E-mail» | нет | Проверка на валидацию |
| Поле «Телефон» | да | Проверка на валидацию |
| Капча | да | |
| Чек-бокс «Я согласен на обработку персональных данных согласно Политике конфиденциальности» | да | При клике по ссылке «Политике конфиденциальности» пользователю в новой вкладке открывается PDF-страница «Политика конфиденциальности». |
| Кнопка «Отправить» |
Основной сценарий:
Пользователь заполняет поля, нажимает на кнопку «отправить». После нажатия на кнопку «отправить» в этом же блоке появляется окно успешного бронирования с текстом «Спасибо, ваша заявка отправлена! Мы свяжемся с вами и ответим на все ваши вопросы».
Интерактивные элементы
| Элемент | Обязательно для заполнения | Примечание |
| Поле «Имя» | да | Проверка на валидацию |
| Поле «Телефон» | да | Проверка на валидацию |
| Кнопка «Отправить» |
Основной сценарий:
Пользователь заполняет поля, нажимает на кнопку «отправить». После нажатия на кнопку «отправить» в этом же блоке появляется окно успешного бронирования с текстом «Спасибо, ваша заявка отправлена! Мы свяжемся с вами и ответим на все ваши вопросы».
Форма расчет стоимости
Действующее лицо: незарегистрированный пользователь.
Интерактивные элементы
| Элемент | Обязательно для заполнения | Примечание |
| Поле «Имя» | да | |
| Поле «Телефон» | да | Проверка на валидацию |
| Поле «Тип Жилья» | да | |
| Поле «Количество комнат» | да | |
| Поле «Необходимо» | да | |
| Поле «Площадь» | да | |
| Поле «Высота потолков» | да | |
| Кнопка «Отправить» |
Основной сценарий:
Пользователь заполняет поля, нажимает на кнопку «отправить». После нажатия на кнопку «отправить» в этом же блоке появляется окно успешного бронирования с текстом «Спасибо, ваша заявка отправлена! Мы свяжемся с вами и ответим на все ваши вопросы».
|
|
Функциональные требования
Нефункциональные требования
Контент
Кто предоставляет контент – заказчик или исполнитель своими силами генерирует его
Дизайн
Для разработки сайта создаются прототипы, на основе которых осуществляются последующие работы по дизайну.
Стилистическое оформление сайта основывается на имеющемся брендбуке проекта и материалах текущего сайта.
Также рекомендуем ссылаться на «Бриф на дизайн» и другие документы, которые позволяют обеспечить базу для работ по дизайну.
Требования к верстке
Необходимо выполнить HTML, CSS, JS (jQuery) верстку сайта по макету, предоставленному в Figma.
Адаптивная верстка
Сайт должен одинаково хорошо смотреться, как на больших мониторах, так и на маленьких девайсах. Ваша верстка будет проверена на девайсах, шириной экрана
● mobile: 320px - 767px
● tablet: 768px - 1023px
● desktop: 1024px - ∞
PixelPerfect (разрешается расхождение в 5px)
Кроссбраузерная верстка
Сайт должен одинаково хорошо отображаться в браузерах:
● Mozilla FireFox
● Google Chrome
● Opera
● Яндекс.Браузер
● Edge
● IE 11+
● Safari (Mac OS)
Хостинг и домен
Процесс разработки выкладывается на github (или его аналоги). Конечный результат загружается на хостинг. (Бесплатные хостинг: Beget Sprinthost)
Дополнительная информация для выполнения технических требований.
Липкий хеадер (header slicky)
Паралакс эффект
Создание рабочей формы
На разработку сайта
Содержание
Введение 3
Структура сайта 4
Стандартные элементы страниц 5
Описание страниц 7
Главная страница 7
Наши услуги 7
|
|
Наши работы 8
Вопрос - ответ 8
Контакты 8
Формы 9
Функциональные требования 11
Нефункциональные требования 12
Контент 12
Дизайн 12
Требования к верстке 12
Дополнительная информация для выполнения технических требований. 14
Введение
Назначение документа
Данный документ содержит постановку задачи на разработку многостраничного сайта «Авантаж»
Документ описывает границы проекта, в нем собрана вся информация, которую необходимо учитывать в ходе проекта, зафиксированы цели проекта и требования, предъявляемые к проекту.
На основании сведений, приведенных в документе, осуществляются работы по разработке концепции сайта. После утверждения документа внесение изменений требует дополнительного согласования.
Дальнейшие шаги
Утвержденный документ является единой постановкой задачи.
Структура сайта
● Главная страница
● Наши услуги
o Ремонт квартир и комнат
o Ремонт квартир под ключ
o Ремонт квартир в новостройках
o И т.д.
● Фотоотчеты (Наши работы)
● Вопрос - ответ
● Контакты
|
|
|
Кормораздатчик мобильный электрифицированный: схема и процесс работы устройства...
Семя – орган полового размножения и расселения растений: наружи у семян имеется плотный покров – кожура...
Опора деревянной одностоечной и способы укрепление угловых опор: Опоры ВЛ - конструкции, предназначенные для поддерживания проводов на необходимой высоте над землей, водой...
Автоматическое растормаживание колес: Тормозные устройства колес предназначены для уменьшения длины пробега и улучшения маневрирования ВС при...
© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!