Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






По компетенции Веб-дизайн






Предварительное конкурсное задание

 

Общие данные:

Задание рассчитано на 3 полных дня по два временных блока с перерывом на обед. Каждый временной блок рассчитан на выполнение одного модуля, кроме первого дня, когда работа ведется весь день по одному модулю №1. Т.о. задание состоит из пяти модулей и охватывает следующие технологии:

● модуль 1 - графический дизайн и верстка (40 баллов);

● модуль 2 - верстка CSS (10 баллов);

● модуль 3 - программирование на стороне сервера PHP (20 баллов);

● модуль 4 - программирование на стороне клиента JS (15 баллов);

● модуль 5 - программирование PHP + JS (15 баллов);

 

Порядок выполнения модулей очень важен, т.к. результаты работы предыдущего модуля используются в следующем. Исключением являются 2 и 5 модули, которые можно исключить из задания при ограничении времени на выполнение работ.

Некоторые модули требуют дополнительных вводных данных для начала соревнований, которые публикуются на закрытом форуме на кануне чемпионата.

 

Оценка задания должна осуществляться по следующим критериям

День Критерий Объект Субъект Сумма
1, 2 А Графический дизайн страниц      
B Верстка страниц      
  С Программирование на стороне сервера      
  D Программирование на стороне клиента      
E Анимация      
итого      

 

Модуль 1.
Графический дизайн + Верстка

 

Время выполнения:

два временных блока с перерывом на обед, 6-8 часов.

Вводные данные:

Название фирмы по продаже товаров или услуг, логотип, mockup всех страниц, краткое описание, список товаров или услуг с фотографиями и описанием, набор случайных изображений и текста на тему фирмы, блок изображений стандартных социальных сервисов и шрифты. Все материалы публикуются на закрытом форуме национальным экспертом из другого округа на кануне перед соревнованием.

Выходные данные:

набор файлов в формате HTML5 и CSS3.

 

Ваша задача - разработать сайт для представленной компании, используя вводные данные и следующие требования. Дизайн вашего сайта должен эффективно поддерживать цели сайта – вы должны выбирать цвета, шрифты, графические элементы исходя из сферы деятельности организации (например, сине-голубая гамма цветов ассоциируется с корпоративным стилем).

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

Требуется разработать сайт в соответствии с предоставленными макетами страниц (Mockup).

Главная страница должна быть сверстана с учетом просмотра её на различных устройствах с разными разрешениями, т.е.

● иметь адаптивную (“резиновую”) верстку для просмотра на компьютере при различных разрешениях.

● иметь мобильную версию для просмотра на телефонах с touchscreen и разрешением 320х480. Специальных требований по расположению элементов на странице не предъявляется, но необходимо учитывать разрешение и способ навигации по странице.

 

Оценка данного модуля будет осуществляться по следующим критериям:

Аспект Балл
B1 суб-критерий: соответствие представленному Mockup - при оценке работ необходимо руководствоваться понятиями взаимное расположение элементов: до, после, над, под, рядом, внутри, на. За каждое несоответствие - штраф 0, 5 балла
B1O1 элементы групп №1 и 2 представлены на всех страницах сайта  
B1O2 элементы группы №1 соответствуют представленным макетам  
B1O3 элементы группы №2 соответствуют представленным макетам  
B1O4 элементы группы №3 соответствуют представленным макетам  
B1O5 элементы группы №4 соответствуют представленным макетам  
B1С1 Общее впечатление о точности реализации требований макетов  
B2 суб-критерий: адаптивная верстка главной страницы
B2О1 применяется блочная структура на основе тэгов div, а таблицы используются только в контенте  
B2О2 размеры контейнеров элементов страниц изменяются при изменении разрешения  
B2О3 картинки масштабируются при изменении разрешения  
B2О4 используется правило @media для перестраивания порядка элементов на странице  
B2С1 Качество реализации процесса изменения каркаса при различных разрешениях  
B3 суб-критерий: мобильная версия главной страницы
B3О1 при просмотре страницы с мобильного телефона, она полностью адаптируется к новому разрешению (видоизменяется)  
B3С1 общее впечатление и удобство использования главной страницы на мобильном телефоне  
А1 суб-критерий: стилистика и графические решения
А1О1 все основные цвета предоставленного логотипа используются в дизайне сайта (учитываются базовые цвета без оттенков)  
А1О2 все страницы сайта имеют одинаковый графический пользовательский интерфейс  
А1С1 дизайн сайта соответствует профилю деятельности фирмы  
А1С2 общее впечатление о дизайне сайта  
А1С3 использованное графическое оформление элементов страницы (блоков) подчеркивает их взаимосвязь и улучшает восприятие информации.  
А1С4 выбрано оптимальное соотношение яркости (контраст) между текстом и фоном  
А1С5 однородность текста и равномерность распределения пустых мест на всем сайте  

 






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.