Специально для учителей!

СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Выбрать материалы

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Разработки / Внеурочка / Практикумы / 7 класс / Кейс «Создание тематического сайта»

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

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

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

29.03.2024

Содержимое разработки

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

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

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

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

34 ч

Автор:

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

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

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

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

IT-квантум

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

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

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

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

Этап

Кол-во часов\

занятий

Цель

Планируемая деятельность

Компетенции

Действия обучающихся

Теоретическая подготовка

4/2

Постановка проблемной ситуации и поиск путей решения

Сбор информации по предметным областям (Структура, содержание, тема сайта) и теме проекта.

Умение находить, анализировать и использовать информацию;

умение формулировать проблему и выдвигать гипотезы по ее решению.

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

Анализ дизайна, подачи материала, наглядности и информативности.

Исследование

12/6

Определить исследуемое направление в проектировании сайта, изучить распространенные каркасы и шаблоны.

Формирование общей картины создаваемого ресурса, подбор конструктора каркасов.

Умение работать в команде; умение выражать собственное мнение, защищать его на основе привидения аргументов.

Приобретение навыков построения, редактирования шаблонов и разметки HTML. .

Изучают существующие конструкторы сайтов. Создают блок-схему алгоритма создания ресурса.

Составляют список текстовых, графических и программных элементов необходимых для реализации проекта.

Использование готовых JavaScript для интерактивного сопровождения.

Изготовление тематического сайта

16/8

Создание действующего тематического сайта

Создание сайта со стандартным каркасом и шаблоном

Умение работать в команде.

Умение работать с визуадьным web редактором. Оформления стиля CSS. Работа с презентационными материалами (картинки, видео, аудио файлы). Умение структурировать разделы.

Выбор конструктора и шаблонов. Набор тематического текста. Производят компоновку JPG, PNG, FLV, MP3 Вставка скриптов в интерактивные страницы. Тестируют готовый макет документа.

Презентация, рефлексия

2/1

Мультимедийная презентация действующего тематического сайта

Презентация готового продукта

Навыки публичного выступления перед большой аудиторией. Умение слушать, адекватно воспринимать критические замечания. Умение проводить рефлексию проделанной работы.

Доклад с представление результатов работы над проектом и конструкторской документации (готовый сайт, фрагменты кодов.). Пути внедрения и модернизации ресурса.

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

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

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

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

Softskills:

умение работать в команде,
умение выражать собственное мнение,
умение искать информацию в различных источниках,
развитие критического мышления,
умение анализировать и систематизировать информацию,
умение грамотно выражать свои мысли.

Hardskills:

редактирование и форматирование текстов в текстовом процессоре;
редактирование изображений в графическом редакторе;
работа с онлайн конструкторами сайтов.

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

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

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

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

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

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

Погрузить учащихся в проблему кейса, поиск решения методом мозгового штурма, обсуждение и распределение ролей в группе.
Познакомить учащихся с интерфейсом онлайн конструктора сайтов, таких как Ucoz.
Повторить принципы работы с программой Snagit для редактирования изображений с целью создания дизайна сайта.
Повторить с учащимися основные приемы работы в программе Microsoft Office Word и Web Builder для подготовки информации на сайт.
Повторить с учащимися основные приемы работы в программе Sound Forge Pro.
Организовать работу учащихся по созданию и презентации своих сайтов.

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

Какие сложности возникли во время работы с предложенными интернет ресурсами? Как вы с ними справились?
В чем простота и сложность предложенного конструктора сайтов?
С помощью чего или как еще можно создавать сайты?

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

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

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