Положение о студенческой олимпиаде по компетенции «Сайтостроение»
1.1. Настоящее Положение определяет порядок организации и проведения олимпиады по учебным дисциплинам образовательной организации.
1.2. Олимпиада – это форма интеллектуального соревнования, позволяющая выявить знания студентов в определенной предметной области, умение их применять в нестандартных ситуациях, требующих творческого мышления.
1.3. Действие настоящего положения регламентируется следующими документами и нормативными актами:
Федеральным законом РФ от 29.12.2012 №273-ФЗ «Об образовании в Российской Федерации».
Федеральными государственными стандартами.
Уставом и локальными актами образовательной организации.
1.4. Настоящее Положение может дополняться и изменяться в соответствии с изменениями условий и требований.
1.5. Настоящее Положение утверждается заместителем руководителя по учебной работе образовательной организации.
Цель и задачи
2.1. Целью организации и проведении олимпиады по компетенции “Сайтостроение” является: выявление одаренных учащихся; предоставление участникам Олимпиад возможности альтернативной оценки собственных знаний.
2.2. Задачи олимпиады:
развивать творческую активность студентов, расширять культурный диапазона;
привлечь студентов к самостоятельному поиску и использованию информации; -
закрепить и систематизировать знания HTML и CSS
совершенствовать навыки применения теоретических знаний на практике;
простимулировать творческую и познавательную активность обучающихся.
выяснить слабые и сильные стороны обучающихся в части web -дизайна
Организации и проведение олимпиады
В олимпиаде участвуют студенты группы ИС- 3 курса
Руководитель олимпиады: Грисман С.С.
Сроки проведения олимпиады: ______мая____________г., 8.30 – 11.50
Место проведения: лаборатория технических средств информатизации № 505.
Перечень заданий и время для выполнения
1. Тестирование по терминологии HTML (20 минут).
2. Тестирование по терминологии CSS (20 минут.).
3. Творческое практическое задание (140 мин.).
Жюри олимпиады
Грисман С.С., преподаватель ФКПОУ «НГГТКИ» Минтруда России
Михайлов Н.Н., преподаватель ФКПОУ «НГГТКИ» Минтруда России
Переверзева Е.В., преподаватель ФКПОУ «НГГТКИ» Минтруда России
Итоги олимпиады
Задание 1 и 2 проверяется во время выполнения следующего задания в соответствии с эталонами ответов (см. Приложение 2), после чего объявляется сумма баллов, набранная участниками по выполненному заданию. Задание 3 проверяется по критериям (см. Приложение 2) после завершения олимпиады, в присутствии участника.
Количество баллов вносится в сводную таблицу (см. Приложение 3).
Критерии оценки каждого задания:
Задание 1 – 25 баллов (1 балл – за каждый верный ответ).
Задание 2 – 25 баллов (1 балл – за каждый верный ответ).
Задание 3 – 50 баллов (согласно критериям оценки (см. Приложение 2)).
Список литературы
Берд, Дж. Веб-дизайн.Руководство разработчика. / Дж. Берд. - СПб.: Питер, 2012. - 224 c.
Гарретт, Д. Веб-дизайн. Элементы опыта взаимодействия / Д. Гарретт. - СПб.: Символ-плюс, 2015. - 192 c.
Голомбински, К. Добавь воздуха! Основы визуального дизайна для графики веб и мультимедиа / К. Голомбински, Р. Хаген; Пер. с англ. Н.А. Римицан.. - СПб.: Питер, 2013. - 272 c.
Дакетт, Д. HTML и CSS. Разработка и дизайн веб-сайтов / Д. Дакетт. - М.: Эксмо, 2015. - 480 c.
Кирсанов, Д. Веб-дизайн: книга Дмитрия Кирсанова / Д. Кирсанов. - М.: Символ, 2015. - 368 c.
Кирсанов, Д. Веб-дизайн: книга Дмитрия Кирсанова / Д. Кирсанов. - СПб.: Символ-плюс, 2015. - 376 c.
Макнейл, П. Настольная книга веб-дизайнера / П. Макнейл. - СПб.: Питер, 2013. - 264 c.
Маркотт, И. Отзывчивый веб-дизайн: № 1 / И. Маркотт. - М.: Манн, Иванов и Фербер, 2012. - 176 c.
Нильсен, Я. Веб-дизайн: книга Якоба Нильсена / Я. Нильсен. - М.: Символ, 2015. - 512 c.
Седерхольм, Д. Пуленепробиваемый веб-дизайн. Библиотека специалиста / Д. Седерхольм. - СПб.: Питер, 2012. - 304 c.
Седерхольм, Д. Пуленепробиваемый веб- дизайн / Д. Седерхольм. - СПб.: Питер, 2012. - 304 c.
Сырых, Б.А. Современный веб-дизайн. Эпоха Веб 3.0. / Б.А. Сырых. - М.: Вильямс, 2014. - 368 c.
Сырых, Ю. Современный веб-дизайн. Эпоха Веб 3.0 / Ю. Сырых. - М.: Вильямс И.Д., 2013. - 368 c.
Сырых, Ю.А. Современный веб-дизайн. Эпоха Веб 3.0 / Ю.А. Сырых. - М.: Вильямс, Диалектика, 2013. - 368 c.
Сырых, Ю.А. Современный веб-дизайн. Настольный и мобильный / Ю.А. Сырых. - М.: Вильямс, 2014. - 384 c.
Фельке-Моррис, Т. Большая книга веб-дизайна / Т. Фельке-Моррис. - М.: Эксмо, 2012. - 608 c.
Тестирование по терминологии HTML
(время выполнения 20 минут)
1 HTML - это:
язык гипертекстовой разметкиязык структурной разметкиязык редактированияязык программирования
2 В каком примере корректно описан элемент TR?
3 В каком случае форма будет отправлена методом "post"?
4 Выберите вариант корректного описания синтаксиса тега SCRIPT.
5 Выберите вариант корректной установки цвета фона страницы.
6 Выберите корректный пример вставки изображения в HTML-документ.
7 Для каких элементов может быть установлен атрибут target?
8 Как задать фоновое изображение для таблицы?
с помощью атрибута BACKGROUND тега
9 Как задать цвет фона для строки таблицы?
с помощью атрибута BGCOLOR тега
10 Как объединить несколько ячеек таблицы?
с помощью атрибута ROWSPANс помощью атрибута COLSPANс помощью атрибута CELL; background: #ffffff"> 11 Как указать выравнивание текста в ячейке таблицы?
с помощью атрибута ALIGNс помощью атрибута VALIGNс помощью атрибута CELL; background: #ffffff"> 12 Какая из приведенных гипертекстовых ссылок представляет полную форму записи URL?
ссылка ссылка ссылка ссылка
13 Какие атрибуты из перечисленных принадлежат тегу INPUT:
14 Какие атрибуты принадлежат тегу ?
ALT, ALIGN, USEMAP, HSPACE, VSPACE, BORDERALT, COLOR, USEMAP, HSPACE, VSPACE, BORDERMAP, ALIGN, WIDTH, HSPACE, VSPACE, BORDER
15 Какие значения атрибута ALIGN используются для определения положения изображения относительно окружающего текста?
left right top bottom baseline
16 Какие из приведенных тегов HTML начинают вывод текста с новой строки на странице?
17 Какие из приведенных тегов HTML позволяют изменять параметры шрифта?
18 Какие из приведенных тегов неверно описывают активное изображение?
19 Какие из приведенных тегов позволяют создавать элементы с возможностью выбора нескольких вариантов одновременно?
20 Какие из приведенных тегов являются тегами управления разметкой?
в приведенном списке таких тегов нет
21 Какие методы можно применять для отправки формы?
22 Какие теги используются для создания текстовых полей ввода в форме?
23 Какой атрибут тега указывает файл изображения и путь к нему?
24 Какой атрибут тэга BODY позволяет задать цвет фона страницы?
25 Какой атрибут элемента INPUT отвечает за вид элемента ввода формы?
Задание 2. Тестирование по терминологии CSS
(время выполнения 20 минут)
1 . Как расшифровывается CSS?
Common Style Sheets
Computer Style Sheets
Cascading Style Sheets
2. Выберите синтаксически корректное CSS правило .
div:[font_size-2em] div [font-size:2em] div div
3. Укажите CSS свойство позволяющее устанавливать размер шрифта?
4. Укажите селектор позволяющий выбрать все элементы div имеющие атрибут
div-wrap div id.wrap div.wrap div#wrap
5. С помощью какого тэга можно подключить к HTML документу внешний файл стилей?
6. С помощью какого CSS свойства можно оформить границу элемента?
7. Выберите свойство с правильно заданным значением цвета.
color :#000000 color :00-00-00 color :%00-00-00 color :#00:00:00
8. Выберите перечень содержащий единицы измерения, которые используются в CSS для установки размера шрифта.
em, px kg, g, cm %, dm y, cm, px
9. Выберите существующее CSS свойство для оформления списков.
list-color list-width list-style list-height
10. Выберите CSS свойство позволяющее скрыть элемент.
display disappear hide show
11. Какие виды позиционирования элементов существуют в CSS.
flow, none, show, shift absolute, relative, static, fixed slip, relating, attached, static
12. Укажите CSS свойство позволяющее изменять прозрачность элементов.
display opacity transparency
13. Выберите перечень содержащий только существующие CSS свойства фона.
background-color, background-repeat, background-attachment background-repeat, background-position, background-picture background-align, background-image, background-attachment
14. Выберите псевдо-класс позволяющий оформить ссылки, на которые наведен курсор мыши.
: hover : link : visited : active
15. Какое CSS свойство позволяет управлять порядком наложения элементов?
index z - index stack order
16. Для изменения внешнего вида ссылки, при наведение на нее мыши используется:
Все 4 стороны чёрные
Все 4 стороны зелёные
Три стороны зелёные, верхняя чёрная
Рамки вообще не будет из-за конфликта в CSS
Одна сторона зелёная, верхняя сторона чёрная
18 Каким цветом будут отображаться все заголовки первого уровня в документе? h1 h1 h1 h1
19 Какое значение нужно присвоить свойству элемента display, чтобы он не отображался на странице?
20 C помощью какого свойства указывается гарнитура шрифта для текстового элемента?
21 С помощью какого свойства можно задать расстояние между областью содержания элемента и его рамкой?
; line-height: 0.18in"> ; line-height: 0.18in"> field-size
22 Какое из значений свойства color является неверным?
23 Укажите правильный способ задания фонового изображения?
background - url : pic . gif
все варианты неверны
24 Какое из значений свойства background-position расположит фоновую картинку по центру и правому краю заданного блока?
25 Для размещения элемента у левой или правой границы и обеспечения обтекания текста вокруг него используется свойство:
; line-height: 0.18in"> ;line-height: 107%">
Задание 3. Творческое практическое задание
(время выполнения 140 минут)
Вам поступил заказ разработать сайт для организации, занимающейся разработкой ПО.
Компания хотела бы иметь на своём сайте:
-поиск по сайту (input-поле для ввода критерия поиска, никакой функциональности)
-меню: «О компании», «Новости», «Продукты», «Контакты»
-новостная колонка «Новости», «Выпущена новая версия продукта. » и т. п.
-ссылки на основные темы сайта
-содержимое – любой текст
- динамический баннер по типу «карусель»
Вам необходимо разработать и сверстать макет сайта(без функционала), используя средства HTML , CSS , Bootstrap , jQuery и т.д.
Критерии оценки и эталонные ответы
1 HTML - это:
√ язык гипертекстовой разметкиязык структурной разметкиязык редактированияязык программирования
2 В каком примере корректно описан элемент TR?
3 В каком случае форма будет отправлена методом "post"?
4 Выберите вариант корректного описания синтаксиса тега SCRIPT.
5 Выберите вариант корректной установки цвета фона страницы.
6 Выберите корректный пример вставки изображения в HTML-документ.
7 Для каких элементов может быть установлен атрибут target?
8 Как задать фоновое изображение для таблицы?
√ с помощью атрибута BACKGROUND тега
9 Как задать цвет фона для строки таблицы?
с помощью атрибута BGCOLOR тега
10 Как объединить несколько ячеек таблицы?
√ с помощью атрибута ROWSPAN√ с помощью атрибута COLSPANс помощью атрибута CELL; background: #ffffff"> 11 Как указать выравнивание текста в ячейке таблицы?
√ с помощью атрибута ALIGN√ с помощью атрибута VALIGNс помощью атрибута CELL; background: #ffffff"> 12 Какая из приведенных гипертекстовых ссылок представляет полную форму записи URL?
ссылка ссылка ссылка √ ссылка
13 Какие атрибуты из перечисленных принадлежат тегу INPUT:
14 Какие атрибуты принадлежат тегу ?
√ ALT, ALIGN, USEMAP, HSPACE, VSPACE, BORDERALT, COLOR, USEMAP, HSPACE, VSPACE, BORDERMAP, ALIGN, WIDTH, HSPACE, VSPACE, BORDER
15 Какие значения атрибута ALIGN используются для определения положения изображения относительно окружающего текста?
√ left √ right √ top √ bottom √ baseline
16 Какие из приведенных тегов HTML начинают вывод текста с новой строки на странице?
17 Какие из приведенных тегов HTML позволяют изменять параметры шрифта?
18 Какие из приведенных тегов неверно описывают активное изображение?
19 Какие из приведенных тегов позволяют создавать элементы с возможностью выбора нескольких вариантов одновременно?
20 Какие из приведенных тегов являются тегами управления разметкой?
в приведенном списке таких тегов нет
21 Какие методы можно применять для отправки формы?
22 Какие теги используются для создания текстовых полей ввода в форме?
23 Какой атрибут тега указывает файл изображения и путь к нему?
24 Какой атрибут тэга BODY позволяет задать цвет фона страницы?
25 Какой атрибут элемента INPUT отвечает за вид элемента ввода формы?
1 . Как расшифровывается CSS ?
Common Style Sheets
Computer Style Sheets
√ Cascading Style Sheets
2. Выберите синтаксически корректное CSS правило .
div:[font_size-2em] div [font-size:2em]
3. Укажите CSS свойство позволяющее устанавливать размер шрифта?
font-weight √ font-sizesize weight
4. Укажите селектор позволяющий выбрать все элементы div имеющие атрибут
div-wrap div id.wrap div.wrap √ div#wrap
5. С помощью какого тэга можно подключить к HTML документу внешний файл стилей?
6. С помощью какого CSS свойства можно оформить границу элемента?
7. Выберите свойство с правильно заданным значением цвета.
√ color :#000000 color :00-00-00 color :%00-00-00 color :#00:00:00
8. Выберите перечень содержащий единицы измерения, которые используются в CSS для установки размера шрифта.
√ em, px kg, g, cm %, dm y, cm, px
9. Выберите существующее CSS свойство для оформления списков.
list-color list-width √ list-style list-height
10. Выберите CSS свойство позволяющее скрыть элемент.
√ display disappear hide show
11. Какие виды позиционирования элементов существуют в CSS.
flow, none, show, shift √ absolute, relative, static, fixed slip, relating, attached, static
12. Укажите CSS свойство позволяющее изменять прозрачность элементов.
display opacity √ transparency
13. Выберите перечень содержащий только существующие CSS свойства фона.
√ background-color, background-repeat, background-attachment background-repeat, background-position, background-picture background-align, background-image, background-attachment
14. Выберите псевдо-класс позволяющий оформить ссылки, на которые наведен курсор мыши.
√ : hover : link : visited : active
15. Какое CSS свойство позволяет управлять порядком наложения элементов?
index √ z - index stack order
16. Для изменения внешнего вида ссылки, при наведение на нее мыши используется:
Все 4 стороны чёрные
Все 4 стороны зелёные
√ Три стороны зелёные, верхняя чёрная
Рамки вообще не будет из-за конфликта в CSS
Одна сторона зелёная, верхняя сторона чёрная
18 Каким цветом будут отображаться все заголовки первого уровня в документе? h1 h1 h1 h1
19 Какое значение нужно присвоить свойству элемента display, чтобы он не отображался на странице?
20 C помощью какого свойства указывается гарнитура шрифта для текстового элемента?
21 С помощью какого свойства можно задать расстояние между областью содержания элемента и его рамкой?
√ ; line-height: 0.18in"> ; line-height: 0.18in"> field-size
22 Какое из значений свойства color является неверным?
23 Укажите правильный способ задания фонового изображения?
background - url : pic . gif
все варианты неверны
24 Какое из значений свойства background-position расположит фоновую картинку по центру и правому краю заданного блока?
25 Для размещения элемента у левой или правой границы и обеспечения обтекания текста вокруг него используется свойство:
; line-height: 0.18in"> ; line-height: 0.18in">
Задание 3.
Материалы сайта структурированы по папкам
Стартовый файл index.htm или index.html
Все каскадные таблицы стилей вынесены в отдельный файл
Наличие тега или аналогичных для других версий HTML
Элементы Подвал, Подвал и Меню представлены на всех страницах сайта
Запись в теге соответствует названию страницы
Идентичное отображение страниц сайта в разных браузерах
Правильная работа гиперссылок
Адаптивна я верстка главной страницы
Применяется блочная структура на основе тегов div, а таблицы используются только при размещении содержания страницы
Размеры блоков меняются при изменении разрешения
Изображения масштабируются при изменении разрешения
На сайте имеется логотип компании
Предусмотрен поиск по сайту
Меню соответствует заданию
Наличие анимированного баннера
Общее впечатление о дизайне сайта
Таблица результатов
Ф.И.О. студента
Члены жюри: ___________________________ С.С.Грисман
___________________________ Н.Н. Михайлов
___________________________ Е.В. Переверзева
Курс повышения квалификации
Специальная оценка условий трудаКурс профессиональной переподготовки
Охрана труда- Сейчас обучается 242 человека из 54 регионов
Курс повышения квалификации
Обеспечение санитарно-эпидемиологических условий в образовательной организации- Сейчас обучается 27 человек из 15 регионов
- подготовка к ЕГЭ/ОГЭ и ВПР
- по всем предметам 1-11 классов
«Такие разные дети: преимущества тьюторской позиции учителя»
Свидетельство и скидка на обучение каждому участнику
Дистанционные курсы для педагогов
Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:5 915 839 материалов в базе
«Интеграция современного искусства в детское творчество»
Свидетельство и скидка на обучениекаждому участнику
Ищем педагогов в команду «Инфоурок»
- ЗП до 91 000 руб.
- Гибкий график
- Удаленная работа
- Другое
- Другие методич. материалы
- 25.05.2018
- 617
- 3
- Другое
- 1 класс
- Конспекты
- 25.05.2018
- 2367
- 84
- Другое
- Статьи
- 25.05.2018
- 426
- 0
- Другое
- 9 класс
- Другие методич. материалы
- 25.05.2018
- 180
- 0
- Другое
- 1 класс
- Другие методич. материалы
- 25.05.2018
- 283
- 0
- Другое
- Научные работы
- 25.05.2018
- 437
- 0
- Другое
- Научные работы
- 25.05.2018
- 1919
- 0
- Другое
- Научные работы
- 25.05.2018
- 3711
- 8
«Практический подход в работе с утратой смысла жизни: логотерапия»
Свидетельство и скидка на обучение каждому участнику
Вам будут интересны эти курсы:- Курс повышения квалификации «Организация научно-исследовательской работы студентов в соответствии с требованиями ФГОС»
- Курс повышения квалификации «Основы управления проектами в условиях реализации ФГОС»
- Курс профессиональной переподготовки «Экскурсоведение: основы организации экскурсионной деятельности»
- Курс повышения квалификации «Правовое регулирование рекламной и PR-деятельности»
- Курс профессиональной переподготовки «Организация менеджмента в туризме»
- Курс профессиональной переподготовки «Организация деятельности секретаря руководителя со знанием английского языка»
- Курс повышения квалификации «Мировая экономика и международные экономические отношения»
- Курс профессиональной переподготовки «Деятельность по хранению музейных предметов и музейных коллекций в музеях всех видов»
- Курс профессиональной переподготовки «Организация системы менеджмента транспортных услуг в туризме»
- Курс профессиональной переподготовки «Эксплуатация и обслуживание общего имущества многоквартирного дома»
- Курс профессиональной переподготовки «Теория и методика музейного дела и охраны исторических памятников»
- Курс профессиональной переподготовки «Организация и управление процессом по предоставлению услуг по кредитному брокериджу»
- Курс профессиональной переподготовки «Гражданско-правовые дисциплины: Теория и методика преподавания в образовательной организации»
Авторизуйтесь, чтобы задавать вопросы.
- 25.05.2018 629
- DOCX 49.9 кбайт
- Оцените материал:
Настоящий материал опубликован пользователем Грисман Светлана Сергеевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Автор материала- На сайте: 4 года
- Подписчики: 0
- Всего просмотров: 72177
- Всего материалов: 5
40%
Московский институт профессиональной переподготовки и повышения квалификации педагогов
Дистанционные курсы для педагогов
663 курса от 690 рублей
Выбрать курс со скидкой
Выдаём документы установленного образца!
«Берта Ландау: Смысл семьи. Практики семейной логотерапии по Виктору Франклу»
«Специфика работы учителя-логопеда в период подготовки к школе детей с ОВЗ»
«Особенности общения с ребенком с УО»
Подарочные сертификаты- Курсы «Инфоурок»
- Онлайн-занятия с репетиторами на IU.RU
Ответственность за разрешение любых спорных моментов, касающихся самих материалов и их содержания, берут на себя пользователи, разместившие материал на сайте. Однако администрация сайта готова оказать всяческую поддержку в решении любых вопросов, связанных с работой и содержанием сайта. Если Вы заметили, что на данном сайте незаконно используются материалы, сообщите об этом администрации сайта через форму обратной связи.
Все материалы, размещенные на сайте, созданы авторами сайта либо размещены пользователями сайта и представлены на сайте исключительно для ознакомления. Авторские права на материалы принадлежат их законным авторам. Частичное или полное копирование материалов сайта без письменного разрешения администрации сайта запрещено! Мнение администрации может не совпадать с точкой зрения авторов.