Основные теги HTML

Раздел долгосрочного плана:

Раздел 10.2А - Создание сайта

Раздел 10.2В - HTML

Школа:

Дата:

ФИО учителя:Искакова А.Т

Класс: 10А, 10В,10С,10D

Количество присутствующих:

отсутствующих:

Тема урока

Работа с шаблонами

Основные теги HTML

Цели обучения, которые достигаются на данном уроке (ссылка на учебную программу)

10.5.5.1 объяснять достоинства и недостатки различных методов разработки сайтов

10.5.5.3 разрабатывать веб-сайт, используя CMS, WYSIWYG

10.5.5.2 размещать графические объекты и анимацию на веб-странице

10.4.6.1 объяснять структуру HTML-документа

Цели урока

• объяснять достоинства и недостатки различных методов разработки сайтов

• размещать графические объекты и анимацию на веб-странице

• разрабатывают веб-сайт, используя CMS, WYSIWYG

• объяснять структуру HTML-документа

• использовать НТМL-теги при разработке веб-страницы

• объяснить алгоритм разработки страницы.

Критерии оценивания

• знать о методах создания и сопровождения сайта;

• оопределять основные понятия языка программирования HTML,

• работать в системе управления содержимого сайта – CMS,

• объяснить алгоритм разработки страницы

Языковые цели

• Достоинством метода .... является..., в то время как, достоинство метода .... является...

• CMS- позволяет… создать сайт, так как…

• Отличия между методами … и … является то, что…

• Для установки CMS необходимо…

• К системам управления контентом относятся…

• Метод WYSIWYG позволяет …, так как…

• К ПО, позволяющему разрабатывать сайт методом WYSIWYG относятся…

• Тег … лучше подойдет для реализации данной функции, так как…

• Используя язык HTML можно создать …

Привитие ценностей

Привитие ценностей сотрудничество осуществляется через организацию работы в парах и в группах

Межпредметные связи

Межпредметная связь с экономикой, физикой и математикой, история, биология

Реализуется меж предметная интеграция на уроке при изучении, объяснении

Целью данного раздела является представление основ построения веб-сайта. Он знакомит учащихся с методами создания сайта без знания языка гипертекстовой разметки. Учащиеся научатся разрабатывать веб-сайт, размещая графические объекты и анимацию с помощью CMS, WYSIWYG.

Предварительные знания

Учащиеся должны знать методы создания сайтов, их достоинства и недостатки. Навыки программирования и организации файлов для хранения на носителе.

Ход урока

Запланированные этапы урока

Запланированная деятельность на уроке

Ресурсы

Начало урока

10мин

Назовите Методы разработки сайтов

Укажите достоинства и недостатки методов разработки сайтов

Укажите плюсы и минусы создания сайта с помощью CMS.

Атрибуты для изображения

(К, Г) Предложите учащимся работу с ключевыми терминами урока: веб-страница, веб-сайт, веб-браузер, CMS, WYSIWYG. Каждая группа по жребию вытягивает термин и создает постер, где зашифровывает понятие в виде рисунка.

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

Презентация

20 мин

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

20 мин

10 мин

15 мин

http://ab-w.net/Joomla/besplatnyj-sajt-na-joomla-sozdanie-kak-sdelat-za-odin-den.php

https://www.youtube.com/watch?v=8mK5aY5YOCc

https://tilda.cc/registration/

(Г, Ф) Обсудите с учащимися необходимость использования HTML и JAVAScript. Попросите учащихся, опираясь на личный опыт определить преимущества и недостатки CMS, WYSIWYG и HTML. Подведите учащихся к необходимости использования HTML.

Обратите внимание на HTML5.

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

(К) Опирайтесь на ранее полученные знания учащихся, обсудите с учащимися каждый раздел и необходимость деления документа на части.

Обсудите с классом критерии оценивания постеров или подготовьте их заранее.

Индивидуальная работа

Разработать сайт https://tilda.cc/registration/

Предложите учащимся темы для разработки сайта, состоящий минимум из трех страниц:

1) Личный сайт-визитку:

• общая информация

• профессиональные навыки/увлечения

• контакты

2) Современные экологические проблемы:

• Экология в мире

• Экологические проблемы в Казахстане

Экологические проблемы региона и т.д

(Г) Попросите учащихся открыть свои веб-сайты, созданные с использованием CMS и WYSIWYG и просмотреть код веб-страниц. Попросите удалить некоторые теги в программном коде и посмотрев результат, выяснить назначение удаленных тегов.

Сор №1

Notepad++

html в Викиучебниках

Самоучитель HTML

http://htmlbook.ru/samhtml

https://tilda.cc/registration/

html в https://www.w3schools.com/html/

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default

Справочник по HTML

http://htmlbook.ru/html

Конец урока

5мин

В конце урока учащиеся проводят рефлексию:

• Я могу дать определение понятию "тег"

• Я могу объяснять назначение тегов html, body, head, title, p, b, u, I, br, ol, ul, li, table, tr, td, h1.h

• Я могу писать код HTML, для разметки подготовленного документа 

• Я определяю использованные теги в готовых веб страницах

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

Дифференциация – каким образом Вы планируете оказать больше поддержки? Какие задачи Вы планируете поставить перед более способными учащимися?

Оценивание – как Вы планируете проверить уровень усвоения материала учащимися?

Здоровье и соблюдение техники безопасности

Дифференциация: попросите более способных или посещавших кружок Web-программирования учащихся определить структуру документа.

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

Обращение внимания:

1. на правила соблюдения техники безопасности в кабинете информатики.

2. На осанку и гигиену зрения учащихся.

физминутки

Рефлексия по уроку

Были ли цели урока/цели обучения реалистичными?

Все ли учащиеся достигли ЦО?

Если нет, то почему?

Правильно ли проведена дифференциация на уроке?

Выдержаны ли были временные этапы урока?

Какие отступления были от плана урока и почему?

Используйте данный раздел для размышлений об уроке. Ответьте на самые важные вопросы о Вашем уроке из левой колонки.

Общая оценка

Какие два аспекта урока прошли хорошо (подумайте как о преподавании, так и об обучении)?

1:

2:

Что могло бы способствовать улучшению урока (подумайте как о преподавании, так и об обучении)?

1:

2:

Что я выявил(а) за время урока о классе или достижениях/трудностях отдельных учеников, на что необходимо обратить внимание на последующих уроках?