Краткая теория
Полный шаблон страницы для выполнения упражнений, за исключением HTML5, должен иметь вид:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML lang="ru"> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=utf-8"> <META http-equiv="Content-Style-Type" content="text/css"> <STYLE type="text/css">@import url(main.css);</STYLE> <TITLE>Заголовок окна</TITLE> </HEAD> <BODY> Содержимое примера </BODY> </HTML>
Изображение. Пример команды вставки изображения на HTML-страницу:
<IMG src=./lab12_02_oscill.jpg alt="Осциллограмма" title="Осциллограмма" width=525 height=284>
Список. Пример команды оформления списка на HTML-странице:
<P>На сегодняшнем занятии Вам <I>предстоит изучить</I> следующие элементы управления <OL> <LI>SpinEdit (на вкладке Misc) <LI>ListBox (на вкладке Standard) <LI>Memo (на вкладке Standard) </OL>
Таблица. Пример команды оформления таблицы на HTML-странице:
<TABLE width=650 border=1 cellspacing=0 cellpadding=5> <TR> <TD rowspan=2><B>Название компонента</B> <TD colspan=2 align=center><B>Свойства</B> <TD rowspan=2><B>Назначение компонента</B> </TR> <TR> <TD><TT>Caption</TT> <TD><TT>Text</TT> </TR> <TR> <TD><TT>Label1</TT> <TD>"Номер боровской орбиты:" <TD align=center> - <TD>Надпись </TR> <TR> <TD><TT>SpinEdit1</TT> <TD align=center> - <TD align=center> - <TD>Номер боровской орбиты<BR> Установить свойства:<BR> Value: 1<BR> MinValue: 1<BR> MaxValue: 10 </TR> </TABLE>
Об отметках
Основные упражнения не отмечены никакими специальными знаками, их выполнения достаточно для удовлетворительной оценки. Дополнительные упражнения отмечены "звездочками", их выполнение необходимо для получения повышенной оценки.
"5" - в отчете выполнены все основные упражнения, дополнительно выполнены упражнения с одной и двумя "звездочками".
"4" - в отчете выполнены все основные упражнения, дополнительно выполнены упражнения с одной "звездочкой".
"3" - в отчете выполнены все основные упражнения.
Упражнения
В программе Блокнот создайте файл с расширением htm на основе примера из Краткой теории.
Оформите c помощью команд HTML руководство к созданию приложения в Lazarus. В руководстве должны быть следующие части:
1) Номер задачи и название приложения, курсивом,
2) Формулировка задачи,
3) Скриншот окна готового приложения,
4) Список используемых в приложении элементов управления,
5) Текст программы на языке Lazarus,
Создайте скриншот окна программы, например, с помощью графического редактора Gimp, сохраните его в формате JPEG. Вставьте рисунок в HTML-документ. Перечень используемых в программе визуальных компонентов Lazarus оформить в виде списка.
В тексте документа оформите таблицу со свойствами визуальных компонентов Lazarus. Колонки таблицы:
1) Название компонента, например, TButton,
2) Вкладка панели компонентов, например, Standard,
3) Свойство компонента, например, Caption
4) Значение свойства компонента, например, Старт
* Создайте 2-ю HTML-страницу с примером решения другой задачи в Lazarus. Создайте HTML-страницу с оглавлением - ссылками на 1-ю и 2-ю страницы.
** Создайте css-файл, который бы содержал стиль оформления HTML-страниц и подключите к ним этот файл.