Урок по теме «Основы языка разметки гипертекста HTML»

Урок по информатике

для 10 класса (базовый уровень)

по теме «Основы языка разметки гипертекста HTML»

Тема урока: Основы языка разметки гипертекста HTML.

Цель: Изучение основ языка разметки гипертекста HTML и использование его при Web-конструировании.

Задачи:

Образовательная: объяснить назначение языка разметки гипертекста HTML, основных тегов и их атрибутов при создании интерактивных форм на Web- страницах

Развивающая:

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

развивать эмоциональную сферу: формировать положительные эмоции к процессу обучения.

Воспитательная:

воспитывать уважение и умение сотрудничать с окружающими людьми, трудолюбие и добросовестность,

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

Тип урока: Урок-практикум с элементами обобщения и систематизации знаний.

Оборудование: Компьютеры, мультимедийный проектор

Оснащение: Тесты, раздаточный материал для обучающихся (материал для практической работы), справочные материалы.

Программное обеспечение: ОС Windows, браузер.

План урока:

1. Орг.момент. (1 мин.)

2. Этап подготовки обучающихся к активному сознательному усвоению знаний (2-5 мин.)

3. Выполнение теста «Основы языка разметки гипертекста HTML». (5-7 мин.)

4. Закрепление знаний. (28 мин)

   1. Практическая работа «Web-страница». (23-25 мин.)

   2. Подведение итогов урока. (2-3 мин.)

5. Домашнее задание. (1-2 мин.)

Ход урока:

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

Учитель: Здравствуйте, ребята! Мы живём в современном информационном мире, в котором Интернет – это мир общения, познания, увлечения. Тема нашего урока связана с Интернетом: Основы языка разметки гипертекста HTML (Прил.1, Презентация, слайд №1).

2.Этап подготовки обучающихся к активному сознательному усвоению знаний.

Учитель:

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

Гиперссылка – «активная» ссылка на другой документ.

Гипертекст – текст, содержащий гиперссылки.

Гипермедиа-документ – документ, включающий текст, рисунки, звуки, видео, в котором любой элемент может быть гиперссылкой.

WWW (World Wide Web) – «всемирная паутина», служба Интернет для обмена информацией в виде гипертекста (и гипермедиа).

Web-страница – текстовый файл, в котором описано размещение материала на экране.

Браузер – программа для просмотра Web-страниц на экране (Internet Explorer, Mozilla Firefox, Opera).

Язык HTML – язык разметки гипертекста, не являющийся языком программирования

Тэг – это команда языка HTML, которую выполняет браузер (парные (контейнеры), непарные).

3. Выполнение теста «Основы языка разметки гипертекста HTML» (Прил.1, Презентация, слайд №5) (Прил.2)

4.Этап закрепления знаний.

4.1. Индивидуальная работа на компьютере:

Практическая работа «Web-страница»:

1. Создание Web-страницы с использованием знаний языка разметки гипертекста HTML.

2. Рекомендации:

Необходимо создать отдельную папку для размещения в ней необходимых материалов.

Как пример того, что должно получиться у ребят, предлагаю их вниманию готовую Web-страницу (Прил.1, Презентация, слайд №6) (Прил.3) на тему «70-летию Великой победы посвящается». (HTML-код страницы)

1941-1945

70-летию Великой победы посвящается...

Великая Отечественная война 1941-1945 — война Союза Советских Социалистических Республик против нацистской Германии и её союзников (Болгарии, Венгрии, Италии, Румынии, Словакии, Финляндии, Хорватии).