- •Комплексна лабораторна робота “Створення каталога верстатів” Лабораторна робота №1 Вивчення інструментального середовища Delphi. Об’єкти: форма, текстове поле
- •1.1 Мета роботи.
- •1.3 Теоретичні відомості.
- •1.4 Хід роботи
- •Лабораторна робота №2. Програмування кнопок. Об’єкт – кнопка
- •Мета роботи:
- •Теоретичні відомості
- •2.4 Хід роботи
- •3.2 Теоретичні відомості
- •3.3 Хід виконання роботи
- •3.1 Мета роботи:
- •Лабораторна робота №4 Програмування розгалуджень. Об’єкти: групи перемикачів, текстові поля, поля редагування
- •4.1 Мета роботи:
- •4.2 Теоретичні відомості
- •4.3 Хід роботи
- •Комплексна лабораторна робота
- •Лабораторна робота №5 Створення полів введення і виведення параметрів процесу протягування. Об’єкти: MainMenu, Memo, PopupMenu
- •5.1 Мета роботи
- •5.2 Теоретичні відомості
- •5.3 Хід роботи
- •Лабораторна робота №6 Програмування циклів. Об’єкти : CheckBox I GroupBox
- •6.1 Мета роботи
- •6.2 Теоретичні відомості
- •6.3 Хід роботи
- •{Якщо прапорець “на монітор” ввімкнутий};
- •Лабораторна робота №7 Програмування циклів в циклі
- •7.1 Мета роботи:
- •7.2 Хід роботи
- •Комплексна лабораторна робота
- •Лабораторна робота №8 Опрацювання подій. Об’єкти: таблиці рядків StringGrid, кнопки BitBtn, SpeedButton
- •8.1 Мета роботи
- •8.2 Теоретичні відомості
- •8.3 Хід роботи
- •Лабораторна робота №9 Події та їх опрацювання. Застосування генератора випадкових чисел
- •9.1 Мета роботи
- •9.2 Теоретичні відомості
- •9.3 Хід роботи
- •Лабораторна робота №10 Створення зручного інтерфейсу програми розрахунку партії деталей
- •10.1 Мета роботи
- •10.2 Теоретичні відомості
- •10.3 Хід роботи
- •Комплексна лабораторна робота
- •Лабораторна робота №11 Дослідження графічних можливостей Delphi
- •11.1 Мета роботи
- •11.2 Теоретичні відомості
- •11.3 Хід роботи
- •Лабораторна робота №12 Побудова графіків функцій в середовищі Delphi
- •12.1 Мета роботи
- •12.2 Початкові дані
- •12.3 Хід роботи
- •Лабораторна робота № 13 Дослідження точності процесу обробки з використанням графічних можливостей Delphi
- •13.1 Мета роботи
- •13.2 Теоретичні відомості
- •13.3 Хід роботи
- •Комплексна лабораторна робота
- •Створення прикладної програми “Електронна заявка на ремонт верстатних агрегатів”
- •Лабораторна робота № 14
- •Списки і компоненти, що їх відображають. Застосування форми “AboutBox”
- •14.1 Мета роботи:
- •14.2 Теоретичне підґрунтя
- •14.3 Хід виконання роботи
- •Лабораторна робота №15 Робота з файлами записів. Об’єкти: таблиця рядків StringGrid, комбінований список ComboBox, редаговані поля Edit. Створення діалогових вікон – запису у файл і відкриття файлу
- •15.1 Мета роботи:
- •15.2 Теоретичні відомості
- •15.3 Хід роботи
- •Лабораторна робота №16 Робота з додатковими вікнами. Об’єкти: таблиця рядків StringGrid, комбінований список ComboBox, редаговані поля Edit. Використання компоненти SpinEdit
- •16.2 Теоретичні відомості
- •16.3 Хід роботи
- •17.1 Мета роботи:
- •17.2 Теоретичні відомості:
- •17.3 Хід виконання роботи:
- •Увага! Зв’язок існуватиме лише тоді, коли запущена програма сервер.
- •Лабораторна робота № 18 Технологія ole
- •18.1 Мета роботи:
- •18.2 Теоретичні відомості
- •18.3 Хід виконання роботи:
- •Варіанти завдань на комплексну лабораторну роботу:
- •Лабораторна робота №19 Створення шаблону html-документа. Використання команд форматування тексту
- •19.3 Порядок виконання роботи.
- •19.4 Теоретичні відомості
- •19.4.1 Команди мови html
- •19.4.2 Використання кольорів
- •Колір можна задати вказуванням стандартного значення (див. Таблицю 19.2) або шістнадцятковим числом.
- •19.3 Структурування та розділення частин тексту
- •19.4 Форматування символів
- •19.5 Шрифти
- •Лабораторна робота №20 Використання списків в html-документах
- •20.2 Завдання html-документ, створений в попередній роботі, доповнити інформацією, поданою у вигляді списків. При потребі у формі списку може бути записана частина раніше створеного документу.
- •20.3 Порядок виконання роботи.
- •20.4 Теоретичні відомості.
- •20.4.1 Списки в html-документах
- •Лабораторна робота №21 Створення html-документа, що містить таблиці
- •21.2 Завдання Створити html-документ, який містить таблиці.
- •21.3 Порядок виконання роботи.
- •21.4 Теоретичні відомості Створення таблиць
- •Лабораторна робота №22 Використання графічних зображень в html-документі
- •22.2 Порядок виконання роботи.
- •22.3 Теоретичні відомості
- •23.3 Порядок виконання роботи
- •23.4 Теоретичні відомості
- •23.2 Завдання Створити html-документи, пов’язані спільною ідеєю, які стануть основою для майбутнього Web-сайта.
- •Лабораторна робота №25 Створення навігаційної карти в html-документі
- •25.1 Мета роботи:
- •25.2 Завдання
- •25.3 Порядок виконання роботи
- •25.4 Теоретичні відомості
- •Література
19.4.2 Використання кольорів
Якщо з допомогою параметрів тега <BODY> не було вказано кольори для елементів HTML-документа, то для його відображення будуть використані кольори, визначені в броузері користувача. Тому, якщо в HTML-документі буде задано хоча б один колір, то слід задати кольори і для інших елементів даного документа. Це гарантуватиме те, що однаковим кольором не будуть відображатись різні елементи документа. Щоб документ легко читався, треба робити кольори тексту та фону контрастними.
Колір можна задати вказуванням стандартного значення (див. Таблицю 19.2) або шістнадцятковим числом.
Таблиця 19.2 – Стандартні кольори в HTML-документах
Колір |
Значення |
Колір |
Значення |
BLACK (чорний) |
#000000 |
SILVER (сріблястий) |
#C0C0C0 |
MAROON (бурячковий) |
#800000 |
RED (червоний) |
#FF0000 |
GREEN (зелений0 |
#008000 |
LIME (лимонний) |
#00FF00 |
OLIVE (оливковий) |
#808000 |
YELLOW (жовтий) |
#FFFF00 |
NAVY (темно-синій) |
#000080 |
BLUE (синій) |
#0000FF |
PURPLE (фіолетовий) |
#800080 |
FUCHSIA (рожевий) |
#FF00FF |
TEAL (зелено-голубий) |
#008080 |
AQUA (блакитний) |
#00FFFF |
GRAY (сірий) |
#808080 |
WHITE (білий) |
#FFFFFF |
Приклад задання кольорів для елементів HTML-документа:
<BODY BGCOLOR=”NAVY” TEXT=”WHITE” LINK=”RED” VLINK=”BLUE” ALINK=”#008000”>
Тег-контейнер <ADDRESS> </ADDRESS> служить для вказування автора документа, його контактної адреси (за бажанням), інформації про авторські права на матеріал, який міститься в документі, дати створення документа та дати його останнього оновлення. Даний тег розміщують або на початку документа, або в його кінці. Текст, записаний всередині цього тега, більшістю броузерів відображається курсивом.
19.3 Структурування та розділення частин тексту
Те, як документ виглядає на екрані у користувача, залежить від настройок комп’ютера користувача і правильної розмітки тексту документа мовою HTML, команди якої виконує броузер. Однією з переваг мови HTML як мови розмітки документів є забезпечення незалежності документа від комп’ютера користувача. Це досягається використанням тегів, назви яких та призначення подані в таблицях 19.3-19.4.
Таблиця 19.3 – Теги для розділення частин тексту
Назва |
Призначення |
<P> </P> (може мати параметр ALIGN) |
Абзац. Закриваючий дескриптор </P> не обов’язковий, але його використання в кінці абзацу допоможе коректно відобразити текст в броузерах, які не повністю відповідають стандарту HTML . Між абзацами відображається порожній рядок. За замовчуванням абзац вирівнюється по лівому полю. |
<BR> |
Розрив рядка |
<NOBR> </NOBR> |
Заборона розриву рядків |
<WBR> |
Вказування можливого місця розриву рядка у випадку задання заборони розриву рядків (мя’кий розрив рядка) |
<HR> |
Створення горизонтальної лінії з “тінню” |
<PRE> </PRE> |
Попередньо відформатований текст |
<DIV> </DIV> |
Виділення розділу |
Параметр ALIGN для тега <P> </P> може мати значення LEFT, CENTER, RIGHT. Вони задають вирівнювання відповідно по лівому полю, по центру між полями документа та по правому полю.
Тег <HR> може мати параметри, назви та значення яких наведені в таблиці 19.4.
Таблиця 19.4 – Параметри тега <HR>
Назва |
Призначення |
ALIGN |
Вирівнювання (LEFT, RIGHT, CENTER) |
WIDTH |
Довжина лінії. Вказується у пікселях (200) або у відсотках до ширини вікна броузера (45%) |
SIZE |
Висота лінії в пік селях |
NOSHADE |
Якщо задано цей параметр, то лінія рисується без “тіні” |
COLOR |
Колір лінії |
Тег-контейнер <PRE> </PRE> використовується при необхідності розміщення в HTML-документі попередньо відформатованого тексту, який може містити порожні рядки і мати довільну форму. Найчастіше даний тег використовується для розміщення в документі блоків програмного коду на одній з мов програмування, які було б важко прочитати, якщо броузер відформатував би їх. Всередині даного тегу допускається використання тегів абзацу та форматування символів, але не допускається використання тегів заголовків або <ADDRESS>. Додавання до тексту заголовків дозволяє структурувати його. Це допомагає користувачам орієнтуватись в документі та роблять подану в ньому інформацію більш зрозумілою. Для створення заголовків використовуються теги-контейнери <H1> </H1> .. <H6> </H6>, які задають 6 рівнів заголовків відповідно від найбільш важливого до найменш важливого. Кожен з цих рівнів виглядає певним чином в броузері користувача, але розробник документа не може безпосередньо керувати атрибутами заголовків. Теги заголовків можуть використовуватись з параметром ALIGN подібно до того, як це застосовується з тегом абзацу. Використання цього параметру бажане у всіх випадках, тому що деякі броузери можуть мати інакше вирівнювання заголовків за замовчуванням, ніж вважає розробник. В загальному випадку рекомендується використовувати новий рівень заголовку, коли є від 2 до 4 елементів однакової важливості.
Тег-контейнер <DIV> </DIV> використовується для виділення блоку документа, всередині якого можна задати вид вирівнювання, стилі форматування і т.п.
