Инфоурок / Информатика / Конспекты / План-конспект урока по информатике 11 класс на тему "Формы на web- страницах"

План-конспект урока по информатике 11 класс на тему "Формы на web- страницах"

Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 22 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

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

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>

библиотека
материалов

Класс: 11 Б

Тема урока: «Формы на web-страницах»

Цель урока:

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

Развивающие: формирование приёмов логического мышления, развитие интереса к предмету, информационной культуры, развивать способность анализировать и обобщать, делать выводы, расширение кругозора;

Воспитательные: воспитание аккуратности, точности, самостоятельности.

Здоровьесберегающие: соблюдение санитарных норм при работе с компьютером, соблюдение правил техники безопасности.

Методы обучения: словесный (рассказ), практический.

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

Тип урока: комбинированный



Ход урока:

  1. Организационный момент. Приветствие учащихся. Проверка отсутствующих. Настрой на урок.

  2. Опрос Д/З.

Что такое мультимедиа объекты?

Как вставляются мультимедиа объекты на web страницы?



  1. Объяснение новой темы.

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

Форма – это набор элементов, таких как поля ввода, поля выбора, переключатели. Форма позволяет создавать интерактивные страницы, т.е. организовывать диалог с пользователем.

Форма создается с помощью тега:

>

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

hello_html_6fca8c6d.png

2. Переключатели (радиокнопки) – выбор из нескольких вариантов

имя” VALUE=“уникальное имя”>

Пример:

Укажите к какой группе пользователей вы себя относите:<BR>

ученик

студент

hello_html_m7b7b36b1.png

3. Флажки – выбор нескольких вариантов

<INPUT TYPE=“CHECKBOXNAME=“имя” VALUE=“уникальное имя”>

Пример:

Какие из сервисов Интернета Вы используете?<BR>

WWW

E-MAIL

hello_html_71fa3aa6.png

4. Раскрывающийся список – выбор из списка одного варианта

ИМЯ”> …

элемент списка

SELECTED выбор значения по умолчанию

4. Раскрывающийся список – выбор из списка одного варианта

ИМЯ”> …

элемент списка

SELECTED выбор значения по умолчанию

hello_html_m2eb9f812.png

5. Текстовая область (с линейкой прокрутки) – ввод обширного текста

имя” ROWS=… COLS=…>

TEXTAREA>

Пример:

Какую еще информацию вы хотели бы видеть на сайте?<BR>

hello_html_m79fb64e5.png

6. Отправка и очистка формы

<INPUT TYPE=“SUBMITVALUE=“Отправить”>

Очистить”>

Пример:

Укажите род Ваших занятий:<BR>

ученик

студент

hello_html_m3dd6ca3d.png

ACTION=“URL”> … FORM>

где URL – адрес программы, расположенной на сервер, которая будет обрабатывать полученные данные или адрес электронной почты

  1. Закрепление новой темы. Практическое задание – создание формы.

  2. Итог урока. Д/З. Выставление оценок. Д/З. Повторить теоретическую часть.

Самые низкие цены на курсы переподготовки

Специально для учителей, воспитателей и других работников системы образования действуют 50% скидки при обучении на курсах профессиональной переподготовки.

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

Обучение проходит заочно прямо на сайте проекта "Инфоурок", но в дипломе форма обучения не указывается.

Начало обучения ближайшей группы: 22 ноября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru


Краткое описание документа:

Тема урока: «Формы на web-страницах»

Цель урока:

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

Развивающие: формирование приёмов логического мышления, развитие интереса к  предмету, информационной культуры, развивать способность анализировать и обобщать, делать выводы, расширение кругозора;

Воспитательные: воспитание аккуратности, точности, самостоятельности.

 

Здоровьесберегающие: соблюдение санитарных норм при работе с компьютером, соблюдение правил техники безопасности.

Общая информация

Номер материала: 150329
Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 22 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

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

Похожие материалы

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>