kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

Изучение основ языка HTML

Нажмите, чтобы узнать подробности

План-конспект урока-обобщения по теме "Изучение основ языка HTML". Урок проводится в игровой форме, кроме конспекта урока в архиве содержится филворд, пример презентации, в которой надо найти ошибки. Для проведения урока необходимы ТСО: 1) 6 вариантов презентаций с ошибками (в электронном виде) 2) Компьютеры 3) Примеры готовых web-страниц 4) Билеты с номерами презентаций. Метод: игровой. 1. Учащиеся разбиваются на команды 2. Выбор названий и капитанов 3. «Битва» капитанов 4. Поиск ошибок в презентации 5. Проверка презентаций 6. Филворд «Основные понятия языка HTML» 7. Подсчёт итоговых баллов для каждой команды Учащиеся также работают над созданием web-страниц, имеют доступ к примерам готовых работ, пользуются конспектами и материалами на диске. Оцениваю web-сайты студентов по следующим критериям: 5 – учащийся создал web-сайт, содержащий все 5 необходимых по заданию компонентов (текст, изображения, списки, гиперссылки и таблицы). 4- учащийся создал web-сайт, содержащий 3-4 компонента. 3 - учащийся создал web-сайт, содержащий 1-2 компонента. 2- учащийся не работал.
Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Наладить дисциплину на своих уроках.
Получить возможность работать творчески.

Просмотр содержимого документа
«План-конспект игрового урока»

План-конспект урока «Изучение основ языка HTML»


Тема урока: Изучение основ языка HTML


Цели урока:

1. Обеспечить у учащихся повторение и обобщение знаний основ создания web-страниц с помощью языка HTML, формирование умений и навыков по использованию этих знаний.

2. Создать условия для формирования у учащихся познавательного интереса к языку HTML посредством проведения занятия в игровой форме.

3. Развивать у учащихся память посредством использования всех её видов в процессе повторения и обобщения знаний основ создания web-страниц с помощью языка HTML.


Время урока: 90 минут


ТСО:

1) 6 вариантов презентаций с ошибками (в электронном виде)

2) Компьютеры

3) Примеры готовых web-страниц

4) Билеты с номерами презентаций.


Тип урока: повторительно-обобщающий


Межпредметные связи: Информатика (работа с презентациями на компьютере, основы работы с персональным компьютером).


Внутрипредметные связи: все предыдущие уроки из раздела «Создание web-страниц с помощью языка HTML.

Структура урока


I Орг. момент (2 минуты)

1. Сообщение темы занятия и целей

2. Учащиеся рассаживаются за компьютеры (после деления на команды).

3. До начала занятия делаю на доске необходимые записи и создаю необходимые папки на диске.

II Повторение и обобщение пройденного материала (42 мин)

Метод: игровой.

1. Учащиеся разбиваются на команды (0,5 минут).

2. Выбор названий и капитанов (1 минута).

3. «Битва» капитанов (3 минуты)

4. Поиск ошибок в презентации (20 минут)

5. Проверка презентаций (6 минут).

6. Филворд «Основные понятия языка HTML» (11 минут).

7. Подсчёт итоговых баллов для каждой команды (0,5 минут).

III Оценивание (1 минута)

1е и 2е места – оценка «5».

3е и 4е места – оценка «4».

Критерии оценки могут измениться в зависимости от количества команд.

VI Применение знаний по теме на практике (43 минуты).

Метод: упражнение.

(Учащиеся продолжают работать над созданием web-страниц, имеют доступ к примерам готовых работ, пользуются конспектами и материалами на диске.)

VII Контроль и оценка (2 минуты).

Оцениваю web-сайты студентов по следующим критериям:

5 – учащийся создал web-сайт, содержащий все 5 необходимых по заданию компонентов (текст, изображения, списки, гиперссылки и таблицы).

4- учащийся создал web-сайт, содержащий 3-4 компонента.

3 - учащийся создал web-сайт, содержащий 1-2 компонента.

2- учащийся не работал.


Конспект урока


Содержание урока

Методические рекомендации

Тема занятия «Повторение основ языка HTML»


Цели занятия: повторить и обобщить знания, полученные по теме HTML.


1. Учащиеся разбиваются на команды.

Ребята, давайте сейчас разобьёмся на команды по 3 человека. Пересядем так, чтобы было удобно работать в своей команде.

2. Выбор названий и капитанов.

Сейчас в течение одной минуты каждой команде необходимо выбрать капитана и название. Я засекаю минуту.

Итак, минута прошла.

Первая команда, как вы называетесь и кто ваш капитан?

Вторая команда? Третья? Четвёртая?

3. «Битва» капитанов (3 минуты)

Теперь перейдём к первому раунду. Сейчас я попрошу капитанов выйти к доске. Делать будем следующее. Я зачитываю вопрос. Кто первый ответит правильно, заработает 1 балл. Если никто из вас не знает ответ, то команда может прийти на помощь. Всего будет 15 вопросов. Капитан, набравший больше всех баллов, заработает очки для группы. Всё понятно? Начали!

1. Какое действие можно производить с клавишей клавиатуры? (нажатие)

2. Как называются специальные программы, выполняющие нежелательные для пользователя действия на компьютере? (вирус)

3. Назовите простейший прибор для вычислений? (счеты)

4. Как называют взломщика компьютерных программ? (хакер)

5. Как называется валюта, в которой получает программист зарплату в Индии? (рупия)

6. Назовите популярный среди школьников вид компьютерных программ? (игра)

7. Назовите печатающее устройство? (принтер)

8. Как называется указатель местоположения на экране? (курсор)

9. Как можно назвать состояние, в котором включенный компьютер не реагирует на действия пользователя? (зависание)

10. Как называется многократно повторяющаяся часть алгоритма? (цикл)

11. Как называют специальные правила, определяющие принцип построения слов и предложений? (синтаксис)

12. Как на компьютерном жаргоне называется совокупность аппаратных средств? (железо)

13. Как называется всемирная система объединённых компьютерных сетей? (Интернет)

14. Как называют фаната компьютерных игр? (геймер)

15. Что такое числовое представление мнения преподавателя о работе ученика? (оценка)

Теперь подведём итог.







4. Поиск ошибок в презентации.

Теперь перейдём ко второму раунду. Сейчас каждая команда получит презентацию по теме HTML, в которой на каждом слайде есть хотя бы одна ошибка. Задача команд – исправить как можно больше ошибок. Если на слайде вами будут найдены все ошибки, то команда получит 1 балл. Если на слайде вами будут найдены ошибки, но не все, то команда заработает 0,5 баллов.

Сейчас капитаны по очереди должны вытянуть номер презентации. Первым тянет капитан-победитель.




Адрес, где лежат презентации Z/KlepikovaNN/Лекции 3 курс/HTML/Повторение

И ещё: после окончания работы от команды я буду принимать только одну презентацию.

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

Все нашли презентации? На работу вам даётся максимум 20 минут.








5. Проверка презентаций.









6. Филворд «Основные понятия языка HTML»

Перед вами сетка, в которой спрятались 6 основных понятий языка HTML. Например, в данной сетке спряталось слово html (выделяю это слово). Ваша задача: отыскать ещё 6 слов, обозначающих основные понятия языка html. Помните, вы записывали 6 основных определений? Как только вы нашли слово, тут же называйте его. И если вы нашли слово верно, то ваша команда заработает 1 балл.

а

п

п

л

с

т

г

и

п

е

к

п

с

р

е

т

р

и

с

ы

л

к

а

т

м

е

л

э

г

е

е

н

т

l

m

t

м

й

е

р

ф

h


7. Подсчёт итоговых баллов для каждой команды.


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




Принцип разделение на команды – желание учащихся.

Учащиеся пересаживаются.


Засекаю время, учащиеся совещаются.



Записываю на доске названия команд в шапку таблицы.

Учащиеся выходят к доске.

Объясняю суть раунда.





Капитаны отвечают сразу, без поднятия руки.

Отмечаю баллы на доске.

Остальные учащиеся могут подсказать капитанам, если те не знают ответ.
























Подсчитываю баллы, записываю итог в таблицу. Называю капитана-победителя, записываю для его команды в таблицу 1 балл.











Капитаны вытягивают билеты по очереди (в зависимости от занятого в первом раунде места).

Обращаю внимание учащихся на записанный на доске адрес.

Обращаю внимание учащихся на то, что говорю.



Спрашиваю, готовы ли учащиеся, засекаю время, учащиеся работают в командах максимум 20 минут. Команды, справившиеся раньше времени, могут заняться продолжением работы над web-страницами.




На данном этапе я по очереди открываю презентации команд, делаю комментарии для всех учащихся, выставляю на листочке баллы за каждый слайд, подсчитываю общий балл каждой команды и записываю его на доске.

Заношу буквы в заранее подготовленную сетку на доске построчно слева направо.

Выделяю слова, обнаруженные учащимися, ставлю баллы командам.










Итоговые баллы записываю на доске, называю места, занятые командами.


Просмотр содержимого документа
«филворд»

а

п

п

л

с

т

г

и

п

е

к

п

с

р

е

т

р

и

с

ы

л

к

а

т

м

е

л

э

г

е

е

н

т

l

m

t

м

й

е

р

ф

h

Филворд «Основные понятия языка HTML»


Зачеркните в данной сетке основные понятия языка HTML



























































Просмотр содержимого презентации
«1»

Презентация № 1 Основы языка HTM Найдите и исправьте ошибку (ошибки) на каждом слайде.

Презентация № 1

Основы языка HTM

Найдите и исправьте ошибку (ошибки) на каждом слайде.

Понятие web- страницы Web-страница (документ HTML) представляет собой текстовый файл на языке HTML формата *. rtf или *. txt , размещённый в World Wide Web (WWW).

Понятие web- страницы

Web-страница (документ HTML) представляет собой текстовый файл на языке HTML формата *. rtf или *. txt , размещённый в World Wide Web (WWW).

Способы создания web- страницы

Способы создания web- страницы

  • 1) Использование текстового редактора Блокнот (NotePad), встроенного в Windows, и просмотр результатов с помощью браузера. Этот самый простой способ рекомендуется начинающим.
  • 2) Использование специальных редакторов документов HTML, например Hot Metal Light , Hot Dog Professional , MS Front Page , HTMLPad и др.
  • 3) Использование Microsoft Exel , где создаётся текст документа, который затем конвертируется в HTML-формат.
Основные понятия языка HTML

Основные понятия языка HTML

Структура типичного HTML- документа         Название  документа              Здесь расположен текст самого документа HTML.

Структура типичного HTML- документа

Название документа

Здесь расположен текст самого документа HTML.

Создание и сохранение web- страницы в программе «Блокнот» 3 4 2 Выполнить действия 1,2,3,4

Создание и сохранение web- страницы в программе «Блокнот»

3

4

2

Выполнить действия 1,2,3,4

Форматирование абзаца

Форматирование абзаца

Форматирование символов текста  перечёркнутый текст

Форматирование символов текста

перечёркнутый текст

Цвет в HTML FF0000 – 00FF00 – 0000FF – FFFFFF –

Цвет в HTML

FF0000 –

00FF00 –

0000FF –

FFFFFF –

Списки  - тег нумерованного списка  -  тег одного элемента списка. Пример  нумерованного списка: Результат: HTML- код:    Апельсин    Яблоко    Груша

Списки

- тег нумерованного списка

- тег одного элемента списка.

Пример нумерованного списка:

Результат:

HTML- код:

  1. Апельсин
  2. Яблоко
  3. Груша

    • Апельсин
    • Яблоко
    • Груша


Получите в подарок сайт учителя

Предмет: Информатика

Категория: Уроки

Целевая аудитория: Прочее.
Урок соответствует ФГОС

Скачать
Изучение основ языка HTML

Автор: Клепикова Наталья Николаевна

Дата: 24.12.2015

Номер свидетельства: 269918

Похожие файлы

object(ArrayObject)#854 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(157) "Разработка урока информатики по теме "HTML – язык разметки  гипертекстовых документов" "
    ["seo_title"] => string(90) "razrabotka-uroka-informatiki-po-tiemie-html-iazyk-razmietki-ghipiertiekstovykh-dokumientov"
    ["file_id"] => string(6) "135895"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1417002886"
  }
}
object(ArrayObject)#876 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(164) "Разработка урока по информатике в 10 классе по теме "Основы языка разметки гипертекста HTML" "
    ["seo_title"] => string(99) "razrabotka-uroka-po-informatikie-v-10-klassie-po-tiemie-osnovy-iazyka-razmietki-ghipiertieksta-html"
    ["file_id"] => string(6) "157084"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1421524398"
  }
}
object(ArrayObject)#854 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(29) "Создание сайтов"
    ["seo_title"] => string(15) "sozdanie_saitov"
    ["file_id"] => string(6) "490298"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1544557667"
  }
}
object(ArrayObject)#876 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(75) "Конспект урока по теме "Математика и ПДД" "
    ["seo_title"] => string(43) "konspiekt-uroka-po-tiemie-matiematika-i-pdd"
    ["file_id"] => string(6) "228393"
    ["category_seo"] => string(10) "matematika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1441286572"
  }
}
object(ArrayObject)#854 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(84) "Презентация к уроку по теме "Математика и ПДД" "
    ["seo_title"] => string(51) "priezientatsiia-k-uroku-po-tiemie-matiematika-i-pdd"
    ["file_id"] => string(6) "228394"
    ["category_seo"] => string(10) "matematika"
    ["subcategory_seo"] => string(11) "presentacii"
    ["date"] => string(10) "1441286921"
  }
}


Получите в подарок сайт учителя

Видеоуроки для учителей

Курсы для учителей

ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

Добавить свою работу

* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

Удобный поиск материалов для учителей

Ваш личный кабинет
Проверка свидетельства