Кейс «Создание тематического сайта»

МУНИЦИПАЛЬНОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ

ДОПОЛНИТЕЛЬНОГО ОБРАЗОВАНИЯ

«ДЕТСКИЙ ТЕХНОПАРК «кВАНТОРИУМ»

Кейс «Создание тематического сайта»

34 ч

Автор:

Черепанов Александр Анатольевич,

Педагог дополнительного образования

МБОУ ДО Кванториум

Комсомольск-на-Амуре,

IT-квантум

Кейс «Создание тематического сайта»

Категория кейса: является частью базового модуля

Проблемная ситуация:

Тематический сайт – это web-ресурс посвященный какой-либо одной теме.Объем тематического сайта – от 10 страниц и более (чем больше, тем лучше).Формат материалов может быть любой: простой текст, изображения, видео, аудио и т.д.Дизайн сайта не ограничивается какими-то рамками и может быть как очень простым, так и эксклюзивным.Хотите стать владельцем красивого и функционального тематического сайта выполненного по всем правилам и в соответствии со всеми современным требованиям? Тогда выполним предложенный кейс!

Перечень и содержание занятий

Методы работы с кейсом: беседа, практические задание, творческие работы.

Минимально необходимый уровень входных компетенций: готовность познать новое, не включенное в стандартную образовательную программу школы

Предполагаемый результат:

Артефакты: тематический сайт.

Softskills:

• умение работать в команде,

• умение выражать собственное мнение,

• умение искать информацию в различных источниках,

• развитие критического мышления,

• умение анализировать и систематизировать информацию,

• умение грамотно выражать свои мысли.

Hardskills:

• редактирование и форматирование текстов в текстовом процессоре;

• редактирование изображений в графическом редакторе;

• работа с онлайн конструкторами сайтов.

Форма выявления образовательного результата:защита итоговых проектов каждым из обучающихся персонально или группой обучающихся.

Необходимое оборудование и расходные материалы: компьютеры.

Руководство для педагога

Краткое описание кейса:

Данный кейс имеет прикладную направленность. В процессе работы по данному кейсу учащиеся овладеют основными навыками работы с онлайн конструкторами сайтов, таким как Ucoz. Также повторять принципы работы с текстовым процессором MicrosoftOfficeWord, графическимиредакторами. В результате учащиеся должны спроектировать и создать личный сайт и провести его презентацию.

Педагогические шаги:

1. Погрузить учащихся в проблему кейса, поиск решения методом мозгового штурма, обсуждение и распределение ролей в группе.

2. Познакомить учащихся с интерфейсом онлайн конструктора сайтов, таких как Ucoz.

3. Повторить принципы работы с программойSnagit для редактирования изображений с целью создания дизайна сайта.

4. Повторитьс учащимися основные приемы работы в программе MicrosoftOfficeWord и WebBuilderдля подготовки информации на сайт.

5. Повторить с учащимися основные приемы работы в программе SoundForgePro.

6. Организовать работу учащихся по созданию и презентации своих сайтов.

Рефлексия (заготовленные вопросы):

• Какие сложности возникли во время работы с предложенными интернет ресурсами? Как вы с ними справились?

• В чем простота и сложность предложенного конструктора сайтов?

• С помощью чего или как еще можно создавать сайты?

Вероятное развитие кейса:

При дальнейшей работе по теме данного кейса возможно знакомство с такими визуальными редакторами, как AdobeDreamweaver, FTPClient, СorelDraw для разработки более сложных по структуре и содержанию сайтов.Также возможно изучение таких тем как «Javaапплеты», «Flashанимация», «SEOпродвижение».

Наглядный материал

панель управления тематического сайта "Радио для всех - юные радиолюбители"

пример каркаса тематического сайта "Радио для всех - юные радиолюбители"

пример таблицы стилей CSSтематическогосайта "Радио для всех - юные радиолюбители"

пример HTMLи JavaScriptтематическогосайта "Радио для всех - юные радиолюбители"

Учебник "uCoz. Создание сайтов"

Список использованных источников информации:

https://www.ucoz.ru/- конструктор сайтов онлайн

http://tepka.ru/razrabotka/index.html - Онлайн учебник по разработке сайта

http://www.aklychin.ru/ - блог «Основы сайтостроения и веб дизайна»

http://www.junradio.com/