 ПОЗНАВАТЕЛЬНОЕ Сила воли ведет к действию, а позитивные действия формируют позитивное отношение Как определить диапазон голоса - ваш вокал Игровые автоматы с быстрым выводом Как самому избавиться от обидчивости Противоречивые взгляды на качества, присущие мужчинам Вкуснейший "Салат из свеклы с чесноком" Натюрморт и его изобразительные возможности Применение, как принимать мумие? Мумие для волос, лица, при переломах, при кровотечении и т.д. Как научиться брать на себя ответственность Зачем нужны границы в отношениях с детьми? Световозвращающие элементы на детской одежде Как победить свой возраст? Восемь уникальных способов, которые помогут достичь долголетия Классификация ожирения по ИМТ (ВОЗ) Глава 3. Завет мужчины с женщиной
Оси и плоскости тела человека - Тело человека состоит из определенных топографических частей и участков, в которых расположены органы, мышцы, сосуды, нервы и т.д.
| PHP - программирование на стороне сервера
Конкурсное задание Для Регионального чемпионата WorldSkills Russia Нижний Новгород По компетенции Веб-дизайн
Общие данные: Задание рассчитано на 3 полных дня по два временных блока с перерывом на обед. Каждый временной блок рассчитан на выполнение одного модуля, кроме первого дня, когда работа ведется не весь день по одному модулю №1. Т.о. задание состоит из четырех модулей и охватывает следующие технологии: ● модуль 1 - графический дизайн и верстка (40 баллов) - 1 день; ● модуль 2 - верстка CSS (10 баллов) - 2 день; ● модуль 3 - программирование на стороне сервера PHP (20 баллов) - 2 день; ● модуль 4 - программирование на стороне клиента JS (15 баллов) - 3 день;
Порядок выполнения модулей очень важен, т.к. результаты работы предыдущего модуля используются в следующем. Исключением является 2 модуль.
Оценка задания должна осуществляться по следующим критериям
Модуль 1.
Время выполнения: 6 часов. Вводные данные: Расположены на общем сервере в папке “Media”: Название фирмы - “_____________”, логотип, mockup двух страниц (главная со списком товаров и страница товара с подробным описанием), краткое описание, список товаров или услуг с фотографиями и описанием, набор случайных изображений и текста на тему фирмы, блок изображений стандартных социальных сервисов и шрифты. Выходные данные: набор файлов в формате HTML5 и CSS3.
Ваша задача - разработать сайт для интернет-магазина по продаже определенного товара, используя вводные данные и требования. Дизайн вашего сайта должен эффективно поддерживать цели сайта – вы должны выбирать цвета, шрифты, графические элементы исходя из сферы деятельности организации (например, сине-голубая гамма цветов ассоциируется с корпоративным стилем). Дизайн сайта должен использовать принцип единообразия в структуре страницы: единый размер элементов, одинаковую высоту навигационных кнопок, оформление заголовков, подзаголовков и основного текста, оформления ссылок и изображений для всех страниц сайта.
Требуется разработать сайт в соответствии с предоставленными прототипами страниц (Mockup). Главная страница должна быть сверстана с учетом просмотра ее на различных устройствах с разными разрешениями, т.е. ● иметь адаптивную (“резиновую”) верстку для просмотра на компьютере при различных разрешениях. ● иметь мобильную версию для просмотра на телефонах с touchscreen и разрешением 320х480. Специальных требований по расположению элементов на странице не предъявляется, но необходимо учитывать разрешение и способ навигации по странице.
Оценка данного модуля будет осуществляться по следующим критериям:
Модуль 2.
Время выполнения: один временной блок, 3 часа. Вводные данные: Сайт в формате HTML с удаленным CSS-файлом и скриншот данного сайта до момента удаления CSS. Выходные данные: набор файлов в формате CSS. Запрещено: редактировать HTML-файлы.
Ваша задача - воссоздать удаленный css-файл используя структуру оставшихся HTML-файлов и снимка экрана с данным сайтом, когда его структура была еще цела.
Оценка данного модуля будет осуществляться по следующим критериям:
Модуль 3 PHP - программирование на стороне сервера
Время выполнения: один временной блок, 4 часа Вводные данные: html-файл с версткой страницы сайта, разработанный в рамках выполнения задания Модуля 1, необходимые графические, текстовые файлы. Выходные данные: сайт в HTML5+CSS3+PHP
Ваша задача – реализовать указанный функционал. В качестве исходной страницы используется html-файл, созданный при выполнении задания Модуля 1. Необходимо реализовать систему регистрации и авторизации администраторов и пользователей. Вся создаваемая текстовая информация, в том числе данные аккаунтов, должна храниться в базе данных.
Задание модуля: Каталог интернет-магазина 1. В режиме пользователя: 1.1 Возможность регистрации и авторизации пользователя (указание логина, e-mail); 1.2 Вывод приветственного сообщения на экран с данными (логин, автоматически сгенерированный пароль); 1.3 Отображение товаров в виде таблицы N x 3, где 3 - количество столбцов. Содержимое ячеек по строкам и количество строк определяется автоматически в зависимости от общего количества товаров (товары сгруппированы по категориям). 1.4 Каждая ячейка содержит следующую информацию о товаре (услуге): а) Фото; б) Наименование товара; в) Стоимость; 1.5 Изображение – гиперссылка, переход по которой открывает новое окно с Названием, описанием, стоимостью и соответствующим изображением. 2 После авторизации администратора по логину admin и паролю admin 2.1 Возможность добавления новых позиций товара с указанием наименования, описания товара, стоимости, принадлежности к одной из трех заранее определенных категорий. Выбор категории осуществляется из выпадающего списка, данные в который заносятся из базы данных; 2.2 Изображения автоматически обрезаются до размеров 120 х 120 px. В дальнейшем используются только полученные изображения.
Модуль 4. Программирование на стороне клиента JS + анимация Время выполнения: 3 часа Вводные данные: название фирмы по продаже товаров или услуг, логотип, краткое описание, список товаров или услуг с фотографиями и описанием, набор случайных изображений и текста на тему фирмы из модуля 1. Выходные данные: набор файлов в формате HTML5, CSS3 и js.
Ваша задача – создать анимированный баннер, используя HTML5, CSS3 и JavaScript, для рекламы и повышения прибыли от сайта, разработанного в модуле 1. Вам необходимо использовать один из следующих стандартных размеров: ● Небоскреб – 120х600px ● Широкий небоскреб – 160х600px
Требования к баннеру: ● Использовать логотип фирмы ● Использовать минимум одну картинку ● Реализовать интерактивные функциональные возможности (при наведении, при нажатии и т.д.) ● Предусмотреть механизм перехода на целевой сайт (рекламируемый продукт), созданный в модуле 1. Сайт должен открываться в новой вкладке
Требования к анимации ● Реализовать анимацию, длительностью не менее 5 секунд, т.е. не мгновенное изменение состояния объекта ● Анимация должна состоять минимум из трех сцен ● На каждой сцене должно быть не менее двух активных, взаимодействующих объектов ● Переход к последующей сцене осуществляется или по результатам взаимодействия объектов на сцене или в результате интерактивных действий пользователя
Дополнительные условия: использовать только HTML5\CSS3\JS\jQuery. Можно создавать собственные графические объекты, но нельзя использовать gif-анимацию или Adobe Flash. Варианты “слайдеров” запрещены.
|
