Цель: планируется, что к окончанию урока учащиеся будут

знать:

• инструменты для создания веб-страниц;

• элементы оформления веб-страниц;

• теги и атрибуты для работы с текстом;

• способы задания цвета;

• атрибуты для изменения цвета фона страницы и текста.

уметь:

• создать веб-страницы с помощью HTML с текстом, и атрибутами оформления.

Задачи личностного развития:

• содействовать формированию компьютерной грамотности;

• способствовать воспитанию информационной культуры;

• содействовать развитию дисциплинированности и любознательности;

• способствовать бережному отношению при эксплуатации средств ИКТ.

Тип урока: урок изучения нового материала.

Учебно-методическое обеспечение: 

• учебное пособие "Информатика 11, В.М. Котов";

• рабочая тетрадь по информатике 11 класс Л.Г. Овчинникова;

•  презентация по теме (21 слайд).

Программное обеспечение:

• Текстовый редактор Notepad++ (скачать).

Ход урока

1. Организационный момент (1 минута)

1. Приветствие учащихся. Создание благоприятного настроя на уроке.

2. Проверить готовность учащихся к уроку с помощью слова ТРУД: "Тетрадь, ручка, учебник и дневник" (презентация, 1 слайд). 

2. Проверка домашнего задания (8 минут)

Предложить учащимся выполнить тест на компьютере (10 вопросов по теме: "Основные понятия в веб-конструировании").

3. Целемотивационный этап (1 минута)

1. Сформулировать тему урока: "Создание веб-страниц" (презентация, 2 слайд).

2. Совместно с учащимися сформулировать цели урока (презентация, 3 слайд):  

• Буду знать:

2. 1. 1. инструменты для создания веб-страниц;

      2. элементы оформления веб-страниц;

      3. теги и атрибуты для работы с текстом и цветом.

• Буду уметь (смогу):

1. создавать веб-страницу с текстом и базовым оформлением.

4. Домашнее задание (1 минута)

1. §7.1-7.3, ответить на вопросы 1-10 (учебное пособие). 

2. Урок 10, выполнить по желанию задание 4 (рабочая тетрадь).

5. Изучение новой темы (8 минут)

1. Рассказать о инструментах создания веб-страниц (§7.1, учебное пособие, или презентация, 5 слайд):

• текстовые редакторы;

• редакторы с подсветкой синтаксиса (сказать, что данный редактор notepad++ будет использоваться с этого урока на протяжении всей главы изучения);

• визуальные веб-редакторы;

• конструкторы сайтов.

2. Объяснить основные элементы оформления веб-страниц (пример 7.4, §7.2, учебное пособие, или презентация, 6-9 слайды):

• заголовок (шапка, header);

• основная часть (content);

• элементы навигации (меню, navigation);

• нижний колонтитул (подвал, footer).

3. Рассказать, что разметка HTML-документа представляет собой блочную структуру. Существуют блочные (имеют длину и высоту в блочной структуре) и встроенные элементы (не имеют длину и высоту блока, занимают место только содержанием), презентация, 10 слайд.

4. Пояснить предназначение тегов для работы с текстом и пример использования (пример 7.5, 7.6, §7.3, учебное пособие, или презентация, 11, 12 слайды). 

5. Познакомить с встроенными тегами для форматирования текста и пример их использования (презентация, 13, 14 слайды).

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

7. Рассказать о способах задания цвета (константа, шестнадцатеричный код), пример 7.9, §7.3, учебное пособие, или презентация, 16 слайд).

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

9. Пояснить, для чего нужны теги <br> и <hr> (презентация, 18 слайд).

10. Рассмотреть HTML-разметку страницы, прокомментировать используемые теги и атрибуты (презентация, 20 слайд).

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

6. Проверка понимания и закрепления изученного (10 минут)

Предложить учащимся выполнить на компьютере задание 1 (Урок 10, рабочая тетрадь). Акцент сделать на использование редактора Notepad++.

7. Физкультминутка (1 минута)

Акцент делается на зрительную систему.

8. Контроль знаний и умений (14 минут)  

Предложить выполнить на компьютере задание 2 (Урок 10, рабочая тетрадь), файл: "Зимнее утро.txt".

9. Подведение итогов и рефлексия (1 минута)

1. Обсудить результаты выполнения заданий (тестов) и выборочно оценить работу учащихся на учебном занятии. 

2. Предложить вернуться к цели урока, организовать обсуждение:

• Насколько вы достигли поставленной цели?

• Как вы оцениваете свою работу на уроке?

3. Предложить закончить фразы:

• "Сегодня мне понравилось ..."

• "На уроке для меня было трудным ..."

• "Хотелось бы узнать еще ..."

• "Хотелось бы изменить в уроке ..."