Разработка веб-страницы 10.2.3.1 Знать основные теги

  • doc
  • 09.05.2020
Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Иконка файла материала Разработка веб-страницы 10.2.3.1 Знать основные теги.doc

 

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

Раздел 5: Веб-проектирование

Школа:

Дата

ФИО учителя:

Количество

присутствующих, отсутствующих:

 

Тема урока

Разработка веб-страницы

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

10.2.3.1 Знать основные теги

Цели урока

Знать основы веб-программирования и уметь сравнивать методы создания веб-сайтов.

Критерии успеха

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

Понимает в чём отличие шаблона для создания сайта от его полного создания.

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

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

 

Предметная лексика и терминология:

HTML, CSS, PHP, Notepad, Тэги (Head, P, H1, H2, Body, Html).

Полезные фразы для диалога/письма:

В коде сайта можно выделить ряд основных разделов…

В разделе Body, пишется основной код программы…

 

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

Уважение, сотрудничество, обучение на протяжении всей жизни.

Глобально гражданство

Программировать на HTML, CSS, PHP можно в любой стране и одинаково.

Аутентичное обучение

Развитие функциональной грамотности.

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

Математика, Искусство.

Навыки использования ИКТ

Поиск информации в интернете, на форумах и тематических сайтах, просмотр видео уроков.

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

Знания об алгоритма из предыдущих классов.

 


Ход урока

 

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

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

 

Ресурсы

Начало урока

0-3 мин

 

(Г) Приветствие, проверка присутствующих. Объявление темы, цели урока, критериев успеха.

 

Презентация.

 

 

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

 

 

4 - 10мин

 

 

 

 

11 - 35 мин

 

 

 

36-37 мин

 

(Г) Обсуждение с учениками, что они знают о создании сайтов?

Какие языки используются для создания сайтов?

 

(Г) Просмотр видео уроков и создание первой интернет страницы с использованием следующих инструкций: https://www.tutorialspoint.com/html/index.htm

https://www.tutorialspoint.com/html5/index.htm

 

  1. Ученики записывают в тетради информацию о назначении тегов

 

(И) Ученики разрабатывают простую страницу с исопльзованием основной структуры (основных тегов html) веб-страницы

 

<html>

<title>My First Site</title>

<head>

<body bgcolor = Yellow>

<center>

<table border = 1>

<tr>

<td><img src="AnyImage.jpg"

width = 250> </td>

<td>

<h1>Example for 11

<h2>HTML simple

<p><br>

<table border = 1>

<tr>

<td bgcolor = Red><a href="http://ya.ru">Red</a></td>

<td bgcolor = Green><a href="http://google.com">Green</a></td>

<td bgcolor = Blue><a href="http://facebook.com">Blue</a></td>

</tr>

</table>

</td>

<tr><video src = "AnyVideo.mp4" width=450 autoplay=true></tr>

</table>

</body>

</head>

</html>

 

(Г) Ученики сохраняют документ с расширением *.html/*.htm в личную папку на персональном компьютере

 

 

 

 

ПК

 

Пример 1-2

 

 

 

Для чего необходим язык html?

Для чего используется теги P и H?

Что было непонятно?

 

Конец урока

38 - 40 мин

Рефлексия:

- Все ли критерии успеха были достигн

уты?

- Что осталось непонятным?

- Над какими критериями необходимо работать?

 

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

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

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

Дифференциация выражена в оказании индивидуальной поддержки отдельным учащимся

Реализованный интерфейс и код программы.

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

 

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

 

 

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

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

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

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

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

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

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

 

 

Общая оценка

 

 

 

 

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

1:

 

2:

 

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

1:

 

2:

 

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

 

 

 

 

 

 

 


Скачано с www.znanio.ru