Урок на тему: "WEB-программирование. Создание и редактирование документов HTML." (Урок, флипчарт, презентации)

ТЕМА УРОКА: WEB-программирование. Создание и редактирование документов HTML.

РАЗДЕЛ ПРОГРАММЫ: Интернет-ресурсы

Цели урока – ознакомить студентов с основными приемами, необходимыми для создания web-страниц, основными задачами языка разметки гипертекста HTML и показать некоторые возможности в овладении этих приемов на примере программ Блокнот и браузер. Освоение методологии и технологии создания сайтов и ссылок на сайтах. Разработка web-страниц и оформление интерфейса.

• Образовательные: закрепить понятия о языках разметки гипертекста; рассказать о способах выполнения действий с командами-тэгами для создания web-страниц, развитие умения работать по алгоритму, развитие умения создавать гипертекстовые документы.

• Развивающие: развитие умения работать по инструкции, развитие умения применять полученные знания на практике.

• Воспитательные: прививать студентам навык самостоятельной работы, активизация их творческого воображения и мышления.

ВРЕМЯ ПРОВЕДЕНИЯ: __________________________________

ТИП УРОКА: Практическое занятие

ВИД УРОКА: Урок-тренинг

ТЕХНОЛОГИЯ УРОКА: Технология развивающего обучения, информационные технологии обучения.

ОБОРУДОВАНИЕ И НАГЛЯДНОСТИ УРОКА: Персональные компьютеры, интерактивная доска Promethean, ПО Activinspire, стандартная программа Блокнот, язык HTML, раздаточные карточки, практикумы, бумага А3, фломастеры, жетоны для оценки, лист оценки, флипчарт, смайлики.

ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ: операционная система Windows 7, язык разметки гипертекста HTML, браузер, программное обеспечение интерактивной доски ActivinspireStudio, программы Блокнот,MS Power Point, MS Excel.

МЕТОДЫ УРОКА: Групповая работа, диалог, мозговой штурм,музыкальная разминка, интерактивный метод, исследовательская беседа, самооценка, SWOT-анализ.

МЕЖПРЕДМЕТНАЯ СВЯЗЬ: Информатика, педагогика, использование интерактивных технологии, изобразительное искусство, основы алгоритмизации и программирования, компьютерные сети.

ПЛАН УРОКА:

1. Организационный момент. Приветствие, проверка посещаемости, деление на группы. (2мин)

2. Проверка домашнего задания. Защита презентации. (6 мин.):

3.Вопросы-Ответы «Мозговой штурм». (2 мин.)

4. Музыкальная разминка «Путешествие во времена года». (2 мин.)

5.Практическая часть. Создание главной страницы для веб-сайта на тему: «Времена года». (25мин).

6. Закрепление урока. (2мин.)

7. SWOT-анализ по теме: «Web-сайты. Зачем они нужны». Защита постера.(3мин.)

8. Обратная связь. Смайлики. (1мин)

9. Итог урока. Оценка студентов. Награждение лучших сотрудников веб-студии.(1мин).

10. Домашнее задание. (1мин.)

11. Провожаем гостей. Студенты встают с места, читают стихи о знаний и провожают гостей. После прочтения дарят шоколадки гостям.(1мин.)

ХОД УРОКА

I. ОРГАНИЗАЦИОННЫЙ МОМЕНТ. (2 мин.)

1.1. Приветствие и проверка студентов по журналу.

Объявление темы и цели урока.

Студенты вместе с преподавателем громко читают эпиграф М.Горького.:

1.2.«Чем больше знает человек, тем он сильнее!» -

1.3. Студенты все вместе читают стихи про знание:

«В знаний сила!»

В знании сила, писатель сказал,
Должны мы с ним согласиться,
Ведь, если не знаешь чего-то,
Тогда не нужно этим хвалиться.

Знание – столь драгоценная вещь – 
Всю жизнь собирай по крупицам,
И, если стремление к знанию есть,
Мы можем этим гордиться.

1.4.Деление на группы:

Студенты из шкатулки выбирают шоколадки. По видам шоколадок делятся на три группы – веб-студии: «ЛИСТОПАД», «САКУРА», «BLUE OCEAN». В каждой группе назначаются менеджер, веб-дизайнер, верстальщик(макетчик) и программист. Менеджеры знакомят своих сотрудников. Менеджерам раздаются листы оценки и жетоны для оценки друг-друга: (I группа (ЛИСТОПАД) оценивает II группу, II группа (САКУРА) III группу и III группа (Blue ocean) I группу.)

Критерии оценки: - пять.

- четыре.

- три.

II. ПОВТОРЕНИЕ ИЗУЧЕННОГО МАТЕРИАЛА

1. Проверка домашнего задания. (6 мин):

Работа с интерактивной доской и ПО Activinspire –Представители с каждой группы защищают свою презентацию подготовленные дома по заданным темам:

I группа - ЛИСТОПАД – «Что такое web-страница и сайт?»,

II группа - САКУРА – «Основные теги для создания web-страниц в HTML»,

III группа -Blue ocean – «Что такое хостинг?».

Менеджеры с каждой группы оценивают друг-друга и записывают на лист оценки.

1. «Мозговой штурм». Вопросы-Ответы.

Задаются вопросы по пройденным материалам. (2 мин.) Студенты должны быстро ответить на вопросы. Менеджеры группы оценивают друг-друга и записывают на лист оценки.

Вопросы по тэгам HTML для I группы -ЛИСТОПАД:

1. Язык разметки гипертекста – HTML,

2. Тэг начала сайта - ,

3. Название документа - ,

4. Тело документа - ,

5. Цвет фона страницы - BG COLOR.