Web-дизайн

КОНКУРСНОЕ ЗАДАНИЕ
ПО КОМПЕТЕНЦИИ
WEB- ДИЗАЙН










1. Профессиональные компетенции для выполнения конкурсного
задания:
планировать макет страниц сайта;
создавать, редактировать и оптимизировать изображения для веб-формата;
работать с графикой в различных программных продуктах;
соблюдать уникальность брэнда;
подбирать оптимальную цветовую палитру;
создавать эффективную и интуитивно понятную навигацию сайта;
создавать схему сайта по сетке и выстраивать оптимальное соотношение текста и
графики;
обеспечивать одинаковое отображения сайта при разных разрешениях экрана;
создавать веб-сайты, которые соответствуют стандартам W3C (http://www.w3.org),
включая обновленные стандарты;
пользоваться CSS, JavaScript для построения вебсайта.
2. Описание конкурсного задания
Участникам будет предложено разработать WEB-сайт городов Золотого кольца
России. Веб-страницы должна содержать информацию о городах и фотографии. Контент,
состоящий из текста, изображений и вспомогательной графики для создания сайта,
прилагается к заданию.
Общее время выполнения задания 2 часа.
2.1.
Разработать макет главной и типовой страницы в одном из графических
редакторов.
Макет предполагает наличие в сайте главной и типовой страницы.
2.2.
Осуществить верстку главной страницы и типовой страницы согласно макету.
Главная страница должна содержать вводный текст, фотографии всех городов в виде
слад-шоу или статических графических ссылок, новости.
Типовые страницы должны содержать информацию о городах.
КОНКУРСНОЕ ЗАДАНИЕ
Вам предстоит разработать WEB-сайт городов Золотого кольца России. Задание
заключается в разработке макета страниц web – сайта, а также осуществить верстку страниц.
Веб-страницы должна содержать информацию о городах и фотографии. Контент, состоящий
из текста, изображений и вспомогательной графики для создания сайта, прилагается к
заданию. Не требуется использовать все изображения и текст. Дизайн должен быть
минималистичен, но более полно отражать тему сайта.
Дизайн сайта должен использовать принцип единообразия в структуре страницы:
единый размер элементов, одинаковую высоту навигационных кнопок, оформление
заголовков, подзаголовков и основного текста, оформления ссылок и изображений для всех
страниц сайта.
Общее время выполнения задания 2 часа.
2.3.
Разработать макет главной и типовой страницы в одном из графических
редакторов.
2.3.1. Макет предполагает наличие в сайте главной и типовой страницы. Все элементы
страницы должны быть подписаны.
2.3.2. Описание макетов должно содержать описание палитры цветов, используемых
шрифтов.
2.4.
Осуществить верстку главной страницы и типовой страницы согласно макету.
2.4.1. Главная страница должна содержать вводный текст, фотографии всех городов в
виде слад-шоу или статических графических ссылок, новости.
2.4.2. Типовые страницы должны содержать:

информацию о городах (краткая справка),

о турах в эти города,

достопримечательности,

карту золотого кольца.
2.4.3. Для навигации необходимо использовать главное меню и другие средства
навигации.
 Хедер должен содержать название сайта и логотип. Оптимизация сайта под разные
браузеры
3. Инструкции для участника





Основная папка для работы WorldSkills_ФИО_участника.
Макеты вы можете сделать в программах AdobePhotoshop или другом приложении. Папка
для размещение макетов WorldSkills _ФИО_участника\макеты. В этой же папке сохраняется
описание палитры цветов, используемых шрифтов.
Вид сайта - сайт - визитка. Сайт должен запускаться с индексного файла, который должен
иметь название index.html, фотографии и рисунки должны находиться в папке images. Папка
для сайта: WorldSkills _ФИО_участника
Для создания сайта используется редактор Блокнот, HTML, CSS, JavaScript.
Для оформления сайта необходимо использовать CSS –стили в отдельном файле.
4. Оборудование одного конкурсного места участника:






компьютер (CPU 3.60ГГц / HDD 500 Гб/ DDR 8Гб);
монитор 21,5”;
графический планшет (вопрос изучается);
сетевой удлинитель;
стол;
стул.
5. Программное обеспечение компьютера:
1.
2.
3.
4.
5.
6.
Windows 7
Microsoft Office 2013
AdobePhotoshop.
Notepad ++.
Web Browser - Internet Explorer.
Web Browser – Firefox.
7. Справочник HTML – тегов.
6. Критерии оценки практического задания по компетенции
«WEB- ДИЗАЙН»
1.
1)
2)
3)
2.
1)
2)
3)
Технические характеристики
Структура сайта
 Наличие главной страницы,
соответствующей макету.
 Наличие страниц,
соответствующих пунктам меню и
кнопкам.
Навигация на сайте
 Слайд-шоу.
 Статические графические
ссылки.
 Главное меню.
 Дополнительное меню.
 Текстовые гиперссылки.
Создание кода страниц в
соответствии с рекомендациями W3
 Вынесение стилей в отдельный
CSS- файл.
 Оптимизация сайта под разные
браузеры.
 Резиновая верстка.
 Корректное распределение
уровней заголовков.
Дизайн сайта
Элементы сайта:
 Оформление хедера:
логотип, заголовок.
 Оформление футера.
 Контентная часть, размер,
соблюдение пропорций.
Оформление текста:
 заголовков,
 абзацев,
 отступы,
 вид шрифта
 цветовая схема шрифта
Цветовая схема
Используемая палитра цветов
Цветовой стиль сайта
Итого:
0-50
6
5
5
2
6
4
2
6
6
6
2
0-30
3
2
5
2
2
2
2
2
5
5
80
Участник
№4
Участник
№3
Участник
№2
Наивы
№ п/п Критерии, субкритерии, аспекты сший
балл
Участник
№1
Эксперт ______________________________________
При выполнении задания дизайнеры должны руководствоваться
правилами охраны труда. Участники, не соблюдавшие требований по
охране труда, будут дисквалифицированы.
АНКЕТА УЧАСТНИКА
Регионального конкурса профессионального мастерства компетенции
«Web - дизайн» по стандартам международного движения WorldSkills
Russia.
Уважаемый участник конкурса, ответьте, пожалуйста на вопросы.
Отметьте галочкой или допишите ответ.
Выполнение практического
задания было для меня
Интересно
Важно, как средство проверки знаний и умений
Другое (напишите)
Оцените степень сложности
практического задания
Высокая
Средняя
Низкая
Были ли у Вас затруднения
и чем они были вызваны
Незнание или непонимание задания
Недостаточное практическое обучение
Учебно-материальная база моего учебного
заведения
Недостаточная подготовка педагогов
Другое