невысокие требования к компьютерам и программному обеспечению.

Вместе с тем ИСОН имеют ряд недостатков, таких как:

• далеко не дружественный интерфейс;

• меньшие, по сравнению с мультимедиа и гипермедиа системами, возможности;

• отсутствие возможности создания программ дистанционного обучения.

В нашей стране существует множество отечественных ИСОН: Адонис, АосМикро, Сценарий, ТесСис, Интегратор и др.

1.2.1 Средства мультимедиа

Еще до появления новой информационной технологии эксперты, проведя множество экспериментов, выявили зависимость между методом усвоения материала и способностью восстановить полученные знания некоторое время спустя. Если материал был звуковым, то человек запоминал около 1\4 его объема. Если информация была представлена визуально – около 1\3. При комбинировании воздействия (зрительного и слухового) запоминание повышалось до половины, а если человек вовлекался в активные действия в процессе изучения, то усвояемость материала повышалось до 75%.

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

Аудиоинформация включает в себя речь, музыку, звуковые эффекты. Наиболее важным вопросом при этом является информационный объем носителя. По сравнению с аудио видеоинформация представляется гораздо большим количеством используемых элементов. Прежде всего, сюда входят элементы статического видеоряда, которые можно разделить на две группы: графика (рисованные изображения) и фото. К первой группе относятся различные рисунки, интерьеры, поверхности, символы в графическом режиме. Ко второй - фотографии и сканированные изображения.

Динамический видеоряд практически всегда состоит из последовательностей статических элементов (кадров). Здесь выделяются три типовых элемента: обычное видео (около 24 фото в секунду), квазивидео (6-12 фото в секунду), анимация. Использование видеоряда в составе мультисреды предполагает решение значительно большего числа проблем, чем использование аудио. Среди них наиболее важными являются: разрешающая способность экрана и количество цветов, а также объем информации.

Характерным отличием мультимедиа продуктов от других видов информационных ресурсов является заметно больший информационный объем, поэтому в настоящее время основным носителем этих продуктов является оптический диск CD-ROM стандартной емкостью 640 Мбайт. Для профессиональных применений существует ряд других устройств (CD-Worm, CD-Rewritaeble, DVD и др.), однако они имеют очень высокую стоимость.

1.2.2 Гипертекстовые и гипермедиа средства

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

Использование гипертекстовой технологии удовлетворяет таким предъявляемым к учебникам требованиям, как структурированность, удобство в обращении. При необходимости такой учебник можно “выложить” на любом сервере и его можно легко корректировать. Но, как правило, им свойственны неудачный дизайн, компоновка, структура и т.д.

В настоящее время существует множество различных гипертекстовых форматов (HTML, DHTML, PHP и др.).

1.2.3 Критерии выбора средств

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

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

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

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

1.3 Интерфейс программы. Настройка интерфейса

Smart Web Builder поддерживает возможность гибкой индивидуальной настройки интерфейса. Интерфейс может быть полностью изменён пользователем. Среди возможностей:

• Скрытие и показ всех панелей инструментов.

• Назначение горячих клавиш для элементов главного меню.

• Смена языка интерфейса программы прямо в процессе работы.

• Гибкие настройки внешнего вида редактора кода.

Настройка интерфейса.

• Назначение горячих клавиш на элементы меню.

• Скрытие и показ всех панелей инструментов.

• Смена языка интерфейса программы в процессе работы.

• Настройки окна редактирования, поля отступа и пр.

1.4 Средства программирования и дизайна

Сервисные средства

• Суфлёр кода JavaScript и HTML облегчают создание страниц и сценариев, уменьшая время разработки.

• Оптимизация и проверка HTML-кода позволит легко создавать кроссбраузерные страницы.

• Вставка html-кодов специальных символов поможет сэкономить Вам время без необходимости запоминания значений символьных примитивов.

• Подбор цвета в трёх шкалах: RGB, HSV, CMYK и встроенное средство определения цвета пикселя на экране.

Сервисные средства.

• FTP-эксплорер.

• Автоматическая замена.

• Вставка закладок.

• Подсветка синтаксиса языков программирования (Assembler, ASP, Bat, C++, CORBA IDL, CSS, Html, Ini, Java, JavaScript, Pascal, Perl, PHP, Python, SQL, Tcl/Tk, UNIX Shell, VBScript, XML).

• Подсветка парных скобок.

• Расширенный поиск и замена (поддержка регулярных выражений).

• Удобный подбор цвета в трёх шкалах (RGB, HSV, CMYK).

• Экспорт исходного кода в Html, RTF, TeX с учётом подсветки синтаксиса.

1.5 Проекты

• Создание и управление проектами.

• Импорт проектов из других редакторов.

HTML-редактор предоставляет пользователю:

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

• Мощные сервисные средства и инструменты вставки HTML-кода, делающие процесс создания web-страниц быстрым, качественным и функциональным. Далее будут рассматриваться именно эти возможности редактора.

• Внушительное количество готовых к использованию скриптов и шаблонов страниц уменьшающих ресурсоемкость разработки.

• Менеджер сайтов, который позволяет создать проект и с удобством управлять им. Благодаря высокой скорости загрузки может быть обеспечена работа с большими проектами, от 1000 файлов и более.

1.6 Структура главного меню и работа с программой

Файл:



Рис. 1.1





Новое окно - создаёт новое пустое окно редактирования.

Новое из буфера обмена - создаёт новое окно редактирования в отдельной закладке и заполняет его содержимым буфера обмена.

Создать новый документ - открывает окно выбора типа нового документа.

Открыть - открывает диалог выбора файла. Выбранный файл (или несколько файлов) будут открыты в новых окнах редактирования.

Последние - содержит список из 10 документов, открытых или сохранённых последними.

Перезагрузить файл - открывает редактируемый документ с диска в том же окне редактирования, не сохраняя изменений.

Сохранить - сохранение изменённого документа.

Сохранить как - открывает диалог сохранения документа.

Сохранить копию - сохраняет копию текущего документа.

Сохранить всё - сохраняет изменения во всех открытых документах.

Экспорт - сохраняет или помещает в буфер обмена текущий документ в формате HTML, RTF или TeX с учётом подсветки синтаксиса.

Свойства файла - открывает стандартный диалог Windows "Свойства файла" для текущего файла в окне редактирования.

Печать - открывает диалог предварительного просмотра документа перед печатью.

Настройка печати - открывает стандартный диалог настройки печати с выбором принтера, размера и ориентации бумаги при печати.

Выход - выход из редактора.

Правка:



Рис.1.2

Отменить - отменяет последние действия, совершённые пользователем.

Вернуть - возвращает последние действия, отменённые до этого пользователем.

Вырезать. Копировать - вырезает или копирует выделенный блок текста в буфер обмена.

Вставить - вставляет содержимое буфера обмена в документ.

Выделить всё - выделяет весь текст текущего документа.

Выделение - группа операций над выделенным текстом и видом выделения.

Регистр - управление регистром выделенного текста.

Загрузить из файла - вставляет в текущую позицию курсора или заменяет выделенный текст на строки из указанного файла.

Сохранить в файл - сохраняет в указанный файл выделенные строки.

Удалить пустые строки - удаляет пустые строки в выделенном тексте.

Обрезать пробелы - обрезает ведущие и замыкающие пробелы в строках выделенного текста.

Пронумеровать строки - нумерует выделенные строки по возрастанию.

По возрастанию - сортирует выделенные строки по возрастанию.

По убыванию - сортирует выделенные строки по убыванию.

В случайном порядке - перемешивает выделенные строки в случайном порядке.

Показать курсор - прокручивает редактор к текущему местоположению курсора.

Закомментировать - заключает выделенный текст в комментарии.

Поиск:



Рис. 1.3





Поиск - открывает диалоговое окно поиска заданной строки в тексте документа.

"Найти предыдущее" (соответственно, поиск вниз или вверх по тексту).

Замена – производит замену текста.

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

Перейти к закладке - переходит к указанной закладке.

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





Вставка:



Рис. 1.4

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

Скрипт - конфигурирование и вставка в окно редактирования шаблонных скриптов для web-странички.

Дата и время - открывает диалоговое окно вставки даты и времени. В основном списке будут отображены все доступные для вставки форматы даты и времени

Имя файла - вставляет имя файла, открытого в текущем окне редактирования.

Путь и имя файла - вставляет полный путь и имя файла, открытого в текущем окне редактирования.

Случайное число 0...10 - вставляет случайное целое число из промежутка от 0 до 10.

Случайное число 0...100 - вставляет случайное целое число из промежутка от 0 до 100.

Номер строки - вставка номера строки, на которой находится курсор в соответствии с форматом нумерации строк в поле отступа.

Дублировать строку - дублирует текущую строку - вставляет после текущей строки её копию.

HTML теги:



Рис. 1.5

Пункты меню "Head", "Текст", "Таблицы", "Фреймы", "Списки", "Формы", "Нестандартные" позволяют осуществить быструю вставку всех основных тегов html в текущее окно редактирования.

Объект Flash - вставка тега <object>, являющегося контейнером для параметров Flash-ролика.

Body - вставка тега <body> с его основными параметрами.

Бегущая строка. Вставка и настройка тега <marquee>.

Изображение. Вставка тега <img> с его основными параметрами.

Ссылка. Диалоговое окно вставки ссылки (тег <a>).

Таблица

Вставить новую таблицу - открывает диалоговое окно вставки новой таблицы (тег <table>), со всеми его основными параметрами.

Вставить строку. Вставляет строку таблицы (тег <tr>).

Группа "Ячейки".

"Количество ячеек" - количество ячеек, которые необходимо вставить в строку.

Группа "Выравнивание" - выравнивание текста в ячейках строки по вертикали и горизонтали.

Горизонтальное (атрибут align):

• left - по левому краю;

• center - по центру;

• right - по правому краю;

• justify - по ширине.

Вертикальное (атрибут valign):

• top - выравнивание по верху;

• middle - выравнивание по середине;

• bottom - выравнивание по низу;

• baseline - выравнивание по основной линии.

Группа "Цвет фона" - цвет фона строки (атрибут bgcolor).

Группа "Границы" - настройки границ строки.

"Цвет" - цвет границ.

"Цвет затемнённой части границы", "Цвет светлой части границы" - цвета затемнённых и осветлённых участков границ строки таблицы.

Вставить ячейку.

Группа "Атрибуты" - настройки атрибутов ячейки таблицы.

"Ширина" - ширина ячейки (атрибут width).

"Высота" - высота ячейки (атрибут height).

"Число объединённых столбцов" - количество колонок таблицы, которые объединяет данная ячейка (атрибут colspan).

"Число объединённых строк" - количество строк таблицы, которые объединяет данная ячейка (атрибут rowspan).

"Не переносить текст внутри ячейки" - не разрывать текст ячейки переносами строки (атрибут nowrap).

Группа "Выравнивание" - настройки выравнивания текста в ячейке.

Горизонтальное (атрибут align):

• left - по левому краю;

• center - по центру;

• right - по правому краю;

• justify - по ширине.

Вертикальное (атрибут valign):

• top - выравнивание по верху;

• middle - выравнивание по середине;

• bottom - выравнивание по низу;

• baseline - выравнивание по основной линии.

Группа "Границы" - настройки границ ячейки.

"Цвет" - цвет границ.

"Цвет затемнённой части границы", "Цвет светлой части границы" - цвета затемнённых и осветлённых участков границ ячейки таблицы.

"Заголовок таблицы" - является ли данная ячейка ячейкой заголовка таблицы. В этом случае вместо тега <td> вставляется тег <th>.

Вкладка "Текст". В верхней части располагается область предварительного просмотра. Прямо под ней - поле ввода строки форматируемого текста.

Вкладка "Списки".

Выпадающий список.

Теги формы.

Конфигурирование и вставка тегов формы: формы

Просмотр:

Рис. 1.6





Просмотр - просмотр редактируемой web-страницы в указанных в настройках браузерах и под сервером.

Инструменты:



Рис. 1.7

Инструменты - дополнительные инструменты.

HTML - дополнительные инструменты работы с html.

Оптимизатор html - мощное средство контроля, проверки и оптимизации html-кода страницы.

Генератор meta-тегов - удобное средство редактирования meta-тегов страницы.

Кодировщик url - небольшое средство для кодирования и декодирования безопасных URL-адресов.

2. ПРАКТИЧЕСКАЯ ЧАСТЬ

2.1 Постановка задачи и выбор способа ее решения. Описание структуры размещение материала

Задачей дипломной работы являлась разработка электронно-обучающего пособия "Pascal работа с циклами".

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

Всё пособие состоит из шести разделов:

Условный оператор

Оператор выбора

Циклы с логическими условиями

Оператор цикла с параметром

Дополнительно

Итоговые задания

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

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

- верхняя (постоянная). На ней отображено название пособия и глава, в которой находитесь;

- левая (содержание). Является постоянной, на ней обозначены главы и дальнейшее, детальное разбиение глав для максимальной локализации необходимого материала;

- правая. Обладает самой большой частью экрана, так как на ней непосредственно и отображается учебный материал.

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

2.2 Создание электронно-обучающего пособия

В данном электронно-обучающем пособии “Pascal: работа с циклами” использовались почти все возможности программы Smart Web Builder.

Начнём по порядку. При создании главного заголовка использовалась бегущая строка. В обычных случаях её приходится прописывать виде HTML-тега <marquee> и задавать параметры строки, но в данном случае можно воспользоваться пунктом меню HTML-теги/бегущая строка.





Рис. 2.1





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



Рис. 2.2





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

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













Рис. 2.3





Кнопки создавались с помощью вкладки «формы» на панели инструментов.

Еще электронно-обучающее пособие включает в себя большое количество ссылок и фреймов. Все эти операции выполняются с помощью пункта меню HTML-теги/фреймы и HTML-теги/ссылки.

































Рис. 2.4





Отличительным элементом этого электронно-обучающего пособия “Pascal: работа с циклами” являются скрипты. Скрипты в данном пособии используются для создания контекстного меню , установки даты и создания кнопки «распечатать страницы» на каждой странице.

ЗАКЛЮЧЕНИЕ

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

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

Цель моей дипломной работы - создание пособия на языке программирования HTML для того, чтобы пользователи, интересующиеся курсом "Pascal работа с циклами" могли беспрепятственно получать необходимую информацию по данной теме.

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

обложка;

главное меню, позволяющее перемещаться по главам, а также предоставляющее возможность выхода;

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

итоговый тест, включающий в себя вопросы по всем разделам.

СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ

1. Гончаров А. Самоучитель HTML М.: Наука, 1999. – 310 с.

2. Гультяев А. Разработка мультимедийных учебных курсов. СПб.: Учитель и ученик: КОРОНА принт., 2002. – 400 с.

3. Леонтьев Б. Web-дизайн: Тонкости, хитрости и секреты. М.: Познавательная книга плюс, 1999. - 192 с.

4. Матвеева Т. , Хил М. Язык HTML. l'Age d'Homme, 199.8 – 456 с.