Тема урока: «Интерактивные формы на WEB-страницах»
Тип урока: Комбинированный (самостоятельная работа, изучение новой темы)
Класс: 8
Задачи урока:
Познакомить с понятием интерактивных форм на Web-страницах; Развивать умение использовать язык разметки текста, создавать Web- страницу, размещать информацию на Web- страницу с помощью различных интерактивных форм.
План урока:
1. Орг. момент (3 минуты).
2. Изучение нового материала(20 минут)
3. Практическая работа(20 минут)
4. Подведение итогов.(2 минуты)
Средства обучения:
-Оборудование: компьютеры, проектор, инт. доска. Ход урока:
Этапы урока
Содержание урока / Деятельность учителя
1.Организационный момент.
Здравствуйте! Меня зовут…
Сегодня на уроке мы приступим к изучению новой темы урока, изучим новые теги языка HTML, и после чего вы выполните небольшую самостоятельную работу.
2. Изучение новой темы.
Запишите сегодняшнее число и тему урока: Формы на Web-страницах.
Итак, кто может сказать, как вы понимаете слово Форма? Что он может означать?
Теперь, мы с вами рассмотрим общий принцип работы формы (Слайд 3).
Как можно уже понять, форма имеет свою структуру и тег. Он выглядит следующим образом (Слайд 4).
Теперь мы с вами познакомимся с тем, какие именно операции можно проводить с формами ( Слайд 5 – Слайд 9) Текстовые поля:
Создаются с помощью тэга со значением атрибута Type=”text”. Атрибут Name является обязательным и служит для идентификации полученной информации.
Значением атрибута Size является число, задающее длину поля ввода в символах. Разделение строк производится с помощью тэга
Переключатели:
со значением атрибутаType=”radio”, все элементы в группе должны иметь одинаковые значения атрибута Name. Например:Name= “group”. Еще одним обязательным атрибутом является Value, которому присвоим значения «учащийся», «студент» и «учитель». Значение атрибута Value должно быть уникальным для каждой кнопки, так как при ее выборе именно оно передается серверу.
Флажки:
Создаются с помощью тэга INPUT со значением атрибута Type= “checkbox”. Флажки, объединенные в группу, могут иметь различные значения атрибута Name, например: Name=”box1”, Name=”box2” и т.д.
Еще одним обязательным атрибутом является Value, которому присвоим значения “www”, “e-mail”, “FTP”. Значение атрибута Value должно быть уникальным для каждого флажка, так как при его выборе именно оно передается серверу.
Поля списков:
Контейнер
каждый элемент списка определяется тэгом
3. Практическая работа.
Внимательно прочитайте инструктаж к вашей практической работе и после этого присаживайтесь за компьютеры. Выполнять работу только индивидуально. Работу сохраняете в формате Web-документа. Приступайте!
4. Подведение итогов.
Итак, на данном уроке мы изучили тему: «Списки на Web-страницах. Возникли ли у вас какие-либо вопросы? Какие сложности возникли в практической работе? Научились ли вы использовать полученные знания на практике?