Методическая разработка "Основы языка разметки гипертекста HTML" 10 класс
методическая разработка по информатике и икт (10 класс) по теме

Чиркова Анна Николаевна

В архиве есть файл с конспектом урока и практическая часть "Интерактивные формы". УМК Угринович Н.Д.

Скачать:

ВложениеРазмер
Package icon yazyk_razmetki_giperteksta_html.zip21.24 КБ

Предварительный просмотр:

Методическая разработка урока по информатике

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

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

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

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

Задачи:

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

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

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

 Тип урока: Урок усвоения новых знаний.

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

Оснащение:       Раздаточный материал для обучающихся.

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

План урока:

  1. Орг.момент. (1 мин.)
  2. Этап подготовки обучающихся к активному сознательному усвоению знаний.(2 мин.)
  3. Выполнение теста «Основы языка разметки гипертекста HTML». (5 мин.)
  4. Этап усвоения новых знаний.(5 мин.)
  5. Закрепление новых знаний. (25 мин)
  1. Практическая работа №4 «Интерактивные формы». (23 мин.)
  2. Подведение итогов урока. (1-2 мин.)
  1. Домашнее задание. (1 мин.)

Ход занятия    

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

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

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

Учитель: Предлагаю вспомнить некоторые понятия (беседа с обучающимися).

Web-страница (англ. Web page) — документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с помощью веб-браузера (Википедия).

Всеми́рная паути́на (англ. World Wide Web) — распределенная система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключенных к Интернету.

Веб-обозрева́тель, обозрева́тель, бра́узер— программное обеспечение для просмотра веб-сайтов, то есть для запроса веб-страниц.

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

4. Этап усвоения новых знаний.

Учитель: Записываем в своих тетрадях число и тему урока.

Оформление конспекта учащихся.

Теги и атрибуты для создания интерактивных форм на Web-странице.

контейнер для создания формы

Тег со значением атрибута TYPE=“text” создают текстовое поле

Тег со значением атрибута TYPE=“radio” создают группу переключателей

Тег со значением атрибута  TYPE=“checkbox” создают флажки

контейнер для реализации раскрывающего списка

         

Просмотр интерактивных форм на Web-странице.

(Демонстрация презентации,  14  слайд).

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

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

Практическая работа № 4 «Интерактивные формы»:

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

4.2. Подведение итогов: учитель выставляет оценки за урок.

6.Домашнее задание.

Учитель.  1. Учебник  10 класса Н. Д. Угринович (базовый уровень),  П. 2.13, стр. 201-205.

2. Творческое задание (по желанию) - создать минисайт с помощью HTML-языка на свободную тему.

Спасибо за урок! До свидания, ребята.


По теме: методические разработки, презентации и конспекты

"HTML - язык разметки гипертекста"

План-конспект урока, презентация, а также приложения к уроку информатики по теме "HTML - зык разметки гипертекста"...

Открытый урок по информатике на тему "Разработка Web-сайтов с использованием языка разметки гипертекста HTML"

Открытый урок по информатике на тему "Разработка Web-сайтов с использованием языка разметки гипертекста HTML" Цели урока: Повторение основных принципов построения сайтов, структуры HTML-документа...

Язык разметки гипертекста HTML

Цели и задачи урока:Сформулировать основные принципы создания WEB-страниц;Познакомить учеников с основными командами оформления текста;Продемонстрировать использование этих команд на конкретных пример...

9 класс. Язык разметки гипертекста.

Презентация по теме "Создание веб-страниц с помощью Языка разметки гипертекста HTML".  Для проведения практичекой работы в 9 классе...

Справочный материал для учащихся 9-11 классов "Введение в язык разметки гипертекста"

В данной презентации рассказывается об основных тегах языка разметки для построения вручную своей странички....

2 Внеурочные занятия 8 класс. Основы языка разметки гипертекста HTML

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