КОНКУРСНОЕ ЗАДАНИЕ ПО КОМПЕТЕНЦИИ 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. Уважаемый участник конкурса, ответьте, пожалуйста на вопросы. Отметьте галочкой или допишите ответ. Выполнение практического задания было для меня Интересно Важно, как средство проверки знаний и умений Другое (напишите) Оцените степень сложности практического задания Высокая Средняя Низкая Были ли у Вас затруднения и чем они были вызваны Незнание или непонимание задания Недостаточное практическое обучение Учебно-материальная база моего учебного заведения Недостаточная подготовка педагогов Другое