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

знать:

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

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

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

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

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

уметь:

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

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

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

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

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

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

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

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

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

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

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

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

Ход урока

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

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

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

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

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

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

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

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

• Буду знать:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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