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

знать:

• что такое веб-сайт, какие есть типы сайтов;

• что такое HTML, тег и атрибут;

• структуру HTML-документа.

уметь:

• соотносить тег и атрибут с его назначением;

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

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

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

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

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

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

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

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

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

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

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

• Текстовый редактор "Блокнот".

Ход урока

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

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

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

2. Актуализация знаний и умений (1 минута)

Рассказать учащимся, что создание сайта, является полезным навыком на рынке труда. Сегодня создать свой сайт может каждый желающий, т.к. освоить создание сайта не требует относительно сложных знаний и умений. Иметь свой сайт-визитку или сайт-портфолио сегодня - это конкурентное преимущество, как в привлечении клиентов, так и создания положительного имиджа.

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

1. Озвучить новую главу № 2: "Основы веб-конструирования" (презентация, 2 слайд).

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

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

• Буду знать:

3. 1. 1. что такое веб-сайт, какие есть типы сайтов;

      2. что такое HTML, тег и атрибут;

      3. структуру HTML-документа.

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

1. соотносить тег и атрибут с его назначением;

2. создать веб-страницу с помощью HTML-разметки с использованием текстового редактора.

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

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

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

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

1. Рассказать, что такое веб-сайт (с. 46, учебное пособие).

2. Рассмотреть виды веб-сайтов по содержимому, пользуясь примерами 6.1-6.4 (с. 46, 47, учебное пособие). 

3. Пояснить классификацию типов веб-сайтов по технологии создания и взаимодействия пользователя с информацией (с. 46, 47, учебное пособие).

4. Познакомить учащихся с эволюцией Web (1.0, 2.0, 3.0), презентация, 5 слайд.

5. Рассказать о этапах разработки сайта (с. 48, рабочая тетрадь, или презентация, 6 слайд):

• определение тематики, целей и задач сайта;

• проектирование структуры сайта и связей между страницами;

• подготовка материалов (текста и графики);

• описание логической структуры веб-страниц (логическая разметка) с помощью HTML;

• описание внешнего вида веб-страниц (задание стилей) с помощью каскадных таблиц стилей CSS;

• тестирование сайта и размещение в сети.

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

7. Объяснить, что веб-страница с использованием языка HTML строится с помощью тегов. Разметка документа - это описание различных фрагментов документа и их взаимного расположения. Разметка документа веб-страницы может быть полностью создана с использованием HTML. Файлы с разметкой HTML имеют расширение .html (написать на доске).

8. Прояснить, что тег - это структурный элемент HTML-документа, который может описать раздел или оформление веб-страницы, он может быть парный и непарным, в теге можно прописать атрибуты (параметры) которые расширяют или уточняют действие тегов, теги могут быть вложены в другие теги (презентация, 7-9 слайды).

9. Познакомить учащихся со структурой HTML-документа и назначением базовых тегов (html, head, title, body), пример 6.7, с. 48, учебное пособие, или с. 49, рабочая тетрадь, или презентация, 10 слайд.

10. Продемонстрировать создание документа с HTML-разметкой в редакторе "Блокнот". Показать, как сохранять документ в расширении .html. Показать, как открывать разметку HTML для редактирования и как просматривать страницу.

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

Акцент делается на опорно-двигательную систему.

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

Предложить учащимся выполнить в рабочей тетради задание 2 (с. 50, рабочая тетрадь).

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

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

9. Обобщение и систематизация изученного (3 минуты)

Организовать обсуждение (презентация, 12 слайд):

• Что такое веб-сайт?

• Что такое HTML? Зачем он нужен?

• Из чего состоит HTML-разметка?

• Устно озвучьте порядок следования тегов в базовой структуре HTML-документа.

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

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

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

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

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

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

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

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

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

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