Размещено на http://www.allbest.ru/

Содержание

• Введение
• 1. Основная часть
• 1.1 Анализ существующих аналогов
• 1.2 Формы тестов
• 1.3 Проектирование задачи
• 1.4 Принципы контролирующей программы
• 1.5 Актуальность выбранной темы
• 1.6 Разработка контролирующей программы
• 2. Специальная часть
• 2.1 Описание разработанной контролирующей программы
• 2.2 Инструкция пользователю
• 2.3 Инструкция программисту
• 3. Экономическая часть
• 3.1 Экономическое обоснование проекта
• 3.2 Определение затрат на создание тестирующей программы
• Заключение
• Список литературы
• Приложение

Введение

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

Информационный взрыв породил множество проблем, важнейшей из которых является проблема обучения. Особый интерес представляют вопросы, связанные с автоматизацией обучения, поскольку «ручные методы» без использования технических средств давно исчерпали свои возможности. Наиболее доступной формой автоматизации обучения является применение ЭВМ, то есть использование машинного времени для обучения и контроля знаний студентов.

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

ь Во-первых, это автоматизация как самого процесса создания таковых, так и хранения данных в любой необходимой форме.

ь Во-вторых, это работа с практически неограниченным объёмом данных. Создание компьютерных технологий в обучении соседствует с изданием учебных пособий новой генерации, отвечающих потребностям личности обучаемого.

1. Основная часть

1.1 Анализ существующих аналогов

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

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

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

1.2 Формы тестов

Любой тест состоит из тестовых заданий. Тестовые задания по форме ответов бывают открытые и закрытые.

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

Они подразделяются на следующие виды:

· вставка

· дополнение

· кодировка

Тестовые задания закрытой формы предполагают наличие вариантов ответа.

Они подразделяются на следующие виды:

· с одним правильным ответом

· с несколькими правильными ответами

· соответствие

· последовательность

· количественное сравнение

· логическое сравнение

· иерархическое сравнение

Существует ряд общепринятых требований к тестовому контролю

1 * Адекватность или валлидность тестов, т.е. полное соответствие вопросов тестов содержанию учебного материала и требуемому уровню знаний. Т.е., если тест предназначен для, например, определения уровня знаний студентов типа "знания-знакомства" или "знания-копии", то вопросы не должны выходить за рамки различения студентом каких-то определений и конкретной информации по учебному материалу. Если же преподаватель хочет провести тестовый контроль на уровне "знаний-умений" либо "знаний-трансформаций", то вопросы должны предполагать "включение" отвечающим своей интуиции и аналитических способностей.

2 * Общепонятность тестов, т.е. четкая формулировка вопросов, которая должна быть понятна каждому студенту.

3 * Надежность тестов, т.е. устойчивость последовательных результатов тестирования одного и того же студента.

4 * Однозначность каждого теста, т.е. отсутствие расхождений в оценке и качестве выполнения теста разными преподавателями и др.

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

6 Сравнительные эксперименты показали, что обычная "экзаменационная" или "зачетная" оценка уровня знаний оказывается весьма завышенной, если не использовать последовательного и регулярного тестового контроля успеваемости.

Достоинства и недостатки тестирования

Достоинства тестирования:

· возможность проводить массовые измерения

· централизованное - для всех общие требования по всей стране

объективность (использование выборок приводит к меньшему объему работы, дешевле и проще)

Недостатки тестирования:

· централизованное - везде разный уровень

возможность угадывания ответа

1.3 Проектирование задачи

Целью моей дипломной работы является создание электронной контролирующей программы по спецдисциплинам по направлению 230000. Разработанная программа направлена на упрощение проведения проверочных работ по дисциплинам.

В программе должно быть предусмотрено:

- краткое описание по каждой теме

- наличие тестовых заданий по всем дисциплинам(тема, раздел, дисциплина)

- вывод результативной оценки по каждому тесту

- разный дизайн для каждой дисциплины

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

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

1. Операционные системы, среды и оболочки;

2. Программное обеспечение компьютерных сетей;

3. Программное обеспечение компьютерных сетей и web-серверов;

4. Разработка и эксплуатация удаленных баз данных;

5. Технология разработки программных продуктов.

Тесты разработаны в трех вариантах для каждой дисциплины.

1.4 Принципы контролирующей программы

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

1.1 Принцип квантования: разбиение программы на дисциплины, состоящие из разделов, тем и тестов в трех вариантах для каждой темы.

1.2 Принцип наглядности: каждая дисциплина предусматривает наличие все тем, тестов, неяркого дизайна, удобного интерфейса.

1.3 Принцип ветвления: все документы в каждой дисциплине должны быть связаны гипертекстными ссылками между собой и с главной страницей так, чтобы у пользователя был выбор перехода на любую другую дисциплину.

1.4 Принцип регулирования: студенты самостоятельно управляют сменой страниц.

1.5 Актуальность выбранной темы

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

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

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

3. Объективный тестовый контроль очень широко практикуется при Вузовском обучении во многих станах Европы и США.

4. Регулярный тестовый контроль способен активизировать мотивацию отдельных студентов к изучению учебного материала и поиску правильных ответов. Это может происходить в том случае, когда тесты известны студентам заранее. Хотя, как показывает практика, большинство студентов предпочитают затрачивать минимум усилий при подготовке к тестированию.

5. И, наконец, короткий регулярный тестовый контроль позволяет решать решить проблему учета посещаемости студентами занятий, особенно лекций в условиях сегодняшней студенческой "демократии" в МИФИ.

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

1.6 Разработка контролирующей программы

Тестовая контролирующая программа разрабатывалась при помощи следующих технологий:

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

2. Каскадные таблицы стилей CSS

3. Язык описания сценариев JavaScript

4. Графический редактор Adobe Photoshop

5. Notepad++

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

HyperText Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-броузеров. Когда документ создан с использованием HTML, WEB-броузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.

HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров. Работа по HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только если это действительно необходимо.

3 термина, используемые при разработке в HTML:

1. Тег - оформленная единица HTML-кода. Например, <html >, <body>,<h1>,<h2> и так далее. Все теги имеют одинаковый формат: они начинаются знаком "<" и заканчиваются знаком ">".Обычно имеются два тега - открывающий и закрывающий. Различие в том, что в закрывающем имеется слэш "/". Желательно вводить все теги в нижнем регистре(маленькими буквами), хотя не обязательно.

2. Атрибут -это своего рода дополнительная информация. Атрибуты всегда записываются внутри тега, затем следует знак равенства и детали атрибута, заключённые в двойные кавычки.

3. Элемент - понятие, введенное чисто для удобства обьяснения. Например, элемент HEAD состоит из двух тегов - открывающего <HEAD> и закрывающего </HEAD>. Таким образом, элемент - более общее понятие, обозначающее пару тегов и участок документа между тегами, на который распространяется их влияние.

При написании тестовой программы были использованы теги, которые представлены ниже:

1. HTML - определяет тип документа, обязательный, парный.

2. HEAD - определяет «голову» документа, обязательный, парный.

3. BODY - определяет тело документа

Атрибуты:

· text = "000000" - задает цвет текста всего документа;

· bgcolor = fcfcfc" - задает цвет фона документа;

· background = "Fon.jpg" - задает фоновую картинку;

4. TITLE - заголовок окна, содержащего документ, обязательный, парный

5. FRAMESET - определяет фреймовую (оконную) структуру документа: размеры и расположение фреймов на странице, парный.

Атрибуты:

· rows=”50,*” - определяет количество и размеры горизонтальных фреймов (фреймов-строк) в окне браузера. В качестве значения задается список размеров фреймов через запятую

· cols=”100,*” - определяет количество и размеры вертикальных фреймов (фреймов-столбцов) в окне браузера. В качестве значения задается список размеров фреймов через запятую

6. FRAME - определяет фрейм и его свойства внутри FRAMESET-структуры, парный

Атрибуты:

· src=”file.htm” - указывает адрес файла, отображаемого в данном фрейме. Обязательный атрибут

· name=”frame1” - определяет имя данного фрейма, которое будет в дальнейшем использоваться для ссылки на него из других документов с помощью параметра TARGET

7. FONT - позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тэгами, парный

Атрибуты:

· size=”4” - определяет размер шрифта, от 1 до 7

· color=”ff00ff” - определяет цвет текста. RGB-значение в 16-ной системе.

· face=”Arial” - определяет используемый шрифт.

8. CENTER - центрирование текста и объектов

9. IMG - используется для вставки изображений в HTML-документ

Атрибуты:

· src=”img.jpg” - путь и файлу, обязательный параметр

· align - обязательный параметр. Указывает способ выравнивания изображения в документе. Значения: left-выравнивание по левому краю; right-выравнивание по правому краю.

· alt - определяет текст, отображаемый браузером на месте изображения, если браузер не может найти файл с изображением или включен в текстовый режим.

· height и width - определяют ширину и высоту изображения соответственно(в пикселях и процентах)

10. B - определяет жирный шрифт текста, парный

11. I - определяет курсив, парный

12. BR - перевод на новую строку (аналог Enter), непарный

13. FORM - используется для создания заполняемой формы, парный

14. SELECT - создает в заполняемой форме меню типа "Выбор одного пункта из многих". Должен располагаться внутри элемента FORM

15. OPTION - Используется только с элементом SELECT, описывает отдельные пункты меню, непарный

Атрибуты:

· selected - определяет пункт меню, который будет выбран изначально при загрузке документа

· value - задает данному пункту значение, которое будет использовано наряду с другими сведениями о содержимом заполненной формы

Каскадные таблицы стилей CSS

CSS (Cascading Style Sheets) основным понятием CSS является стиль - т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (цвет, размер, положение, и т. п.) приходилось каждый раз описывать эти свойства, даже если на одной страничке много таких элементов, не отличающихся один от другого. В CSS для присвоения какому-либо элементу определенных характеристик вы должны один раз описать этот элемент, как стиль, а в дальнейшем просто указывать этот стиль для нужных элементов.

CSS при отображении страницы может быть взята из различных источников:

* Авторские стили (информация стилей, предоставляемая автором страницы) в виде:

* Внешних таблиц стилей, то есть отдельного файла .css, на который делается ссылка в документе.

* Встроенных стилей -- блоков CSS внутри самого HTML-документа.

* Inline-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style.

* Локальный CSS-файл, указанный пользователем в настройках браузера, переопределяющий авторские стили, и применяемый ко всем документам.

* Стандартный стиль, используемый браузером по умолчанию для представления элементов.

Стандарт CSS определяет приоритеты, в порядке которых применяются правила стилей, если для какого-то элемента подходят несколько правил одновременно. Это называется «каскадом», в котором для правил рассчитываются приоритеты или «веса», что делает результаты предсказуемыми.

Таблица стилей состоит из набора правил. Каждое правило, в свою очередь, состоит из одного или нескольких селекторов, разделённых запятыми и блока определений. Блок определений же обрамляется фигурными скобками, и состоит из набора свойств и их значений.

JavaScript

Создание языка Java-это действительно один из самых значительных шагов вперед в области разработки сред программирования за последние 20 лет. Язык HTML был необходим для статического размещения страниц во “Всемирной паутине” WWW . Язык Java потребовался для качественного скачка в создании интерактивных продуктов для сети Internet.

JavaScript содержит несколько встроенных объектов, таких, как Global, Object, Error, Function, Array, String, Boolean, Number, Math, Date, RegExp. Кроме того, JavaScript содержит набор встроенных операций, которые, строго говоря, не обязательно являются функциями или методами, а так же набор встроенных операторов, управляющих логикой выполнения программ. Синтаксис JavaScript в основном соответствует синтаксису языка Java, но упрощен в сравнении с ним, чтобы сделать язык сценариев легким для изучения. Так, к примеру, декларация переменной не содержит ее типа, свойства также не имеют типов, а декларация функции может стоять в тексте программы после ее вызова.

Графический редактор Adobe Photoshop

Adobe Photoshop - это один из самых известных графических редакторов. Фотошоп позволяет как создавать новые изображения, так и редактировать существующие графические файлы. Графический редактор Photoshop применяют для создания фотореалистических изображений, работы с цветными сканированными изображениями, ретуширования, цветокоррекции, коллажирования, трансформации графики, цветоделения и т.д. Адоб Фотошоп располагает всеми методами работы с точечными изображениями, при этом имеет возможность работы со слоями и использует контуры. Adobe Photoshop является безусловным лидером среди профессиональных графических редакторов за счет своих широчайших возможностей, высокой эффективности и скорости работы.

В данной работе Photoshop использовался для разработки дизайна программы, кнопок меню, фона.

Notepad++

Notepad++ -- свободный текстовый редактор для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Он базируется на компоненте Scintilla, написан на C++ с использованием STL и распространяется под лицензией GPL. Базовый функционал программы может быть расширен как за счёт плагинов, так и сторонних модулей, таких как компиляторы и препроцессоры.

Текстовый редактор для программистов и веб-дизайнеров. Notepad++ обладает хорошей функциональностью и удобным интерфейсом и при этом отличается быстротой работы. Редактор может открыть сразу несколько документов, подсвечивать множество языков программирования, автоматически завершать набираемый текст, записывать макросы и многое другое. В Notepad++ присутствуют следующие опции: мастер создания своей схемы подсветки, возможность создания своего API-файла для подстановки набираемого текста, режим печати WYSIWYG, который позволяет при печати листинга сохранять подсветку кода и много всевозможных функций для работы с текстом (вставка дат, замена спецсимволов на их коды, удаление лишних пробелов и переводов строки и т.д.) К программе подключаются плагины, которые добавляют ей дополнительные возможности, например, просмотр открытого документа в шестнадцатеричном виде и файловый менеджер.

2. Специальная часть

2.1 Описание разработанной контролирующей программы

Контролирующая тестовая программа расположена в папке CD диска. Состоит из связанных между собой гипертекстовых документов с расширением *.htm. Стартовая страница тестовой программы называется Glavnaya.htm. Программа состоит из 5ти дисциплин, в каждой из которых расположены web-документы разделов, тем с кратким описанием, и документов с тестами 3х вариантов по каждой теме, разделу и дисциплине в целом. Все web-страницы связаны между собой гипертекстовыми ссылками, в каждой дисциплине слева находится навигационная структура.

2.2 Инструкция пользователю

Для того, чтобы воспользоваться программной тестирования, необходимо открыть с диска папку «Тестовая контролирующая программа», и найти файл «Glavnaya.htm», двойным щелчком открыть его, или найти на рабочем столе ярлык программы. После этого откроется начальная web-страница тестовой программы (Рисунок 2.2.1)

Рисунок 2.2.1 Стартовая страница контролирующей программы

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

После нажатия на кнопку «Вход» открывается фреймовая структура выбранной дисциплины. Ниже представлены стартовые страницы дисциплин направления 230000.

Рисунок 2.2.2 Операционные системы, среды и оболочки

Рисунок 2.2.3 Разработка и эксплуатация удаленных баз данных



Рисунок 2.2.4 Технология разработки программного обеспечения

Рисунок 2.2.5 Программное обеспечение компьютерных сетей

Рассмотрим разработанную программу на примере дисциплины «Операционные системы, среды и оболочки». Перед вами представлена стартовая страница дисциплины с кратким описанием изучаемого материала (Рисунок 2.2.2)



Рисунок 2.2.6 Программное обеспечение компьютерных сетей и web-серверов

Для того, чтобы выбрать тему для прохождения теста, необходимо нажать на кнопку с разделом в содержании программы, после чего раскрывается список тем, и краткое описание раздела. В конце документа расположены ссылки на прохождение теста: вариант 1, 2 и 3.(Рисунок 2.2.7)

Рисунок 2.2.7 I Раздел

Чтобы перейти к теме, нужно навести курсор на нее и щелчком левой кнопки мыши нажать ее. После этого в правой части экрана отобразится описание темы и приглашение на прохождение теста. (Рисунок 2.2.8)

Рисунок 2.2.8 Тема 1.1

Затем выбирается соответствующий вариант теста и нажатием по ссылке, открывается страница с тестовыми заданиями. (Рисунок 2.2.9)

Рисунок 2.2.9 Тест по теме 1.1 вариант 1

На странице расположено 5 тестовых заданий с одним правильным вариантом ответа. Отвечать на вопросы нужно путем выбора одного варианта из четырех предложенных. После того, как на все вопросы даны ответы, можно узнать количество правильных ответов, нажав на кнопку внизу документа «Показать результат». В текстовом окне выводится информация по количеству правильных ответов и соответствующая оценка за знания. А рядом с каждым вопросом в окне отображается знак + или - что соответствует правильный ответ или нет. (Рисунок 2.2.10)

Рисунок 2.2.10. Вывод результатов прохождения теста

Чтобы вернуться к теме, по которой пройден тест, нужно нажать на ссылку «Вернуться к теме»

Если ответы даны не на все вопросы, то при нажатии на кнопку «Показать результат», откроется окно с ошибкой. В этом случае необходимо проверить, на все ли вопросы даны ответы, и еще раз нажать кнопку «Показать результат». (Рисунок 2.2.11)

Рисунок 2.2.11 Проверка выполнения всех заданий

Аналогично проводятся тесты по разделам и дисциплинам, только в них по 8 тестовых заданий.

Для упрощения навигации по электронному программе, была разработана его схема, которая отображает все его разделы. Схема легко читаема и будет понятна абсолютно любому пользователю. Она представлена в приложении А.

2.3 Инструкция программисту

электронный тест программа

Электронная контролирующая программа разработана для дисциплин направления 230000. Все эти дисциплины читаются в аудитории №31, 2 корпус, ИЭК.

Для того, чтобы установить тестовую программу на ПК, необходимо копировать папку «Тестовая контролирующая программа» с носителя на жесткий диск компьютера. Далее создать ярлык главной страницы «Glavnaya.htm» на рабочем столе, по которому пользователь будет начинать работу в тестовой программе.

Инструкции по созданию и редактированию стартовой страницы

Для того, чтобы редактировать главную страницу, менять дисциплины, необходимо зайти на эту страницу и открыть ее код, либо щелкнув правой кнопкой мыши по экрану, вызвав при этом контекстное меню, и выбрать из него пункт «Исходный код страницы», либо нажать в панели меню кнопку «Вид» и выбрать пункт «Исходный код страницы». После этих действий открывается HTML-код в блокноте, где и можно его редактировать, зная при этом язык разметки гипертекста HTML.

Ниже представлен код стартовой страницы с описаниями.

<html> - начало HTML-документа, определяется тип

<head> - голова документа

<title>Тесты по дисциплинам кабинета №31</title> - заголовок окна документа

<center><h4>ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ<br>

Федеральное государственное образовательное учреждение<br>

Среднего профессионального образования<br>

ИРКУТСКИЙ ЭНЕРГЕТИЧЕСКИЙ КОЛЛЕДЖ</h4></center> - «Шапка документа», по центру</head>

<body background="Fon.jpg"> - фоновый рисунок страницы

<br> - переход на одну строку ниже

<br><center><br>

<br>

<h1><font face="Monotype Corsiva">Тестовая контролирующая программа по спецдисциплинам

<br>направления 230000</font> - изменение цвета, размера и типа шрифта текста, заключенного в тег

</h1>

<br><br>

<Form> описывает создание формы <Select Name="mymenu"> - создает выпадающее меню с именем «mymenu»

<Option Value="ОС и среды\index.htm">Операционные системы, среды и оболочки

<Option Value="ПО КС\index.htm">Программное обеспечение компьютерных сетей

<Option Value="ПО КС и Web\index.htm">Программное обеспечение компьютерных сетей и web-серверов

<Option Value="РЭУБД\index.htm">Разработка и эксплуатация удаленных баз данных

<Option Value="ТРПП\index.htm">Технология разработки программных продуктов - при помощи тега OPTION прописываются значения из списка, VALUE - значение, которое будет использовано наряду с другими сведениями о содержимом заполненной формы. Здесь можно добавлять или удалять значения OPTION.

</Select> - закрывает выпадающее меню

<Input Type="button" Value="Вход"

OnClick="top.location.href=this.form.mymenu.options[this.form.mymenu.

selectedIndex].value"> INPUT создает поле формы (кнопку, поле ввода, чекбокс и т.п.), содержание которого может быть изменено или активизировано пользователем, TYPE - тип поля для ввода данных (кнопка), VALUE - задает текстовый заголовок для полей любого типа,

</Form></center>

</body></html>

Инструкция по редактированию страниц с кратким содержанием дисциплин, разделов, тем

<html>

<head>

<title>Операционные системы. среды и оболочки</title> - заголовок окна документа

<center><p><b><font size="5" face=Arial>Операционные системы, среды и оболочки</font></b></p></center></head> - заголовок документа, размер шрифта 5пикс, шрифт Arial

<body background="Fon.jpg"> - фоновый рисунок документа

<img src="OS.gif" align="right" VSPACE="4" HSPACE="8"> - вставка рисунка, выравнивание по правому краю, отступы сверху и снизу по 4 пикс, слева и справа по 8 пикс

<br><br>

<blockquote><font size="4" face=Arial><p align="justify">Рабочая программа учебной дисциплины «Операцион……</p> - отступы текста от краев экрана; изменение цвета, размера и типа шрифта текста, заключенного в тег; разметка параграфа с выравниванием по ширине страницы

<p align="justify">Учебная дисциплина …</p>

<p align="justify">Для изучения учебной дисциплины «Операционные системы и среды» необходимы знания дисциплины «Информационные технологии».</p>

<p align="justify">В результате обучения дисциплины студент должен:

<ul><i>иметь представление:</i> - маркированный список; шрифт курсив

<li>о концептуальных моделях построения операционных систем;

<li>о перспективах развития операционных систем и сред; - элементы списка

</ul>

<ul><i>знать:</i>

<li>понятие операционной системы, её функции;

<li>состав операционных систем

<li>типы операционных систем

<li>принципы работы различных операционных систем;

<li>принципы взаимодействия операционных систем с периферийными устройствами;

<li>принципы взаимодействия операционных систем с пользователем;

<li>машинно-зависимые и машинно-независимые свойства операционных систем;

<li>средства защиты пользователей;

</ul>

<ul><i>уметь:</i>

<li>использовать средства операционных систем и сред для обеспечения работы вычислительной техники;

<li>устанавливать, настраивать и обслуживать различные операционные системы.

</ul></p>

<br><p align="justify">Для закрепления теоретических знаний по дисциплине "Операционные системы, среды и оболочки" рекомендуется пройти тест, состоящий из 8 заданий.</p>

<br><br>Пройти тест <br>

<a href="OSSO.V1.htm">Вариант 1</a>

&nbsp;&nbsp;<a href="OSSO.V2.htm">Вариант 2</a>

&nbsp;&nbsp;<a href="OSSO.V3.htm">Вариант 3</a> - ссылки на прохождение тестов

</font>

</blockquote></body>

</html>

Инструкция по редактированию страницы «Содержание» с раскрывающимся списком.

<html>

<head>

<title>Операционные систем, среды и оболочки</title>

<BASE TARGET="osnova"> - все ссылки на этой странице будут читаться во фрейм «osnova»

<!-- HEAD START HERE -->

<style type="text/css"> описание стиля CSS

DIV.clSlide{position:absolute; ;z-index:10; left:0; width:170; height:35; clip:rect(0,170,35,0); padding:5px;}

DIV.clSlideSub{position:absolute; ;z-index:10; padding:1px; clip:rect(0,127,20,0); width:127; height:20; left:8; visibility:hidden}

DIV.clSlideSub2{position:absolute; ;z-index:10; padding:2px; clip:rect(0,118,20,0); width:118; height:20; left:8; visibility:hidden}

#divSlideCont{position:absolute; z-index:10; left:0; top:100; height:600; width:170; visibility:hidden}

A.clSlideLinks{font-family:Arial, Helvetica, Helv; font-size:18px; font-weight:bold; text-decoration:none; color:white}

A.clSlideSubLinks{font-family:Arial, Helvetica, Helv; font-size:14px; text-decoration:none; color:white}

A.clSlideSub2Links{font-family:Arial, Helvetica, Helv; font-size:12px; text-decoration:none; color:white}

</style>

<script language="JavaScript" type="text/JavaScript"> описание языка сценариев JavaScript

function lib_bwcheck(){ //Browsercheck (needed) - функции вывода документа согласно браузеров

this.ver=navigator.appVersion

this.agent=navigator.userAgent

this.dom=document.getElementById?1:0

this.opera5=this.agent.indexOf("Opera 5")>-1

this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;

this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;

this.ie4=(document.all && !this.dom && !this.opera5)?1:0;

this.ie=this.ie4||this.ie5||this.ie6

this.mac=this.agent.indexOf("Mac")>-1

this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;

this.ns4=(document.layers && !this.dom)?1:0;

this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)

return this

}

var bw=new lib_bwcheck()

//Opera didn't seem to like the padding in the layers, it messes up the background-images, so here's a version without it.

if(bw.opera5) document.write("<style>DIV.clSlide{padding:0px; background-image:url(' ')}\nDIV.clSlideSub{padding:0px; background-image:url(' ')}\nDIV.clSlideSub2{padding:0px; background-image:url(' ')}</style>")

*************************************************************

Making cross-browser objects

*************************************************************

function makeMenuObj(obj,nest){

nest=(!nest) ? "":'document.'+nest+

this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;

this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;

this.ref=bw.dom || bw.ie4? document:bw.ns4?eval(nest+"document.layers." +obj+".document"):0;

this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.offsetLeft;

this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.offsetTop;

this.hideIt=b_hideIt; this.showIt=b_showIt; this.movey=b_movey

this.moveIt=b_moveIt; this.moveBy=b_moveBy; this.status=0;

this.bgImg=b_bgImg; this.obj = obj + "Object"; eval(this.obj + "=this");

this.clipTo=b_clipTo;

return this

}

function b_showIt(){this.css.visibility="visible"; this.status=1}

function b_hideIt(){this.css.visibility="hidden"; this.status=0}

function b_movey(y){this.y=y; this.css.top=this.y}

function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x;this.css.top=this.y}

function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x;this.css.top=this.y}

function b_bgImg(img){if(bw.ie||bw.dom)this.css.backgroundImage="url('"+img+"')"

else this.css.background.src=img

}

function b_clipTo(t,r,b,l,w){if(bw.ns4){this.css.clip.top=t;this.css.clip.right=r

this.css.clip.bottom=b;this.css.clip.left=l

}else{this.css.clip="rect("+t+","+r+","+b+","+l+")"; if(w){this.css.width=r; this.css.height=b}}}

*************************************************************

Initiating page, making objects..

*************************************************************

function SlideMenuInit(){

oSlideMenu=new makeMenuObj('divSlideCont')

oSlideMenu.moveIt(menux,menuy)

oSlide=new Array()

for(i=0;i<menus.length;i++){

oSlide[i]=new makeMenuObj('divSlide'+i,'divSlideCont')

oSlide[i].subs=menus[i].subs

oSlide[i].sub=new Array()

oSlide[i].moveIt(0,mainheight*i)

oSlide[i].starty=oSlide[i].y

if(bw.opera) oSlide[i].css.paddingLeft="10px"

if(!menus[i].seperator) oSlide[i].bgImg(level0_regular)

for(j=0;j<oSlide[i].subs;j++){

oSlide[i].sub[j]=new makeMenuObj('divSlideSub'+i+"_"+j,'divSlideCont')

oSlide[i].sub[j].moveIt(10,oSlide[i].y+subheight*j+between)

oSlide[i].sub[j].starty=oSlide[i].sub[j].y

oSlide[i][j]=new Array()

oSlide[i][j].subs=menus[i][j].subs

oSlide[i][j].sub=new Array()

img=level1_round

if(oSlide[i][j].subs!=0){

if(j!=oSlide[i].subs-1) img=level1_sub

else img=level1_sub_round

oSlide[i].sub[j].css.color="white"

}else{

if(j!=oSlide[i].subs-1)img=level1_regular

}

oSlide[i].sub[j].origimg=img

oSlide[i].sub[j].bgImg(img)

for(a=0;a<oSlide[i][j].subs;a++){

oSlide[i][j].sub[a]=new makeMenuObj('divSlideSub'+i+"_"+j+"_"+a,'divSlideCont')

oSlide[i][j].sub[a].moveIt(20,oSlide[i].sub[j].y+subheight*a+between-2)

oSlide[i][j].sub[a].starty=oSlide[i][j].sub[a].y

oSlide[i][j][a]=new Array()

oSlide[i][j][a].subs=menus[i][j][a].subs

oSlide[i][j][a].sub=new Array()

if(a!=oSlide[i][j].subs-1) img=level2_regular

else img=level2_round

oSlide[i][j].sub[a].origimg=img

oSlide[i][j].sub[a].bgImg(img)

}

}

}

oSlideMenu.showIt()

}

*************************************************************

Variables

*************************************************************

var active=-1;var going;var isthere; var sactive=-1; var sisthere=-1; var s2active=-1; var s2isthere=-1

*************************************************************

Switch menu function.

*************************************************************

function swmenu(num,snum,s2num){

if(snum!=-1){

if(oSlide[num][snum].subs==0) return

}

if(s2num!=-1){

if(oSlide[num][snum][s2num].subs==0) return

}

if((num!=active || snum!=sactive || s2num!=s2active) && !going){going=true;isthere=0;sisthere=0;moveUp(num,snum,s2num)}

}

*************************************************************

Moving the menus upward to their original position.

*************************************************************

function moveUp(num,snum){

if(snum==-1){

for(i=0;i<oSlide.length;i++){

if(oSlide[i].y>oSlide[i].starty+pxspeed && active!=i) oSlide[i].moveBy(0,-pxspeed)

else{if(active!=i) oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty); isthere=i}

}

if(isthere<oSlide.length-1) setTimeout("moveUp("+num+","+snum+")",timspeed)

else swmenu2(num,snum)

}else{

if(num==oSlide.length-1) isthere=num

if(sactive!=-1){ //Is out!

//Slide subs

j=0

for(i=sactive+1;i<oSlide[num].sub.length;i++){

j++

if(oSlide[num].sub[i].y>oSlide[num].sub[i].starty+pxspeed) oSlide[num].sub[i].moveBy(0,-pxspeed)

else{oSlide[num].sub[i].moveIt(oSlide[num].sub[i].x,oSlide[num].sub[i].starty); sisthere=i}

}

//Slide main

for(i=num+1;i<oSlide.length;i++){

if(oSlide[i].y>oSlide[i].starty + oSlide[num].sub[sactive].y +subheight*j ) oSlide[i].moveBy(0,-pxspeed)

else{oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty + oSlide[num].sub[sactive].y +subheight*j ); isthere=i}

}

}else{ //Slide to the one clicked

for(i=num+1;i<oSlide.length;i++){

if(oSlide[i].y>oSlide[i].starty + snum*between+between) oSlide[i].moveBy(0,-pxspeed)

else{oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty + snum*between+between); isthere=i}

}

}

if(isthere<oSlide.length-1 || (sactive!=-1 && sisthere<oSlide[num].sub.length-1 && sactive!=oSlide[num].sub.length-1)) setTimeout("moveUp("+num+","+snum+")",timspeed)

else swmenu2(num,snum)

}

}

/********************************************************************************

Switch menu 2, stuff that happens before the menus are moved down again.

********************************************************************************/

function swmenu2(num,snum){

isthere=0;

sisthere=0;

if(active>-1 && snum==-1){

//Hiding submenus

for(j=0;j<oSlide[active].subs;j++){oSlide[active].sub[j].hideIt()}

oSlide[active].bgImg(level0_regular)

oSlide[active].moveIt(0,oSlide[active].starty)

}

if(sactive>-1){

//Hiding submenus

for(j=0;j<oSlide[active][sactive].sub.length;j++){oSlide[active][sactive].sub[j].hideIt()}

oSlide[active].sub[sactive].bgImg(oSlide[active].sub[sactive].origimg)

oSlide[active].sub[sactive].moveIt(10,oSlide[active].sub[sactive].starty)

//Move back to place

for(i=sactive+1;i<oSlide[active].sub.length;i++){

oSlide[active].sub[i].moveIt(oSlide[active].sub[i].x,oSlide[active].sub[i].starty)

}

}

active=num

//Showing submenus

if(snum>-1){

sactive=snum

for(j=0;j<oSlide[num][snum].sub.length;j++){oSlide[num][snum].sub[j].showIt()}

oSlide[num].sub[snum].moveBy(10,3)

oSlide[num].sub[snum].bgImg(level1_round2)

}else{

sactive=-1

for(j=0;j<oSlide[active].subs;j++){oSlide[active].sub[j].showIt()}

oSlide[num].moveBy(10,3)

oSlide[num].bgImg(level0_round)

}

if(num!=oSlide.length-1) moveDown(num,snum)

else{

isthere=num

moveDown(num,snum)

}

}

/********************************************************************************

Moving the menus down

********************************************************************************/

function moveDown(num,snum){

//if(num==oSlide.length-1) isthere=num

for(i=num+1;i<oSlide.length;i++){

if(snum==-1){

if(oSlide[i].y<(oSlide[num].subs-1)*subheight+oSlide[i].starty+between-pxspeed) oSlide[i].moveBy(0,pxspeed)

else{oSlide[i].moveIt(oSlide[i].x,(oSlide[num].subs-1)*subheight+oSlide[i].starty+between); isthere=i}

}else{

if(oSlide[i].y<(oSlide[num].subs-1)*subheight+oSlide[i].starty+between-pxspeed + (oSlide[num][snum].subs-1)*subheight+between) oSlide[i].moveBy(0,pxspeed)

else{oSlide[i].moveIt(oSlide[i].x,(oSlide[num].subs-1)*subheight+oSlide[i].starty+between + (oSlide[num][snum].subs-1)*subheight+between); isthere=i}

}

}

if(snum!=-1){

for(i=snum+1;i<oSlide[num].sub.length;i++){

if(oSlide[num].sub[i].y<(oSlide[num][snum].subs-1)*subheight+oSlide[num].sub[i].starty+between-pxspeed) oSlide[num].sub[i].moveBy(0,pxspeed)

else{oSlide[num].sub[i].moveIt(oSlide[num].sub[i].x,(oSlide[num][snum].subs-1)*subheight+oSlide[num].sub[i].starty+between); sisthere=i}

}

}

if(snum==-1){

if(isthere<oSlide.length-1) setTimeout("moveDown("+num+","+snum+")",timspeed)

else going=false

}else{

if(isthere<oSlide.length-1 || (sisthere<oSlide[num].sub.length-1 && snum!=oSlide[num].sub.length-1)) setTimeout("moveDown("+num+","+snum+")",timspeed)

else going=false

}

}

var test=0

/********************************************************************************

Functions to write out the layers...

********************************************************************************/

menus=new Array(); var a=0; var b=0; var c=0; var d=0

function makeMenu(type,text,lnk,target,end){

str=""; tg="";

if(target) tg='target="'+target+'"'

if(!lnk) lnk="#"

self.status=lnk

if(a==0) str='<div id="divSlideCont">\n'

if(type=="top"){

menus[a]=new Array();

if(text=="seperator"){

str+='\t<div id="divSlide'+a+'" class="clSlide"></div>\n'

menus[a].seperator=1

}else{

str+='\t<div id="divSlide'+a+'" class="clSlide"><a href="'+lnk+'" '+tg+' onclick="swmenu('+a+',-1,-1); if(bw.ie || bw.ns6) this.blur(); '

if(lnk=="#") str+='return false'

str+='" class="clSlideLinks"> '+text+'</a><br></div>\n'

}

menus[a].subs=0; a++; b=0

}else if(type=="sub"){

str+='\t\t<div id="divSlideSub'+(a-1)+'_'+(b)+'" class="clSlideSub"><a '+tg+' onclick="swmenu('+(a-1)+','+b+',-1); if(bw.ie || bw.ns6) this.blur(); '

if(lnk=="#") str+='return false'

str+='" href="'+lnk+'" class="clSlideSubLinks"> '+text+'</a><br></div>\n'

b++; menus[a-1].subs=b; menus[a-1][b-1]=new Array(); c=0; menus[a-1][b-1].subs=0

}else if(type=="sub2"){

str+='\t\t<div id="divSlideSub'+(a-1)+'_'+(b-1)+'_'+c+'" class="clSlideSub2"><a '+tg+' href="'+lnk+'" class="clSlideSub2Links"> '+text+'</a><br></div>\n'

c++; menus[a-1][b-1].subs=c; menus[a-1][b-1][c-1]=new Array(); d=0; menus[a-1][b-1][c-1].subs=0

}

if(end) str+="</div>"

document.write(str)

}

function preLoadBackgrounds(){

for(i=0;i<arguments.length;i++){

this[i]=new Image()

this[i].src=arguments[i]

}

return this

}

</script>

<!-- HEAD END HERE -->

<script type="text/javascript" src="menu/stmenu.js"></script></head>

<body background="Fon.jpg" text="#000000" link="#FFFFFF" topmargin="10" leftmargin="0"> - описание фонового рисунка, цвета текста

<font face="Arial" size="5"><i><b>Содержание</b></i></center> - описание заголовка «Содержание», шрифта, размера; начертание курсив

<!-- BODY START HERE -->

<script>

//Variables to set

between=40 //The pixel between the menus and the submenus - расстояние между меню и подменю

mainheight=36 //The height of the mainmenus - Высота кнопок главного меню

subheight=22 //The height of the submenus - высота кнопок подменю

pxspeed=13 //The pixel speed of the animation

timspeed=15 //The timer speed of the animation

menuy=40 //The top placement of the menu. - верхний отступ меню

menux=0 //The left placement of the menu - нижний отступ меню

//Images - Play with these

level0_regular="level0_regular.gif"

level0_round="level0_round.gif"

level1_regular="level1_regular.gif"

level1_round="level1_round.gif"

level1_sub="level1_sub.gif"

level1_sub_round="level1_sub_round.gif"

level1_round2="level1_round2.gif"

level2_regular="level2_regular.gif"

level2_round="level2_round.gif"

ссылки на изображения кнопок меню

//Leave this line

preLoadBackgrounds(level0_regular,level0_round,level1_regular,level1_round,level1_sub,level1_sub_round,level1_round2,level2_regular,level2_round)

//There are 3 different types of menus you can make

//top = Main menus

//sub = Sub menus

//sub2 = SubSub menus

//You control the look of the menus in the stylesheet

//makeMenu('TYPE','TEXT','LINK','TARGET', 'END (THE LAST MENU)')

//Menu 0 - нумерация кнопок меню

makeMenu('top','Раздел I','I_razdel.htm') - наименование пункта меню, ссылка на документ этого пункта

makeMenu('sub','Тема 1.1','Tema_1.1.htm') - наименование пункта подменю, ссылка на документ этого пункта

makeMenu('sub','Тема 1.2','Tema_1.2.htm') - наименование пункта подменю, ссылка на документ этого пункта

makeMenu('sub','Тема 1.3','Tema_1.3.htm') наименование пункта подменю, ссылка на документ этого пункта

//Menu 1

makeMenu('top','Раздел II','II_razdel.htm')

makeMenu('sub','Тема 2.1','Tema_2.1.htm')

makeMenu('sub','Тема 2.2','Tema_2.2.htm')

makeMenu('sub','Тема 2.3','Tema_2.3.htm')

makeMenu('sub','Тема 2.4','Tema_2.4.htm')

makeMenu('sub','Тема 2.5','Tema_2.5.htm')

makeMenu('sub','Тема 2.6','Tema_2.6.htm')

//Menu 2

makeMenu('top','Раздел III','III_razdel.htm')

makeMenu('sub','Тема 3.1','Tema_3.1.htm')

makeMenu('sub','Тема 3.2','Tema_3.2.htm')

makeMenu('sub','Тема 3.3','Tema_3.3.htm')

makeMenu('sub','Тема 3.4','Tema_3.4.htm')

//Menu 3

makeMenu('top','Раздел IV','IV_razdel.htm')

makeMenu('sub','Тема 4.1','Tema_4.1.htm')

makeMenu('sub','Тема 4.2','Tema_4.2.htm')

makeMenu('sub','Тема 4.3','Tema_4.3.htm')

makeMenu('sub','Тема 4.4','Tema_4.4.htm')

makeMenu('sub','Тема 4.5','Tema_4.5.htm')

makeMenu('sub','Тема 4.6','Tema_4.6.htm')

Здесь можно добавлять или удалять пункты меню и подменю, копируя предыдущие //Menu #, изменяя при этом нумерацию

//Starting the menu

onload=SlideMenuInit;

</script>

<!-- BODY END HERE -->

</body>

</html>

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

<HTML>

<HEAD>

<TITLE>Операционные системы, среды и оболочки</TITLE>

</HEAD>

<BODY background="Fon.jpg">

<SCRIPT language=JavaScript>

<!--Начало сценария

var res="23311" - последовательность правильных ответов

function check_me()

{

var count=0

with(document.test)

if (!Q1[0].checked&&!Q1[1].checked&&!Q1[2].checked&&!Q1[3].checked)

{count+=1};

if (!Q2[0].checked&&!Q2[1].checked&&!Q2[2].checked&&!Q2[3].checked)

{count+=1};

if (!Q3[0].checked&&!Q3[1].checked&&!Q3[2].checked&&!Q3[3].checked)

{count+=1};

if (!Q4[0].checked&&!Q4[1].checked&&!Q4[2].checked&&!Q4[3].checked)

{count+=1};

if (!Q5[0].checked&&!Q5[1].checked&&!Q5[2].checked&&!Q5[3].checked)

{count+=1}; вставка объекта Переключатель для организации вариантов ответа каждого из вопросов.

<!--скопируйте эту строку и вставьте ниже необходимое количество раз( в зависимости от количества вопросов), изменив Q6 на Q7, Q8 и т.д если добавляете количество вопросов

if (count>0) <!-- Вычисление и проверка все ли задания выполнены -->

{alert("Вы выполнили не все задания. Проверьте себя.")

}

else answer()

}

}

function control(k,f1,f2,f3,f4,f5) - <!-- добавьте переменные f7, f8,... в зависимости от количества вопросов

{

Проверка на правильность введенных пользователем вариантов ответов

if (k==1&&f1.checked) return true;

if (k==2&&f2.checked) return true;

if (k==3&&f3.checked) return true;

if (k==4&&f4.checked) return true;

if (k==5&&f5.checked) return true;

<!--скопируйте эту строку и вставьте ниже необходимое количество раз( взвисимости от количества вопросов), изменив 6 на 7, 8 и т.д если добавляете количество вопросов

return false;

}

function answer()

{

answ="";

with(document)

{

answ+=control(res.charAt(0),test.Q1[0],test.Q1[1],test.Q1[2],test.Q1[3])?"1":"0"

answ+=control(res.charAt(1),test.Q2[0],test.Q2[1],test.Q2[2],test.Q2[3])?"1":"0"

answ+=control(res.charAt(2),test.Q3[0],test.Q3[1],test.Q3[2],test.Q3[3])?"1":"0"

answ+=control(res.charAt(3),test.Q4[0],test.Q4[1],test.Q4[2],test.Q4[3])?"1":"0"

answ+=control(res.charAt(4),test.Q5[0],test.Q5[1],test.Q5[2],test.Q5[3])?"1":"0"

<!--скопируйте эту строку и вставьте ниже необходимое количество раз( взвисимости от количества вопросов), изменив 5 на 6, 7 и т.д если добавляете количество вопросов

<!--Анализ результатов -->

showResult();

}

}

function showResult()

{

var nok=0;

var i,s;

for (i=0;i<answ.length;i++) {nok+=answ.charAt(i)=="1"?1:0;}

if(nok<3) s='"НЕУДОВЛЕТВОРИТЕЛЬНО"';

if(nok==3) s='"УДОВЛЕТВОРИТЕЛЬНО"';

if(nok>3 && nok<4) s='"УДОВЛЕТВОРИТЕЛЬНО"';

if(nok==4) s='"ХОРОШО"';

if(nok>4 && nok<5) s='"ХОРОШО"';

if(nok==5) s='"ОТЛИЧНО"';

document.test.s1.

value="Количество правильных ответов "+nok+". Ваша оценка "+s+". Загляните в окно рядом с номером задания. Если ответ правильный, то там (+). Если Вы ошиблись, там (-)."; текст который будет выводиться в окне результатов

with(document.test)

{

if (answ.charAt(0)=="1") {T1.value=" +"} else {T1.value=" -"};

if (answ.charAt(1)=="1") {T2.value=" +"} else {T2.value=" -"};

if (answ.charAt(2)=="1") {T3.value=" +"} else {T3.value=" -"};

if (answ.charAt(3)=="1") {T4.value=" +"} else {T4.value=" -"};

if (answ.charAt(4)=="1") {T5.value=" +"} else {T5.value=" -"};

} <!--скопируйте эту строку и вставьте ниже необходимое количество раз( взвисимости от количества вопросов), изменив 5 на 6, 7 и т.д если добавляете количество вопросов

}

</SCRIPT>

<FORM name=test>

<CENTER><FONT face=Arial>

<H2>Раздел I. Основы теории операционных систем</H2>

<H3>Тема 1.1. Общие сведения об операционных системах</H3></CENTER> - Название теста

<OL> <b>Вариант 1</b> - вариант теста

<LI>

<H4><INPUT size=1 name=T1> Операционная система относится к классу программного обеспечения </H4> - первый вопрос

<INPUT type="radio" name=Q1> сервисное программное обеспечение <BR> - ответ №1

<INPUT type="radio" name=Q1> базовое программное обеспечение <BR> - ответ №2

<INPUT type="radio" name=Q1> служебное программное обеспечение <BR> - ответ№3

<INPUT type="radio" name=Q1> прикладное программное обеспечение <BR><BR> - ответ №4

<LI>

<H4><INPUT size=1 name=T2> Набор программ, управляющих работой компьютера и организующих диалог пользователя с компьютером, называется </H4>

<INPUT type="radio" name=Q2> приложением операционной системы <BR>

<INPUT type="radio" name=Q2> операционной оболочкой <BR>

<INPUT type="radio" name=Q2> операционной системой <BR>

<INPUT type="radio" name=Q2> языком программирования <BR><BR>

<LI>

<H4><INPUT size=1 name=T3> Программа, предназначенная для облегчения взаимодействия пользователя с операционной системой, называется </H4>

<INPUT type="radio" name=Q3> компилятором <BR>

<INPUT type="radio" name=Q3> языком программирования <BR>

<INPUT type="radio" name=Q3> операционной оболочкой <BR>

<INPUT type="radio" name=Q3> приложением операционной системы <BR><BR>

<LI>

<H4><INPUT size=1 name=T4> Операционная система выполняет функции </H4>

<INPUT type="radio" name=Q4> организации диалога с пользователем, управления аппаратурой и ресурсами компьютера <BR>

<INPUT type="radio" name=Q4> обеспечения организации и хранения файлов <BR>

<INPUT type="radio" name=Q4> организации обмена данными между компьютером и устройствами ввода/вывода <BR>

<INPUT type="radio" name=Q4> подключения устройств ввода/вывода <BR><BR>

<LI>

<H4><INPUT size=1 name=T5> Вопрос 5 </H4>

<INPUT type="radio" name=Q5> ответ 1.5 <BR>

<INPUT type="radio" name=Q5> ответ 2.5 <BR>

<INPUT type="radio" name=Q5> ответ 3.5 <BR>

<INPUT type="radio" name=Q5> ответ 4.5 <BR><BR>

</LI></OL><BR>

<CENTER>

<P><TEXTAREA name=s1 rows=4 cols=70 readonly> </TEXTAREA> </P><INPUT onclick=check_me() - кнопка для вывода результата, редактироваться текстовая строка пользователем на будет.

type=button value="Показать результат">&nbsp; &nbsp; &nbsp; &nbsp;

</CENTER><BR><BR></FORM>

<P> <a href="Tema_1.1.htm">Вернуться к теме</a><p> - ссылка для возврата к теме