цуцуппуц. КОД 1.2_ВАРИАНТ 1. Задание для демонстрационного экзамена по комплекту оценочной документации 2 по компетенции 17 Вебдизайн и разработка
 Скачать 81.46 Kb.
|
 Задание для демонстрационного экзамена по комплекту оценочной документации № 1.2 по компетенции № 17 «Веб-дизайн и разработка»Вариант 1 Задание включает в себя следующие разделы: Формат Демонстрационного экзамена Формы участия Вид аттестации Модули задания, критерии оценки и необходимое время Необходимые приложения Продолжительность выполнения задания: 3 ч. Формат Демонстрационного экзамена: Очный / Распределенный / Дистанционный Форма участия: Индивидуальная Вид аттестации: Промежуточная Модули задания, критерии оценки и необходимое время Модули и время сведены в Таблице 1. Таблица 1.
Модули с описанием работ Модуль 1: Верстка сайта содержаниеДанный тестовый проект состоит из следующих файлов: Задание.pdf - текст задания Media.zip – медиа файлы введениеТехнологии этого модуля: HTML5, CSS3, граф. дизайн Время на выполнение: 3 часа К вам обратилась компания «Alone at home», предоставляющая услуги гостеприимства для желающих с удобством провести дни самоизоляции. Главная цель компании – сделать дни вынужденной самоизоляции максимально комфортными и безопасными для клиентов. Клиенты «Alone at home» имеют возможность забронировать один из уютных домов-бочек, расположенных в живописнейших уголках нашей страны. Помимо проживания, компания предоставляет широкий спектр услуг, таких как: питание, медицинское сопровождение, услуги курьера и т.д. Чтобы воспользоваться услугами компании необходимо: Выбрать даты и место самоизоляции; Выбрать количество проживающих; Выбрать желаемый кемпинг, соответствующий условиям выше; Выбрать понравившийся дом-бочку на территории кемпинга; Определить перечень дополнительных услуг; Оформить заказ. Девиз компании «Alone at home»: Комфортно для Вас – безопасно для общества. Вам необходимо использовать все имеющиеся навыки в дизайне и верстке чтобы сверстать Landing Page, а также все остальные страницы. Используйте анимацию для привлечения внимания посетителя к особенностям компании и предоставляемым услугам. Заказчик отметил, что ее деятельность ориентирована в основном, на людей в возрасте от 35, ценящих комфорт и заботящихся о своем здоровье и здоровье своих близких. Компания не хочет разбираться со сторонними авторскими правами на материалы, поэтому вы можете использовать только то, что предоставляет заказчик в медиафайлах или ваши личные дизайнерские разработки. описание проекта и задачВаша задача – сверстать следующие страницы веб-сайта: Главная страница - Landing Page; Страница с результатами поиска кемпингов; Страница выбора дома-бочки из свободных в кемпинге; Страница бронирования; Главная страница (Landing page) Главная страница должна содержать следующие блоки: Шапка сайта Логотип компании Меню навигации Акции Поиск Управление бронированием Секция(и) описывающая алгоритм бронирования. Шаги в алгоритме нужно представить при помощи анимированной инфографики. Секция, содержащая следующую информацию о компании: Цель Девиз Отзывы клиентов Форма поиска. Должна содержать следующие поля ввода: Выбор региона; Дата заселения; Дата выселения; Количество человек (от 1 до 5 включительно); Кнопка «Поиск». Акции (список акций доступен в медиафайлах). Каждая акция должна содержать следующую информацию: Изображение Название акции Краткое описание акции Кнопка для просмотра акции Форма для подписки на закрытые акции. Должна содержать следующие поля: Поле для ввода Email Кнопка для подписки Подвал сайта Телефон “8 (800) 100-10-10” Навигация по сайту (список ссылок для навигации будет предоставлен в медиафайлах) Пример списка из медиафайлов (формат может отличаться):
Это значит, что в вашей верстке должны быть следующие ссылки:
где xxxxxx - ваш логин. Страница с результатами поиска кемпингов Попасть на эту страницу можно с главной (из формы поиска). На этой странице необходимо отобразить информацию о всех вариантах кемпингов, где есть свободные дома-бочки на выбранные даты, с указанием количества свободных домов-бочек, а именно: Регион Наименование и адрес кемпинга Дата заселения Дата выселения Количество свободных домов-бочек Предусмотрите способ для выбора понравившихся вариантов и кнопку для перехода к выбору дома-бочки из свободных в кемпинге. Страница выбора дома-бочки в кемпинге На этой странице необходимо отобразить: Схему кемпинга с возможностью выбрать свободный дом. Кнопку для перехода к странице бронирования. Страница бронирования На этой странице необходимо отобразить форму для сбора данных о постояльцах кемпинга и определения набора дополнительных услуг, а именно: Данные о заказе Регион Адрес кемпинга Дата заселения Дата выселения Стоимость Данные о постояльцах (для каждого постояльца) Фамилия Имя Отчество Дата рождения Номер документа Выбор дополнительных услуг: Медицинское сопровождение Курьерские услуги Питание Кнопка для добавления еще одного человека в бронирование Кнопка для удаление человека из брони Итоговая стоимость Кнопка для оформления бронирования ИНСТРУКЦИя ДЛЯ УЧАСТНИКА Сверстанный веб-сайт должен быть доступен по адресу http://xxxxxx-m1.wsr.ru/, где xxxxxx - логин участника (указан на индивидуальной карточке). Сохраните сверстанные страницы со следующими именами: Главная страница - Landing Page – index.html Страница с результатами поиска кемпингов – search.html Страница выбора дома-бочки из свободных в кемпинге – seat.html Страница бронирования – booking.html Все страницы указанные выше должны быть доступны к просмотру по соответствующим адресам: http://xxxxxx-m1.wsr.ru/index.html, http://xxxxxx-m1.wsr.ru/search.html и т.д. Проверяются только работы, загруженные на сервер! Ваш HTML/CSS должен быть валидным. Оценка будет производиться в браузере Google Chrome. Использование любых фреймворков и библиотек (например, bootstrap) запрещено. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||