Основные требования к заданию

● Код сайта должен быть валиден и соответствовать требованиям HTML5, CSS3;

● Сайт должен иметь мобильную версию и отображаться корректно на различных устройствах (ПК, планшет, телефон).

● CSS код должен быть валиден;

● Наименования элементов (class, id) должны соответствовать их применению.

● Необходимы комментарии к блокам кода с описанием того что реализуется в том или ином блоке;

● Сайт должен одинаково отображаться в следующих браузерах:

o Firefox (последняя версия),

o Google Chrome (последняя версия),

● Кодировка файлов – UTF-8;

● Анимация должна соответствовать стилю / дизайну страницы;

● Исходный файл логотипа также должен быть размещен на сервере (.psd,.ai,.cdr)

● Цветовая палитра должна быть сбалансирована;

● Весь текст должен быть соответственно однородным, учитывая шрифт, размер и цвет.

● Главное меню, под меню и подвал должны соответствовать друг другу.

● Пустое пространство, баланс текста и изображений должны быть обдуманными.

● Область блока авторизации и ссылка на регистрацию должны располагаться на главной странице сайта.

● Каждое место на макете космического аппарата должно визуально соответствовать своему состоянию: свободно, не доступно, забронировано вами.

● Сайт должен в обязательном порядке содержать следующие страницы:

o Главная страница:

▪ Форма авторизации: логин, пароль, кнопка авторизации

▪ Отзывы о туре: логин, дата, отзыв

o О компании

▪ Контакты

o Регистрация новых пользователей

▪ Форма: e-mail, логин, пароль, кнопка регистрации

o Страница бронирования с просмотром модели шаттла

▪ Модель шаттла с просмотром статуса мест

▪ Страница бронирования: ФИО, номер паспорта

 

 

# Критерий Балл
Логотип
O Логотип разработан
J Логотип соответствует деятельности компании
J Логотип соответствует РФ 0.5
J Логотип масштабируем 0.5
O Исходник логотипа есть 0.5
J Логотип гармонично вписывается в стиль сайта
Дизайн
J Общий стиль – сдержанный, деловой, с элементом легкости для отражения туристической составляющей.
O Цветовая гамма – как для логотипа.
O Текст везде однородный, учитывая цвет, шрифт и размер
O Каждое место на макете космического аппарата визуально соответствует своему состоянию: свободно, не доступно, забронировано вами 0.5
O Все страницы сайта присутствуют в шаблоне. Штраф 0.5 за каждую отсутствующую страницу
O На главной странице присутствуют отзывы о туре. Каждый отзыв содержит логин пользователя, дату написания отзыва и сам отзыв. Штраф 0.2 за каждую отсутствующую деталь
O Область авторизации и ссылка на регистрацию находится на главной странице 0.5
O На шаттле изображены все места. Штраф 0.5 за каждый неправильный салон 1.5
J Цветовая палитра сбалансирована
J Пустое пространство и отступы равномерно используются
J Главное меню и подвал соответствуют друг другу
J Шаттл выглядит оригинально
J Общее впечатление о дизайне
J Оригинальность дизайна
Верстка
O Код сайта валиден и соответствует требованиям HTML5. Штраф 0.25 за каждую типовую ошибку валидатора W3C
O CSS код валиден
O Наименования элементов (class, id) соответствуют их применению
O Комментарии присутствуют в коде 0.5
O Кодировка файлов – UTF-8 0.5
O Сайт одинаково смотрится во всех указанных браузерах
O Все элементы указанные в задании присутствуют в верстке (формы, поля форм, кнопки и т.д.). Штраф 0.25 за каждый отсутствующий элемент
J Сайт имеет хорошую мобильную версию

 

 


 

 

Модуль 2
Программирование на стороне клиента и сервера
Время выполнения: 4 часа

 

ЗАДАНИЕ

Компания ОАО «Покусись на марс» была воодушевлена вашим дизайном и решила продолжить сотрудничество с вами. Теперь вашей задачей будет “оживить” ваш дизайн-макет и сделать его полноценным сайтом с возможностью бронирования мест на космическом корабле.

 

ОПИСАНИЕ ЗАДАНИЯ

Вам необходимо реализовать следующий функционал:

 

Для гостей сайта

Для гостей сайта необходимо реализовать следующие возможности:

● возможность просмотра страниц:

o Главная страница: Форма авторизации, отзывы

o О компании: контакты

Контент на указанные страницы должен загружаться из базы данных

● возможность осуществить регистрацию на сайте. Для регистрации пользователя необходимо запросить уникальные данные: e-mail пользователя, логин и пароль.