Добавил:
ivanov666
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Предмет:
Файл:Web-программирование. Интерактивность статических Интернет-сайтов с применением форм. Учебное пособие для СПО
.pdf
61
for (n=0;n<document.fnam.mnv.length;n++)
{
if (document.fnam.mnv[n].checked)
{
vmnv++;
eopmnv = new String(opmnv[n]);
eznmnv = parseInt(znmnv[n][inbtn]);
opres = opres+"\n"+vmnv+". "+eopmnv+" - "+eznmnv+".";
znres = znres+eznmnv;
vznmnv = vznmnv+eznmnv;
}
}
if (vmnv==0)
{
opres = opres+"\nВыбор из множественного выбора отсутствует.";
}
else
{
opres = opres+"\nИтого по множественному выбору: "+vznmnv+".";
opres = opres+"\nИтоговая сумма: "+ezntp+"+"+eznods+"+"+
vznmns+"+"+eznodv+"+"+vznmnv+" = "+znres+".";
}
document.fnam.fres.value = opres;
document.fnam.del.disabled = false;
}
function delf()
{
document.title = 'Программа 6: Исходные данные';
document.fnam.ods[0].selected = true;
for (n=0;n<document.fnam.mns.length;n++)
{
document.fnam.mns[n].selected = false;
}
for (n=0;n<document.fnam.odv.length;n++)
{
document.fnam.odv[n].checked = false;
}
for (n=0;n<document.fnam.mnv.length;n++)
{
document.fnam.mnv[n].checked = false;
}
document.fnam.del.disabled = true;
document.fnam.tp.value = "01";
document.fnam.tob.value = "Введите текст";
document.fnam.ps.value = "Введите пароль";
document.fnam.fl.value = "";
document.fnam.fres.value = "\tОтсутствует активация...";
}
</SCRIPT>
</BODY></HTML>
62
Задания для самостоятельной работы студентов
№
варианта
№ элемента (объекта) формы
1 2 3 4 5 6 7 8 9
10 1 5 4 2 6 1
7/4
8/2
3/5
9/3
10/4 2 3 2 4 5 1
7/2
10/3
8/4
9/5
6/3 3 1 4 7
10 5 6/5
9/4
8/3
2/2
3/4 4 9 8 7 4 6
10/2
2/5
1/3
5/4
3/3 5 3 2 10 4 7
6/3
8/4
9/2
1/5
5/2
6
10 6 4 5 3
2/5
1/3
9/4
8/2
7/3
7 5 2 4 6
10
9/4
7/3
3/2
1/5
8/2 8 1
10 2 8 3 7/3
4/2
6/4
5/5
9/4 9 7 2 8 3 6
4/2
5/4
10/3
1/5
9/2
10
9 3 6 4 5
2/4
1/3
8/5
10/2
7/3
В таблице ниже представлены варианты расположения различных визуальных
элементов форм в рамках формируемых обучаемыми макетов форм в соответствии с
вариантами заданий для самостоятельной работы студентов, при этом тематика
выполняемых работ, то есть каждой из шести разрабатываемых программ, определяется
студентом. Значения параметров указаны в виде дроби X/Y, где на месте числителя X
указывается порядковый номер расположения элемента в форме, а в качестве знаменателя Y
представлено количество составляющих значений для элементов или самих элементов. Для
программ 1, 2, 3, 5, 6 указывается расположение элементов формы, отвечающих за исходные
данные, тогда как для программы 4 все указанные элементы отображают расположение
элементов результатов обработки формы.
Обозначения элементов или визуальных объектов форм:
1 – скрытый элемент.
2 – текстовое поле (указываемое в знаменателе количество элементов действительно
только для программы 4).
3 – текстовая область (для программ 3…6 вторая текстовая область располагается внизу
формы согласно образцу).
4 – поле пароля.
5 – загрузка файла.
6 – однозначный список.
7 – множественный список.
8 – однозначный выбор.
9 – множественный выбор.
10 – кнопки (указываемые значения порядкового номера и количество элементов
действительно только для программы 6, в остальных программах расположение и количество
кнопок определяется согласно образцам, при этом номер элемента, в качестве которого
указана кнопка, заменяется местами с номером элемента, который указан под номером 10).
Таблица 2
Варианты для самостоятельной работы студентов
63
Заключение
В качестве заключения представим краткое изложение содержания учебного пособия и
сформулируем общий вывод.
Во введении рассматриваются актуальность и общие вопросы использования
информационно-коммуникационных технологий при обучении в учреждениях СПО
различным учебным дисциплинам. Показано влияние применения информационных средств
в учебном процессе на повышение интереса и мотивации студентов к обучению, а также на
формирование и развитие теоретического и практического мышления обучаемых.
В первой главе представлены основные составляющие создания и обработки форм
статических Интернет-страниц. Показано создание формы с использованием различных
визуальных компонентов средствами языка гипертекстовой разметки HTML, а также для
всех элементов формы подробно рассмотрено значение необходимых атрибутов. Обработка
форм представлена на примере оперирования вводимыми пользователем значениями трех
целых чисел, объединяемых в одномерный массив, с целью визуального отображения
реализации основных алгоритмических структур на основе применения языка сценариев
JavaScript.
Во второй главе показана реализация различных схем обработки информации в формах
статических Интернет-страниц с использованием языка сценариев JavaScript. Представлено
краткое описание, скриншоты, отражающие значения исходных данных и получаемых
результатов, а также полный листинг программ.
Для реализации самостоятельной работы студентов в учебном пособии представлены в
виде единой таблицы варианты расположения компонентов формы с указанием при
необходимости количества элементов или значений для каждого визуального элемента
формы.
Учебное пособие будет полезно для студентов, обучающихся по укрупненной группе
специальностей среднего профессионального образования «Информатика и вычислительная
техника», изучающих дисциплину «Web-программирование».
64
Список литературы
1. Роберт, И.В., Панюкова, С.В., Кузнецов, А.А., Кривцова, А.Ю. Информационные и
коммуникационные технологии в образовании: учеб.-метод. пособие [Текст] / И.В. Роберт,
С.В. Панюкова, А.А. Кузнецов, А.Ю. Кривцова. – М.: Дрофа, 2008. – 312 с.
2. Богун, В. В., Смирнов, Е.И., Кузнецов, А.А. Проблемы и перспективы реализации
единой среды дистанционного обучения студентов педагогических вузов [Текст] / В.В.
Богун, Е.И. Смирнов, А.А. Кузнецов // Информатика в образовании. – 2010. – 7. – 9 с.
3. Богун, В.В. Математическая логика программных особенностей реализации системы
мониторинга дистанционных учебных проектов [Текст] / В.В. Богун // Ярославский
педагогический вестник. – 2010. – 2. – с. 22-33.
4. Богун, В.В. Реализация расчетных проектов по математике с использованием
дистанционной формы обучения [Текст] / В.В. Богун // Ярославский педагогический вестник.
– 2010. – 4. – с. 107-112.
5. Богун, В.В. Использование информационной динамической системы мониторинга
дистанционных учебных проектов в обучении математике [Текст]: учеб. пособие. –
Ярославль: Изд-во «Индиго», 2010. – 136 с.
6. Богун, В.В. Информационные особенности динамической системы мониторинга
дистанционных учебных проектов [Текст] / В.В. Богун // Ярославский педагогический
вестник. – 2011. – 1. – с. 185-193.
7. Богун, В.В. Реализация расчетных проектов при организации дистанционного
обучения математике [Текст] / В.В. Богун // Компьютерные инструменты в образовании. –
2011. – 6. – с. 33-37.
8. Богун, В.В. Логические основы реализации базы данных для информационной
динамической системы мониторинга дистанционных учебных проектов [Текст] / В.В. Богун
// Ярославский педагогический вестник. – 2012. – 2. – с. 7-12.
9. Богун, В.В. Применение дистанционных учебных проектов при обучении
математике [Текст] / В.В. Богун // Высшее образование в России. – 2013. – 5. – с. 114-119.
10. Богун, В.В. Дистанционные динамические расчетные проекты по исследованию
функций вещественного переменного [Текст] / В.В. Богун: учебное пособие. – Ярославль:
Изд-во «Канцлер», 2014. – 143 с.
11. Маркова, А.К., Матис, Т.А., Орлов, А.Б. Формирование мотивации учения [Текст]:
кн. для учителя / А.К. Маркова, Т.А. Матис, А.Б. Орлов. – М.: Просвещение, 1990. – 192 с.
12. Теплов, Б.М. Ум полководца [Текст] / Б.М Теплов // учеб. пособие. – М.: Педагогика,
1990. – 208 с.
13. Богун, В.В. Наглядное моделирование в обучении математике: теория и практика.
Издание второе, исправленное и дополненное [Текст]: / В.В. Богун, В.Н. Осташков, Е.И.
Смирнов. Под ред. Е.И. Смирнова // учеб. пособие. – Ярославль: Изд-во «Канцлер», 2010. –
498 с.
14. Шафрин, Ю.А. Информационные технологии [Текст] / Ю.А. Шафрин: – М.:
Лаборатория Базовых Знаний, 1998. – 704 с.
15. Глушаков, С.В., Жаркин, И.А., Хачиров Т.С. Программирование Web-страниц
[Текст]/ С.В. Глушаков, И.А. Жаркин, Т.С. Хачиров. – М.: ООО «Издательство АСТ»;
Харьков: «Фолио», 2003. – 387 с.: ил.
16. Штайнер, Г. HTML/XML/CSS [Текст] / Г. Штайнер. – М.: Лаборатория Базовых
Знаний, 2004. – 512 с.
17. Соколов, С.А. JavaScript в примерах, типовых решениях и задачах.
Профессиональная работа [Текст] / С.А. Соклов. – М.: ООО «И.Д. Вильямс», 2006. – 592 с.
18. Дмитриева, М.В. JavaScript. Экспресс-курс [Текст] / М.В. Дмитриева. – СПб.: БХВ-
Петербург, 2005. – 336 с.
Учебное издание
Богун Виталий Викторович
Издано в авторской редакции
Технический редактор, компьютерная верстка А.Д. Матлахова
Обложка Я.А. Кирсанов, С.С. Сизиумова, фотобанк Freepik
Подписано к использованию 26.08.2025. Объем данных 7 Мб.
ООО «Профобразование»
8-800-511-14-70 (бесплатный звонок по России)
E-mail: office@profspo.ru, sale@profobr.pro
Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]