Лабораторна робота № 19

Тема: Access. Реляційні таблиці, запити, форми. Оформлення звітів. Робота з таблицями MS Excel як з базами даних.

Мета: Уміти створювати реляційні запити, оформляти звіти. Навчитися працювати з таблицями MS Excel як з базами даних.

Хід заняття

1. Запустіть програму Access і відкрийте БД, що містить таблиці Рейтинг та Адреси.

2. Відкрийте по черзі конструктори цих таблиць і зробіть поле Номер у них ключовим.

Виберіть поле і клацніть на кнопці з зображенням ключа.

3. Створіть реляційний запит.

У бланк конструктора вставте ці дві таблиці. Між ними авто­матично встановиться зв'язок один до одного по полю Номер. У запиті повинні бути такі поля з двох таблиць: Номер, Група (якщо є дані для декількох груп), Вулиця з таблиці Адреси і поля Пріз­вище, Ім'я, Сума з таблиці Рейтинг. Задайте режим Сортировка по возрастанию рейтинга (поле Сума):

4. Запустіть запит на виконання і перегляньте результати.

5. Змініть тип запиту на утворення нової таблиці, утворіть її з назвою Облік.

6. Упорядкуйте таблицю Облік за спаданням значень поля Сума і додайте поле з назвою Місце (тип лічильник).

7. Перегляньте таблицю.

У кого зі студентів 5-й рейтинг?

Аналіз даних полів сума та місце не дає можливості відповісти на цє запитання.

8. Експортуйте таблицю Облік у ТП Excel.

Простіше за все вірно встановити місце, тобто рейтинг кожного студента за допомогою функції РАНГ( ) ТП Excel. Тому експортуйте таблицю Облік у ТП Excel:

У вікні БД виділіть таблицю Облік => Файл => Экспорт => в вікні Експорт объекта задайте диск, папку, ім’я нового файла Облік_xls та формат Microsoft Excel => Сохранить.

9. Скористуйтеся обчислювальними можливостями ТП Excel.

Загрузіть файл Облік_xls. В ячейку F2 запишіть формулу = РАНГ(F2;$F$2:$F$10) та скопіюйте її на ячейки F2:F10. Ранг, тобто рейтинг (місце) встановлено вірно.

10.Імпортуйте таблицю Облік_xls у БД Soloxa СУБД Access.

а) Виділіть у БД закладку Таблицы =>Файл => Внешние данные =>у вікні Импорт виберіть файл Облік_xls;

б) Відповідайте на всі запитання майстра “Импорт электронной таблицы”. На останьому кроці задайте ім´я новой таблиці Облік_ранг:

11. Утворіть Автоотчет: ленточный на базі таблиці Облік_ранг.

Вікно БД =>Закладка Отчеты =>Создать => Автоотчет: ленточный

=> Виберіть таблицю Облік_ранг => ОК.

12. Розгляньте звіт.

Виконайте команду Предварительный просмотр.

13. Розгляньте структуру звіту.

Перейдіть у режим конструктора.

14. Закрийте конструктор і збережіть звіт з назвою Звіт1.

15. Почніть створювати Звіт2 за допомогою майстра звітів.

Вікно БД => Закладка Отчеты =>Создать => Мастер отчетов => Облік => ОК. Виконайте всі вимоги майстра (див. пункти 17-23).

16. Сформуйте структуру звіту з таких полів і в такому порядку:

Група, Прізвище, Ім'я, Сума, Місце.

Вибирайте по черзі поля у вікні Доступные поляі натискайте на

кнопку з позначкою =>Далее.

Примітка:Якщо ви створили таблиці оцінки, рейтинг та адреси тільки для одной групи, то пункти 17 і 23 виконати неможливо.

17. Задайте групування записів у звіті по полю Група і натисніть на кнопку Далее.

Задайте групову операцію — обчислення середнього значення по полю Сума для кожної групи.

18. Упорядкування можете не задавати (Далее).

19. Задайте вигляд макета звіту.

Макет задайте ступінчастий (табличний), орієнтацію книжкову, увімкніть режим налаштовування ширини полів для розміщення звіту на одній сторінці (за замовчуванням усе це вже повинно бути задано) => Далее.

20. Виберіть стиль, який вам більше до вподоби (Далее).

Який стиль ви вибрали?

21. Звіту дайте ім'я Звіт2, перемкніть звіт у режим перегляду і натисніть на кнопку Готово.

22. Розгляньте звіт і його структуру.

23. Змініть структуру звіту у режимі конструктора так, щоб покращити вигляд звіту:

1) клацніть один раз у вікні заголовка групи (виберіть назву групи Група) і зменшіть заголовок методом зменшення об'єкта;

2) зменшіть і вигідніше розташуйте (перетягніть) інші об'єкти на свій розсуд;

3) перемістіть через буфер обміну об’єкт Група з верхнього колонтитулу в заголовок групи;

4) розмалюйте різними кольорами різні структурні частини звіту;

5) задайте прізвища товстим шрифтом 16 пунктів;

6) зробіть інші зміни на свій розсуд.

Рекомендація. Перемикайте режими Конструктор на Просмотр і навпаки, щоб оглянути результати кожного кроку.

24. Перепишіть у зошит останній рядок звіту.

25. Покажіть викладачеві і збережіть звіт.

26. Закінчіть роботу. Здайте звіти.

Контрольні питання

1. Що таке реляційні таблиці?

2. Як налаштовувати реляційні зв'язки?

3. Яке призначення ключового поля?

4. Як додати дві таблиці в конструктор запиту?

5. Як зв'язати два поля у двох таблицях?

6. Яке призначення звітів?

7. Які є способи утворення звітів?

8. З яких частин складається звіт?

9. Що таке реляційний запит?

10. Якою командою задають реляційні зв'язки?

11. Як зліквідувати зв'язок таблиць?

12. Який спосіб утворення звітів є оптимальним для початківців?

13. Для чого призначений верхній колонтитул?

14. Як вибрати об'єкт у полі конструктора звіту?

15. Як змінити шрифт тексту всередині об'єкта?

16. Наведіть приклад зв'язку один до одного між таблицями.

17. Для чого встановлюють зв'язки між таблицями?

18. Що таке реляційний звіт?

19. У чому полягає комбінований спосіб створення звіту?

20. Як перемістити об'єкт на сторінці в режимі конструктора звіту?

21. Як розмалювати частини звіту різними кольорами?

22. Що таке реляційна форма?

23. У яких випадках записи у звіті групують?

24. Наведіть ознаки, за якими можна групувати записи у звітах.

25. Як перемкнути режим конструктора і перегляду взірця звіту?

26. Для чого призначений Попередній огляд?

27. Що таке книжкова й альбомна орієнтація сторінки звіту?

28. Яка різниця між таблицею, формою і звітом?

29. Як змінити тип зв'язку між таблицями?

30. Чи можна редагувати дані у звіті?

31. Чи можна редагувати підписи полів у звіті і як?

32. У якій частині звіту можна поставити свій підпис як вико­навця звіту?

33. Як змінити структуру звіту?

34. Конструктор звіту має панель елементів май же таку, як і конструктор форм. Як нарисувати прямокутник навколо рейтингової суми?

35. Яка різниця між таблицею і звітом?

Лабораторна робота № 20

Тема: Основи Web–дизайну. Створення Web–сайту.

Мета: Познайомитись з мовою програмування HTML. Навчитись створювати веб–сторінки засобами мови HTML і текстового редактора Блокнот, вивчити засоби веб–дизайну.

Хід роботи

Занотуйте тему і мету роботи у зошит. Складіть звіт про виконання роботи.

Завдання 1. Послідовно виконуючи вправи цього завдання, розробіть свій веб–сайт.

Методичні рекомендації

Команди мови HTML називаються тегами. Теги бувають одинарними і парними. Більшість тегів є парними, як наприклад, тег означення HTML-файлу: <HTML> ... </HTML>.

Усередині парного тегу <HEAD>...</HEAD> створюють заголовок документа. Основною частиною заголовка документа є заголовок Windows-вікна, який задають усередині парного тегу <TITLE>...</TITLE>. Усередині парного тегу <BODY параметри>...</ВОDY> тобто програмують те, що має відображатися у вікні.

Основні параметри тега body:

BACKGROUND = "шлях до графічного файлу“ - задає картинку для фона;

BGCOLOR = "blue" — задає колір фону (у даному разі блакитний), якщо не використовується картинка як фон;

TEXT = "red" — задає колір тексту (у даному разі червоний) на сторінці.

Тег <!- - текст --> позначає коментар. Текст усередині тега виводитися на екран не буде. Коментар можна писати також у середині парного тега <COMMENT> текст</COMMENT>.

Вправа 1. Створіть папку з ім’ям Практ_5-6 у своїй папці на сервері, в ній документ програми Блокнот з таким текстом:

<HTML> <HEAD>

<TITLE> Про себе докладніше </TITLE> </HEAD>

<BODY>

(текст - автобіографічна довідка про себе)

</BODY> </HTML>

Збережіть документ з ім’ям file2.htm у своїй папці Практ_5-6 на сервері (Рис.8.1).

Аналогічно створіть файл з ім’ям file3.htm у своїй папці Практ_5-6 такого змісту:

<HTML> <HEAD>

<TITLE> Про друзів і мої захоплення </TITLE> </HEAD>

<BODY>

(текст – про своїх друзів і свої захоплення)

</BODY> </HTML>

Перегляньте ці файли. Якщо існують помилки, то необхідно відкрити меню Вид=>Просмотр HTML- кода, виправити помилки і зберегти зміни, потім меню Вид =>Обновить. Пам’ятайте, що мова HTML використовує латинські символи.

Рис.8.1. Збереження файлу з розширенням .htm.

Дизайн тексту для Web-сторінок

Спочатку розглянемо основні одинарні теги для розміщення тексту:

<Р> — цей тег означає початок нового абзацу, але його прийнято записувати в кінці попереднього. Наступне речення починатиметься з нового, вирівняного по лівому краю, абзацу без відступу.

<BR> — наступний за цим тегом текст буде наведено у новому рядку без пропуску рядка.

<HR> — буде проведена горизонтальна лінія.

Розглянемо парні теги форматування символів тексту:

<В> текст </В> — жирний шрифт тексту;

<І> текст </І> — шрифт-курсив;

<U> текст </U> — підкреслений шрифт;

<SUB> текст </SUB> — нижній індекс, наприклад, Н₂₀;

<SUP> текст </SUP> — верхній індекс;

<BIG> текст </ВIG> — великий шрифт;

<SMALL> текст </SMALL> — малий шрифт;

<ЕМ> текст </ЕМ> — виділений курсивом текст (те саме, що тег І);

<В> <І> текст </І></В> — жирний курсив. Цей приклад демонструє застосування принципу вкладення тегів.

Зауважимо, що тег <Р> може використовуватися як парний: <Р> текст абзацу </Р>. Теги заголовків наведені у табл.9.1.

Заголовок за замовчуванням вирівнюється по лівому краю вікна.

Якщо вирівнювання заголовка чи іншого елемента на сторінці потрібно задати явно, то використовують теги вирівнювання:

<CENTER> елемент </CENTER> — вирівнювання по центру; <LEFT> елемент </LEFT> — вирівнювання по лівому краю;

<RIGHT> елемент </RIGHT> — вирівнювання по правому краю.

Тег задання параметрів шрифту FONT

Щоб задати назву конкретного шрифту, його розмір і колір, використовують парний тег FONT з параметрами

FACE-тип шрифту,

SIZE - розмір шрифту,

COLOR – колір шрифту.

Наприклад,

<FONT FACE = "Monotype Corsiva, Verdana, Courier" SIZE = +2 COLOR = "green"> текст </FONT>.

Якщо на комп'ютері клієнта встановлено шрифт Monotype Corsiva, то він буде застосований до даного тексту, якщо цей шрифт відсутній - браузер застосує шрифт Verdana, далі - Courier, інакше — деякий стандартний шрифт, наприклад, Times New Roman.

Розміри символів шрифту можуть бути від 1 до 7. Розмір 7 є найбільшим. Число 2 як значення параметра SIZE означає другий розмір шрифту, число +2 означає, що розмір шрифту має бути на дві одиниці більший, ніж стандартний, тобто п'ятий, число -2 означатиме перший розмір шрифту — на дві одиниці менший, ніж стандартний. Колір тексту буде зелений. Імена основних кольорів мовою HTML наведені у табл.9.2.

Колір можна задавати шістнадцятковими кодами, особливо відтінки в графічних редакторах прийнято задавати шістнадцятковими кодами, наприклад, один з відтінків сірого кольору має код #ff7800.

Вправа 2. Створіть текстовий файл file1.htm такого змісту.

<HTML>

<HEAD> <TITLE> Веб-сторінка Ваше прізвище та ім’я</TITLE> </HEAD>

<BODY BGCOLOR ="yellow" TEXT = "navy">

<CENTER><H1><B> Привіт!</В> </Н1>

<H2> <I>Я студент (введіть назву вузу)</I></Н2><P>

<H3><B> Навчаюсь на (введіть назву факультету, дайте характеристику

факультету, спеціальності, чому ви навчаєтесь саме на цьому факультеті - 20 речень )</B></НЗ><HR>

Група (введіть назву групи)<P>

Моя e-mail адреса: <FONT SIZE = +3 COLOR = "magenta"> <B><I>

s_nesterenko @ukr.net </FONT></I></B></CENTER><HR>

</BODY> </HTML>

Перегляньте файл як веб-сторінку. Виправте помилки. Збережіть зміни.

Створення списків та їх дизайн

Є три типи списків: маркований, нумерований, означення. Список може мати заголовок, який охоплюють тегами <LH>...</LH>, наприклад,

<LН> Це заголовок списку </LН>.

Маркований список утворюють за допомогою парного тега <UL> ...</UL> і одинарних тегів <LІ>, наприклад, так:

<LH> Мої улюблені предмети: </LH>

<UL>

<LI> економічна інформатика

<LI> англійська мова

<LI> вища математика

</UL>

На екрані отримаємо:

Мої улюблені предмети:

Нумерований список створюють за допомогою парного тега <OL>... </OL> з необов'язковим параметром TYPE і одинарних тегів <LI> так:

<LH> Мої улюблені предмети: </LH>

<OL TYPE="1">

<LI> економічна інформатика

<LI> англійська мова

<LI> вища математика

</OL>

На екрані отримаємо:

Мої улюблені предмети:

основи інформатики і ОТ

англійська мова

вища математика