Web-kvest
Образовательный Веб-квест “Стань программистом!”
1) Название веб-квеста/ авторы : Стань программистом! / Смолкина Полина и Елесин Дмитрий
2) Предмет/тема: Информатика и информационные технологии / Коммуникационные технологии
3) Возрастная категория учащихся (класс): 9 класс
4) Центральное задание: Наши компьютеры поразил опасный вирус,он испортил все наши html коды! Вы должны помочь нам и исправить их! Но сделать это смогут только настоящие профессионалы. Только команда экспертов, программистов, дизайнеров и поисковиков сможет справиться с этой не простой задачей! Всем нашим помощникам необходимо выбрать роли (4-7 человека в каждой). Описание ролей можно изучить в разделе "роли". Далее открыть задание, которое расположено в разделах "эксперт", "программист", "дизайнер", "поисковик" и постараться максимально быстро и качественно его выполнить. К ролям прилагается вся необходима информация. После выполнения всех заданий, командам необходимо обьединить все полученные файлы на одном компьютере и проверить, все ли получилось!
5) Количество ролей: 4
6) Название ролей: Эксперт, Программист, Дизайнер, Поисковик
7) Пример пошаговой инструкци:
Задача эксперта:
- Внимательно прочитать текст под названием "Структура ссылки", который находится ниже.
- Создать файл в Блокноте и вставить туда следующий код: (код)
- Вставить в код ссылки на HTML-страницы (2.html,3.html,4.html), назвав их Страница , Страница 3, Страница 4 соответственно.
- Сохранить файл под названием 1 в формате html (1.html)
Задача программиста:
- Внимательно прочитать текст под названием "Структура страницы", который находится ниже.
- Просмотреть программный код и поменять пронумерованные блоки местами так, чтобы код стал верным. (код)
- Создать файл в Блокноте и вставить туда полученный код.
- Сохранить файл под названием 2 в формате html (2.html)
Задача дизайнера:
- Внимательно прочитать файл по названием "Изображения".
- Создать файл в Блокноте и вставить туда следующий код: (код)
- Подобрать подходящие по теме картинки для иллюстраций.
- Изменить код так, чтобы на странице появилось 3 иллюстрации.
- Сохранить файл под названием 3 в формате html (3.html)
Задача поисковика:
- Внимательно прочитать текст под названием "Структура страницы", который находится ниже.
- Просмотреть программный код и найти 7 ошибок. (код)
- Создать файл в Блокноте и вставить туда полученный код.
- Сохранить файл под названием 4 в формате html (4.html)
8) Список Интернет-источников:
"Фоновая картинка" [1]
"Сайт по HTML" [2]
"Структура HTML" [3]
"Гиперссылки" [4]
9) Критерии оценки веб-квеста:
- Эксперт: Работа считается выполненной, если все гиперссылки работают правильно.
- Программист: Работа считается выполненной, если все строчки находятся на своих местах.
- Дизайнер: Работа считается выполненной, если на странице использованы разные цвета для текста, изменен фон, отредактированы картинки.
- Поисковик: Работа считается выполненной, если найдены все ошибки.’’
10) Предполагаемый результат: Создание упрощенной модели сайта. Углубление знаний по языку программирования HTML.
Юные программисты, результатом вашей плодотворной работы должен стать маленький сайт. Надеемся данный квест заинтересует вас, и благодаря ему вы продолжите изучать язык программирования html.