Разработка электронного обучающего пособия по теме "Pascal работа с циклами" с использованием средства разработки Smart Web Builder (стр. 3 из 4)
Удалить пустые строки - удаляет пустые строки в выделенном тексте.
Обрезать пробелы - обрезает ведущие и замыкающие пробелы в строках выделенного текста.
Пронумеровать строки - нумерует выделенные строки по возрастанию.
По возрастанию - сортирует выделенные строки по возрастанию.
По убыванию - сортирует выделенные строки по убыванию.
В случайном порядке - перемешивает выделенные строки в случайном порядке.
Показать курсор - прокручивает редактор к текущему местоположению курсора.
Закомментировать - заключает выделенный текст в комментарии.
Поиск:
Рис. 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
Кнопки создавались с помощью вкладки «формы» на панели инструментов.