83
1.Двойной щелчок на свойстве в левой или правой части списка
приводит к «пролистыванию» имеющихся для него установок.
2.Выбор какого-либо перечисляемого свойства позволяет установить
одно из допустимых значений при помощи раскрывающегося списка.
Например, для метки на создаваемой форме можно установить
свойство Visible (видимость объекта) в одно из значений: True(ложь) или
False(истина).
Список объектов представляет собой раскрывающийся список в
верхней части окна свойств, при помощи которого можно выбрать тот или
иной объект из имеющихся на форме для просмотра и редактирования его
свойств.
Вкладки для сортировки свойств позволяют выполнять сортировку
свойств выбранного объекта.
Alphabetic – сортировка в алфавитном порядке;
Categorized – сортировка в виде несколько разделов с
соответствующими свойствами в каждом из них.
Name – имя объекта;
Caption – Заголовок объекта (текст, который на нём располагается);
Visible – определяет видимость/невидимость элемента при работе
приложения;
StartUpPosition – свойство формы, которое задаёт её положение на
экране при запуске приложения.
Код. Заключительным этапом в создании интерфейса является
написание программного кода для его обработки. Редактирование программы
осуществляется при помощи окна кода для создаваемой формы, которое
можно открыть несколькими способами:
-выбрать пункт Соde в меню View (аналогичным образом можно
вернуться к редактированию формы – пункт Object в меню View);
84
-в Проводнике проектов выделить название создаваемой формы и
выбрать для него в контекстном меню пункт View Сode (таким же образом
можно вернуться к форме – пункт View Object в контекстном меню формы);
Выполнить двойной щелчок на соответствующем элементе формы,
которого необходимо предусмотреть обработку каких-либо действий. В
частности, при нажатии на кнопку Текст необходимо выполнить содержимое
метки. Метод для обработки этого события можно создать, дважды щёлкнув
на элементе CmdWork, после чего появится заготовка для процедуры,
обрабатывающей нажатие данной кнопки пользователем:
Private Sub cmdWork_Click()
End Sub
Для каждого объекта существует набор стандартных событий, которые
могут возникнуть при работе приложения, и для любого может быть
написана процедура, которая обрабатывает то или иное событие. В данном
случае для кнопок Текст и выход будут созданы процедуры,
обрабатывающие событие Click.
Если необходимо обрабатывать другие события, то в окне кода из
списка всех возможных событий для данного объекта следует выбрать
нужное название, после чего появится заготовка для процедуры.
При написании кода для обработки событий, имена создаваемых
процедур формируются следующим образом: вначале – имя объекта, для
которого в данный момент пишется программный код, затем символ «_» и в
самом конце – название события. В рассматриваемом примере название
создаваемой процедуры выглядит так: cmdWork_Click.
Алгоритм процедуры обработки события Сlick для управляющей
кнопки cmdWork будет заключаться в следующем: если объект lblText
является видимым, то необходимо сделать его невидимым, и наоборот.
Программный код выглядит следующим образом:
85
Private Sub cmdWork_Click()
If lblText.Visible = False Then
lblText.Visible = True
Else
lblText.Visible = False
End If
End Sub
Аналогично создаётся заготовка процедуры обработки события Click
для объекта cmdExit. Её содержимым будет одна команда: End, при
выполнении которой работа приложения завершается:
Private Sub cmdExit_Click()
End
End Sub
В среде разработки Visual Basic существует возможность
автоматизации редактирования программного кода при использовании
которой для текущей команды или слова отображается список возможных
вариантов её написания. Данная возможность применяется также в том
случае, когда для какого-либо элемента управления необходимо просмотреть
полный список его свойств. Выбор требуемого элемента из списка
осуществляется стрелками управления курсора, после чего нажатием
клавиши Таb он добавляется в текст.
Запуск приложения. Запустить данную программу на выполнение
можно несколькими способами:
-нажать кнопку start на стандартной панели инструментов;
-выбрать пункт start в меню run;
-нажать клавишу F5.
При этом в центре экрана появится окно созданной формы. При
нажатии кнопки Текст будет появляться и исчезать надпись «Первое
86
приложение», а завершить работу приложения можно с помощью кнопки
Выход. Кроме этого работу программы можно закончить, закрыв окно
формы[37,с.72].
Visual Basic 6.0 является мощной средой разработки для
программистов, которые создают более мощные приложения для Windows и
к тому же является очень простым для новичков которые только начинают
познавать азы программирования. Благодаря очень удобному интерфейсу и
всевозможным командам позволяет быстро создать приложение и
корректировать код. Важной особенностью VB я считаю то, что при запуске
программы, код компилируется в памяти, а запись в файл производится
только при создании исполнимого файла или библиотеки. У VB есть свои
недостатки, к ним я отнесу необходимость создавать Setup для своих
программ, чтобы быть уверенным в их работоспособности. В общих чертах,
программирование на VB - это рисование на форме, окна Windows-
программы и обработка событий элементов управления. Сами элементы
управления являются отдельными объектами языка. После размещения
объекта на форме, вы можете обрабатывать его события и изменять свойства,
путём использования процедур, функций, переменных и массивов
переменных. Процедура - последовательность ключевых слов с присвоенным
ей уникальным именем, которое затем используется как ключевое слово
языка. Функция отличается от процедуры тем, что возвращает значение,
путём присваивания, в теле функции, определённого значения для её имени.
3.2. Разработка документов HTML
HTML является описательным языком разметки, использующим
указатели разметки (тэги – разделители элементов текста). Любой документ
HTML начинается с открывающего тега <HTML> и заканчивается
соответствующим ему закрывающим тегом </html>. Закрывающий тег
87
отличается от открывающего наличием косой черты перед названием тега.
По своему значению теги близки к понятию скобок «begin/end» в
универсальных языках программирования и задают области действия имен
локальных переменных, определяют область действия правил интерпретации
текстовых элементов документа и т.п. [38].
HTML используется для создания гипертекстовых (гипермедиа)
документов Web, хранящихся на серверах, и способен динамически
генерироваться программами, работать в различных программах и под
управлением различных операционных систем. Документы на языке HTML
позволяют пользователю, указав на выделенное слово или фразу, получить
доступ к файлу или перейти на другой HTML-документ, который связан с
указанным участком текста гиперссылкой.
Для разработки WEB-страниц без использования программирования на
данном языке можно воспользоваться программами, например:
MS OFFICE (все программы);
MS FRONT PAGE;
COREL WEB DESIGNER;
Dreamweaver MX.
При создании Web-страниц в дипломной работе использовался
текстовый редактор Microsoft Word пакета прикладных программ Microsoft
Office и Dreamweaver MX. Dreamweaver MX - мощный пакет для web –
разработчиков. В Dreamweaver MX поддерживается разработка веб – сайтов
с использованием средств ColdFusion MX, ASP.NET и PHP. Для быстрого
обучения в пакет программ включены примеры веб – страниц и шаблоны.
При проектировании программы для отображения текста
использовался формат Web-документов. Исходный текстовый материал был
разбит и представлен в виде HTML-файлов.
88
Для отображения документов этого формата в ИСР Delphi
предназначен компонент WebBrowser, который служит для загрузки и
отображения на экране файлов формата *.htm.
При активизации программы текстовая информация загружается из
файлов, что дает возможность для редактирования лекционного материала,
каких-либо его дополнений и изменений. Эти действия не будут вызывать
необходимость изменения функциональной части программы [39].
При загрузке HTML документа в WebBrowser использовался
следующий метод:
webbrowser1.Navigate(s+'\Html\*.htm');
Все файлы находятся в папке HTML.
Теги для форматирования текста
<pre></pre> Обрамляет предварительно отформатированный текст.
<h1></h1> Создает САМЫЙ БОЛЬШОЙ заголовок
<h6></h6> Создает самый маленький заголовок
<b></b> Создает жирный текст
<i></i> Создает наклонный текст
<tt></tt> Создает текст - имитирующий стиль печатной машинки.
<cite></cite> Используется для цитат, обычно наклонный текст.
<em></em> Используется для выделения из текста слова (наклонный
или жирный текст)
<strong></strong> Используется для выделения наиболее важных
частей текста (наклонный или жирный текст)
<font size=?></font> Устанавливает размер текста в пределах от 1 до
7.
<font color=?></font> Устанавливает цвет текста, используя значение
цвета в виде RRGGBB.
89
Таблицы являются мощнейшим средством HTML для верстки страниц.
До появления в языке HTML средств верстки таблиц, нельзя было создать
даже самый простой многоколончатый текст или сводную таблицу, то после
появления такой возможности Web-дизайнеры стали использовать ее в
полной мере и добиваться сложных эффектов, в таблице 3.1.
Таблица 3.1- Скрипты
<form></form>
Создает формы.
<select multiple
name="NAME"
size=?></select>
Создает скролируемое меню. Size
устанавливает кол-во пунктов меню, которое
будет показано на экране, остальные будут
доступны при использовании прокрутки.
<option>
Указывает каждый отдельный элемент
меню.
<select
name="NAME"></select>
Создает ниспадающее меню.
<textarea
name="NAME" cols=40
rows=8></textarea>
Создает окно для ввода текста. Columns
указывает ширину окна; rows указывает его
высоту.
<input type="checkbox"
name="NAME">
Создает checkbox. За тегом следует текст.
<input type="radio"
name="NAME" value="x">
Создает radio кнопку. За тегом следует
текст.
<input type=text
name="stroka" size=20>
Создает строку для ввода текста.
Параметром Size указывается длина в символах.
<input type="reset">
Создает кнопку "Отмена".
90
Создается таблица с помощью конструкции
<TABLE параметры >
<CAPTION>Заголовок</CAPTION>
<TR параметры>
<TD параметры>
...
</TD>
.... </TR>
</TABLE>
Тег TABLE начинает описание таблицы и может иметь следующие
параметры:
BORDER - определяет толщину рамки таблицы. Если указано нулевое
значение, то рамка не отображается. Если этот параметр не указан, его
значение считается нулевым (рамка не отображается).
WIDTH, HEIGHT - указывает размеры таблицы, если они должны быть
жестко заданы.
ALIGN - определяет, как должна быть выровнена таблица: справа
(RIGHT), слева (LEFT) или в центре (CENTER) страницы.
CELLSPACING - число точек между отдельными ячейками в таблице.
CELLPADDING - число точек между рамкой и содержимым ячейки.
Для форм, выполняющих какие-то функции, должны быть запущены
соответствующие CGI скрипты на сервере. HTML только создает внешний
интерфейс формы (таблица 3.1) [40].
Основные теги для работы со списками
Списки в HTML бывают трех типов: ненумерованные, нумерованные и
так называемые списки терминов. Ненумерованный список оформляется с
помощью блока
<UL>
91
<LI> элемент
<LI> элемент
...
</UL>
Список будет отображен примерно так:
Элемент 1
Элемент 2
....
Нумерованный список отличается от ненумерованного тем, что около
пунктов вместо жирных точек вставляются порядковые номера пунктов.
Оформляется он в виде блока
<OL>
<LI> элемент
<LI> элемент
...
</OL>
Отобразится он в таком виде:
Элемент 1
Элемент 2
....
Третьим видом списка является список терминов. Он очень удобен для
оформления всевозможных глоссариев. Оформить такой список можно с
помощью блока
<DL>
<DT>Термин1 <DD>Описание1
<DT>Термин2 <DD>Описание2
...
</DL>
92
Вид у полученного списка будет примерно следующий:
Термин1
Описание1
Термин2
Описание2
...
Скрипты.
Код скрипта JavaScript размещается непосредственно на HTML-
странице. Все, что стоит между тэгами <script> и </script>, интерпретируется
как код на языке JavaScript.
<html>
<body>
<br>
Это обычный HTML документ.
<br>
<script language="JavaScript">
document.write("А это JavaScript!")
</script>
<br>
Вновь документ HTML.
</body>
</html>
3.3. Технические характеристики компьютера
Для использования цифрового ресурса необходимо, чтобы система
удовлетворяла следующим минимальным требованиям:
- процессор Pentium с тактовой частотой 166 МГц;