
- •Технікум промислової автоматики
- •«Затверджую»
- •«Основи інформатики» іі курс
- •5.05010101 «Обслуговування програмних систем і комплексів»
- •5.05010301 «Розробка програмного забезпечення»
- •5.02010501 «Діловодство» м. Одеса
- •Практична робота № 1
- •Теоретичні відомості
- •Ключові поняття реляційної таблиці:
- •2. Створення бази даних.
- •3. Створення структури таблиці.
- •3.1. Типи та властивості полів.
- •3.2. Завдання первинного ключа.
- •Практична робота № 2
- •Зв’язки між реляційними таблицями.
- •2. Створення в таблиці поля із списком підстановок.
- •Хід роботи
- •Практична робота № 3
- •Індексування таблиць бд
- •Пошук даних в таблиці бази даних
- •3. Умови відбору інформації в базі даних
- •3.1. Текстові умови
- •3.2. Числові умови та умови роботи з датами
- •3.3. Побудова складних умов
- •4. Використання фільтрів для пошуку інформації в бд
- •4.1. Відбір записів за допомогою команди Фильтр по выделенному.
- •4.2. Відбір записів за допомогою простого фільтру
- •4.3. Відбір записів за допомого вікна розширеного фільтра
- •5. Сортування даних в таблиці
- •Хід роботи
- •Практична робота № 4
- •1. Створення та використання запитів
- •Обчислювальні поля
- •3. Запит на вибирання з параметром
- •Розроблення багатотабличного звіту в режимі Мастер отчетов
- •Практична робота № 5
- •Теоретичні відомості
- •Кольорова специфікація
- •Хід роботи
- •Практична робота № 6 Тема: Створення Web-документів, що містять теги оформлення списків та таблиць.
- •Теоретичні відомості
- •Практична робота № 7 Тема: Створення Web-документів, що містять малюнки, аудіо та відео файли.
- •Теоретичні відомості
- •1. Малюнки
- •2. Звук
- •Хід роботи
- •Практична робота № 8 Тема: Створення фреймів Мета: навчитись створювати фрейми
- •Хід роботи
- •Практична робота № 9
- •Теоретичні відомості
- •Хід роботи
- •Практична робота № 10
- •Теоретичні відомості
- •Хід роботи
- •Практична робота № 11
- •Теоретичні відомості
- •Хід роботи
- •Робота з текстовими полями першої сторінки
- •Робота з полями другої та останньої сторінок
- •Заміна рисунка та підпису до нього
- •Верстка
- •Збереження публікації за допомогою пакувальника
- •Структура буклету
- •Використання майстра створення інформаційних буклетів
- •Практична робота № 12
- •Теоретичні відомості
- •Найвідоміші формати архівів:
- •Робота з WinRar
- •Хід роботи
- •Практична робота № 13
- •Хід роботи
- •Практична робота № 14
- •Хід роботи
- •Література
Практична робота № 5
Тема: Створення Web-документів, що містять теги форматування символів.
Мета: Уміти створювати прості web-сторінки та надавати їм певного вигляду, використовуючи для цього основні команди мови HTML.
Програмне забезпечення: Блокнот та ОС Windows.
Теоретичні відомості
Текст у HTML форматують за допомогою відповідних тегів, які наведені в таблиці.
Теги |
Ефект |
Приклад |
<B> та </B> |
Напівжирне накреслення |
bold |
<I> та </I> |
Курсивне накреслення |
italic |
<U> та </U> |
Підкреслене |
underlined |
<S> та </S> |
Перекреслене |
|
<SUP> та </SUP> |
Верхній індекс |
superscript |
<SUB> та </SUB> |
Нижній індекс |
subscript |
<BASEFONT> - одинарний тег, задає гарнітуру(шрифт), розмір і колір шрифту, діє на весь текст і має такі атрибути:
FACE=”значення” – гарнітура (шрифт), наприклад FACE=”Monotype Corsiva”, тоді текст html-документу буде мати гарнітуру шрифта Monotype Corsiva.
SIZE=значення – розмір шрифту (ціле число від 1 до 7). Шрифти різних розмірів мають такий вигляд: 1 2 3 4 5 6 7 (7-найбільший розмір шрифту)
COLOR=значення – колір шрифту. Як значення кольору можна використовувати назви кольорів англійською мовою, такі як red, green,blue тощо, або шістнадцяткові значення, що починаються з символу # і послідовно задають червоний, зелений та синій кольори, які мають бути змішані для отримання потрібного. Наприклад #FF0000, #008000, #0000FF.
<FONT АТРИБУТИ>Текст</FONT> - подвійний тег, задає гарнітуру(шрифт), розмір і колір шрифту для фрагменту тексту і має такі самі атрибути як тег <BASEFONT>
Є й інші теги, які можна застосувати для зміни параметрів тексту.
<BIG>Текст</BIG> - збільшення розміру шрифту. Розмір символів тексту збільшується на одиницю відносно поточного рівня.
<SMALL>Текст</SMALL> - зменшення розміру шрифту. Розмір символів зменшується на одиницю відносно поточного рівня.
<EM>Текст</EM> - виділення важливих фрагментів тексту. Текст відображатиметься курсивом.
<DEL>Текст</DEL> - створення перекресленого тексту. Текст буде перекреслено горизонтальною лінією.
<MARQUEE>Текст</MARQUEE> - рухомий рядок.
Для поділу HTML-документа на логічно закінчені блоки використовують заголовки. Завдяки заголовкам відвідувач Web-сторінки може отримати уявлення про її вміст. Для задання заголовків на Web-сторінці використовується парний тег:
<Hn> заголовок текста </Hn> , де де n = 1, 2, 3, 4, 5, 6.
Існує шість рівнів заголовків – від H1 (найбільш важливий) до H6 (найменш важливий). Заголовки відокремлюються порожніми рядками від іншого тексту.
Для поділу HTML-документа на абзаци використовують теги:
<Р> текст </Р> – абзац. Можна використовувати тільки відкриваючий тег.
<ВR> – початок нового рядка (але не абзаца). Теги <BR> зручні при оформленні поштових адрес, наборі віршів тощо.
<HR> – вставка горизонтальної лінії.
Абзаци, що задаються тегами <Р> і <BR>, за умовчанням вирівнюються по лівому краю сторінки. Змінити таке вирівнювання можна за допомогою атрибута align.
align= "center" – вирівнювання по центру;
alіgn= "right" - вирівнювання по правому краю сторінки;
align="left") - вирівнювання по лівому краю сторінки.