Смекни!
smekni.com

Методика обучения теме "Создание Web-страниц с помощью языка HTML" в курсе информатики для слабослышащих школьников 11-х классов (стр. 10 из 16)

- ENCTYPE = "кодирование" – задает способ кодирования данных формы. В случае отправки данных как текста указывается в виде ENCTYPE= "text/plain"/

Приведем несколько примеров:

1. Заголовок формы, используемой на поисковой машине Яndex, имеет вид: <FORMNAME="web" METHOD= "get" ACTION="/yandscarch">

2. Заголовок формы, отправляющий информацию на адрес E-mail, может иметь вид:

<FORM ACTION= mailto@lvs.ru?subject=Internet-Test METHOD=˝post˝ ENCTYPE =˝text/plain˝ NAME = "Q" ONSUMBIT=˝return Validate () ˝>

Внутри тега <FORM> находятся поля формы.

- <TEXTAREA>…<TEXTAREA> - задает многострочное поле ввода.

Параметры тега:

- NAME= ˝имя˝ - задает имя поля.

- COLS= ˝число˝ - указывает число столбцов.

- ROWS= ˝число˝ - указывает число строк.

- WRAP= ˝стиль˝ - указывает на режим автоматического

распределения текста в ячейке. Она может принимать одно из значений: off(выключен), virtual(распределять текст по всей ячейке, но на сервер передавать как одну строку) или physical (распределять текст по всей ячейке и передавать на сервер так, как он отображается).

- <SELECT>…</SELECT> - определяет в форме меню с одним или несколькими вариантами выбора или список с полосой прокрутки.

Параметры тега:

- NAME= ˝имя˝

- SIZE= ˝число˝ - определяет размер списка. Если опция SIZE указана в виде SIZE=˝1˝, отображение элементов будет организованно в виде ниспадающего меню, в противном случае будет использован список прокрутки, включающий указанное число элементов.

- MULTIPLE- разрешает выбирать из списка более одного значения.

Это можно сделать, например, выбирая элементы списка при нажатой клавише Ctrl.

- <OPTION>…</OPTION> - используется для написания текста, видимого в меню или списке на экране.

Параметры тега:

- VALUE= ˝значение˝ - указывает значение, возвращаемое программе обработки при выборе пользователем данного параметра.

- SELECTED – указывает на элемент списка, выбранный по умолчанию.

- <INPUT> - создает поле ввода. Предназначен для сбора информации различными способами, включая текстовые поля, поля для ввода пароля, переключатели, флажки, кнопки для отправки данных и очистки формы.

Параметры тега:

- TYPE= ˝значение˝ - указывает тип формы. Имеет значения:

- text – создает текстовое поле.

- password- создает текстовое поле с защитой вводимых символов.

- checkbox – создает «флажок».

- radio- создает радиокнопку.

- reset – создает кнопку для очистки формы.

- submit – создает кнопку для отправки данных формы приложению - обработчику.

- button– создает произвольную кнопку.

- NAME = ˝строка˝ - имя.

- MAXLENGTH= ˝число˝ - ограничивает максимальную длину вводимого текста.

- SIZE= ˝число˝ -показывает максимальное количество отображаемых

символов.

- VALUE= ˝строка˝ - указывает значение поля ввода или текст поля.

Пример разработки формы показан на рисунке 17.

Рис.17. Отображение браузером HTML- документа с использованием формы

Эта форма имеет следующий HTML-код:

<HTML>

<HEAD>

<TITLE>Пример</TITLE>

</HEAD>

<BODY>

<FORM METHOD= ˝post˝

ACTION= ˝mailto:kis@sibstrin.ru?subject=Information˝>

<PRE>Ваше имя:

<INPUT NAME= ˝name˝ TYPE= ˝text˝ MAXLENGTH= ˝40˝

SIZE = ˝40˝ VALUE= ˝˝>

Ваш пол:

<INPUT TYPE= ˝radio˝ NAME= ˝pol˝

VALUE= ˝male˝> Мужской

<INPUT TYPE= ˝radio˝ NAME= ˝pol˝

VALUE= ˝female˝> Женский

На каком курсе Вы учитесь?

<SELECT NAME = ˝curs˝ SIZE= ˝1˝>

<OPTION VALUE= ˝1˝ SELECTED>Первый </OPTION>

<OPTION VALUE= ˝2˝>Второй </OPTION>

<OPTION VALUE=˝3˝>Третий </OPTION>

<OPTION VALUE=˝4˝>Четвертый </OPTION>

<OPTION VALUE=˝5˝> Пятый</OPTION>

</SELECT>

Какие языки программирования Вы знаете?

<INPUT TYPE= ˝checkbox˝ NAME= ˝pascal˝ VALUE=˝yes˝

CHECKED>Паскаль

<INPUT TYPE= ˝checkbox˝ NAME= ˝с˝ VALUE=˝yes˝ >Си

<INPUT TYPE= ˝checkbox˝ NAME= ˝asm˝

VALUE=˝yes˝>Ассемблер

Напишите несколько слов о себе</PRE>

<TEXTAREA NAME= ˝about˝ ROWS=˝6˝ COLS=˝60˝> WRAP=

˝off˝><TEXTAREA>

<P> <INPUT TYPE= ˝submit˝ VALUE=˝Отправитьданные˝ >

<INPUT TYPE= ˝reset˝ VALUE= ˝Очиститьформу˝>

</FORM>

</BODY>

</HTML>

Эта форма пытается отправить данные по указанному в заголовке адресу электронной почты, используя тему письма ˝Information˝. Дальнейшие события зависят от того, установлена ли на машине пользователя почтовая программа - клиент. Если да, то информация будет отправлена, причем данные из полей формы придет в виде строк текста NAME= VALUE, например, информация о курсе в виде curs=1. Если на машине нет программы электронной почты, Windows предупредит об этом.

- <PRE>…</PRE> - служит для лучшего выравнивания данных.


ГЛАВА III. РАЗРАБОТКА МЕТОДИКИ ОБУЧЕНИЯ РАЗДЕЛУ "СОЗДАНИЕ WEB - СТРАНИЦ С ПОМОЩЬЮ ЯЗЫКА HTML" ДЛЯ СЛАБОСЛЫШАЩИХ УЧАЩИХСЯ

§3.1 Методы обучения

Обучение информатики слабослышащих учащихся необходимо. И для полного понимания и глубокого изучения данного вопроса необходимы знания основных понятий по методам обучения. Существует много различных трактовок тех или иных понятий. В данной главе приведены лишь некоторые из них.

В педагогической практике методом обучения называют упорядоченный способ деятельности по достижению учебно-воспитательных целей. При этом отмечают, что способы учебной деятельности учителя (преподавание) и способы учебной деятельности учащихся (учение) находятся во взаимодействии. О методах обучения необходимо помнить, что это не сама деятельность, а способ её осуществления, который должен соотноситься с целью урока. Таким образом, методы обучения — это способы совместной деятельности учителя и учащихся, направленные на решение задач обучения, воспитания и развития. Выбранный метод должен быть осознан, и отвечать возложенным на него задачам, тогда его применение будет эффективно. Методы реализуются в конкретных действиях, приемах, организационных формах с помощью различных средств обучения. Ни один метод в чистом виде не существует, а классификации построены на оценке не всех, а одного доминирующего свойства метода [8].

Н.В. Басова указывает, что существует более 200 определений понятия «метод». [2] Само слово метод в переводе с греческого означает исследование, способ, путь к достижению цели. Так, например в философском словаре отмечается: «метод – в самом общем значении – способ достижения цели, определенным образом упорядоченная деятельность» [21].

Герберт Нойнер и Ю.К. Бабанский под методом обучения понимают “последовательное чередование способов взаимодействи учителя и учащихся, цели посредством проработки учебного материала” [13].

М.Н. Скаткин дает следующее определение: «Метод обучения предполагает, прежде всего, цель учителя и его деятельности имеющимися у него средствами. В результате возникает цель ученика и его деятельности имеющимися у него средствами» [6].

Из всего вышесказанного можно сделать вывод, что метод – это сочетание способов и форм обучения, направленных на достижение определенной цели обучения. Таким образом метод содержит способ и характер организации познавательной деятельности учеников.

В отечественной дидактике существует несколько классификаций методов обучения.

1) По источникам получения информации: словесные, наглядные, практические.

а) Словесные методы (рассказ, объяснение, беседа, дискуссия, лекция, работа с текстом, инструктаж). Источником информации является слово. Данная деятельность осуществляется с использованием различных приемов (например, анализ, сравнение и т.д.).

б) Наглядные методы (иллюстрация и демонстрация). Метод иллюстрации предполагает показ ученикам иллюстративных пособий, плакатов, схем, таблиц, макетов, моделей, зарисовок на доске. Метод демонстрации связан с демонстрацией кинофильмов, слайдов, программ, опытов, работой устройств и пр Источником информации являются наблюдаемые объекты, процессы, явления.

в) Практические методы (упражнения, лабораторные и практические работы). Источником информации является практическая деятельность учащихся.

На уроках информатики используются все эти методы, поскольку невозможно представить себе эти уроки без единства словесных, наглядных и практических методов. Однако своеобразие состоит в том, что практическим методам уделяется больше времени, а из наглядных методов чаще используется демонстрация. При подготовке урока необходимо продумывать деятельность обучаемых, которая заключается в восприятии и осмыслении получаемой информации, в выполнении записей чертежей, схем, в работе с дидактическим материалом.

2) По характеру познавательной деятельности учащихся и участия учителя в учебном процессе: объяснительно-иллюстративный, репродуктивный, проблемный, частично-поисковый, исследовательский.

а) Объяснительно-иллюстративный метод. Учитель сообщает информацию разными средствами, используя различные методические приемы, а учащиеся воспринимают, осознают и запоминают ее. Без этого метода нельзя обеспечить целенаправленность учебно-воспитательного процесса.

б) Репродуктивный метод. Учитель с помощью системы заданий организует деятельность школьников по неоднократному воспроизведению ими знаний, тем самым формирует умения при решении аналогичных задач. Воспроизведение и повторение способа деятельности по заданиям учителя является главным признаком этого метода.

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