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

Тема роботи: „ Робота з базою даних в MS Excel.”

Мета роботи: „Навчитися: розробляти структуру баз даних (БД) та вводити дані до них; виконувати розрахунки в базі даних, використовуючи формули та функції”.

Вимоги:

Робота (Завдання) виконуються в одній електронній книзі, кожне завдання виконується на окремому листі книги, листи книги за необхідності перейменовуються. В комірку А1, кожного робочого листа необхідно вписати: № завдання та саме завдання, що буде виконуватися. Якщо у завданні використовуються формули для обчислення, то їх необхідно набрати за допомогою редактора формул MS Equation 3.0 і розмістити на відповідному листі. До усіх листів книги застосувати колонтитули:

• верхній колонтитул: у лівому полі встановити дату і час (використовуючи необхідні кнопки), в центрі – № варіанта, справа – ПІБ;

• нижній колонтитул: зліва – назву листа, справа – номер сторінки (за допомогою необхідних кнопок, у розділі колонтитулів).

Робочу книгу роздрукувати та оформити у вигляді звіту.

Завдання 1.

На Лист1 створити таблицю (за варіантом), ввести в комірки формули для розрахунку. Заповнити даними, використовуючи вікно форми (Данные – форма). Обчислення виконати, відповідно наведеному алгоритму.

Завдання 2.

На Лист2, зробити копію бази даних (БД) та доповнити до неї 8-10 нових записів, використовуючи вікно форми, перейменувати Лист2 на „Доповнена БД”.

Завдання 3.

На Лист3, зробити копію доповненої БД, виконати сортування даних за двома ключами сортування. Ключі сортування обрати відповідно до вказаного варіанта. Перейменувати лист на „Сортування даних”.

Завдання 4.

На Лист4, зробити копію доповненої БД, виконати пошук записів в БД за двома критеріями, через вікно форми (критерії обрати самостійно), зробити копію екрану, та за допомогою програми Paint, вирізати необхідні елементи і вставити на Лист4. Перейменувати Лист4 на „Пошук за двома критеріями”.

Завдання 5.

На Лист5, зробити копію доповненої БД, користуючись автофільтром вибрати записи з БД за трьома критеріями, відповідно до вашого варіанта. Перейменувати Лист5 на „Фільтрація даних”.

Завдання 6.

На Лист6, зробити копію доповненої БД, користуючись розширеним фільтром вибрати записи з БД за вказаним варіантом. Перейменувати Лист5 на „Розширений фільтр”.

Завдання 7.

На („Доповнена БД”) побудувати графік функції (гістограму або кругову діаграму) на вибір.

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

Тема роботи: «Інтернет. Створення веб-сторінки. Мова HTML».

Мета: «Навчитися створювати нескладні веб-сторінки засобами мови HTML».

Теоретичні відомості

1. Гіпертекст – це електронний документ, який містить гіперпосилання на інші документи. Гіперпосилання може мати вигляд підкресленого виділеного кольором тексту, рисунка або автофігури. Посилання містить невидиму для користувача часину – адресу файлу чи адресу місця у документі, до якого потрібно перейти. Гіперпосилання реагує на вказівник і клацання миші. Підвівши курсор миші на призначений об’єкт і утримуючи його декілька секунд, з’являється підказка, місце знаходження документа на яке йде посилання наприклад: (file: /// (адреса) D:\ Документи\...\резюме.doc). Натиснувши клавішу Ctrl, курсор миші набуде вигляд долоні, необхідно клацнути лівою кнопкою миші, після чого виконається перехід до вказаного документу або перехід на вказане місце у документі. Такий файл може містити текст, звук чи відео зображення. Гіпертекстову технологію застосовують для подання інформації у WWW - просторі, зокрема, для роботи з веб–документами.

Веб–документ зберігається і пересилається як файл з розширенням htm чи html. Це звичайні текстові файли – програми написані мовою HTML. Відображаються такі файли на екрані цілком інакше, ніж вони виглядають у html-файлі. Для відображення (завантаження та перегляду) веб-документів html-файлів використовують програми - браузери.

Веб–документ інакше називають веб-сторінкою. Браузер дає змогу легко переходити від однієї сторінки до іншої за допомогою команд Вперед і Назад чи кнопок зі стрілками на панелі інструментів.

Декілька веб – документів на одну тему, що є на деякому комп’ютері чи належать одному власникові, утворюють веб-вузол (веб-сайт).

2. Вигляд веб-сторінки. Типова проста веб–сторінка має вигляд звичайного текстового документа, який може містити два-три малюнки невеликих розмірів, горизонтальні лінії та гіперпосилання. Складні веб–сторінки можуть містити фрейми (вкладені веб-сторінки), таблиці, елементи керування (кнопки, перемикачі, поля діалогу), динамічні ефекти та графічні Flash-об’єкти.

Розрізняють три типи текстових блоків: короткі (по два-три речення) текстові абзаци, списки, таблиці.

Відповідно до прийнятого стандарту абзаци на веб-сторінці розмежовуються порожнім рядком і не мають відступів першого рядка. Абзац може бути вирівняним до одного з країв або до центру екрана. Особлива зручність перегляду інформації зумовлена тим, що в нормальному режимі на веб-сторінці немає горизонтальної смуги прокручування (лише вертикальна). Браузер автоматично масштабує горизонтальне зображення різних елементів сторінки, враховуючи характеристики монітора комп’ютера клієнта і розміри вікна, в якому демонструється документ.

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

1. Мова HTML – Hyper Text Markup Langguage (мова для розмічування гіпертекстових документів). Для створення веб-сторінок веб-дизайнери використовують гіпертекстові веб-редактори, наприклад: HotMetal Pro, Hot Dog Professional, Netscape Editor тощо, де використовується мова HTML. Можливе створення веб-сторінок за допомогою редакторів FrontPage і MS Word, що дають змогу створювати веб-сторінки методом конструювання без застосування кодів мови HTML, оскіли коди вони генерують автоматично.

Для створення веб-сторінки використовують текстовий редактор Блокнот (NotePad), після чого файл зберігають з розширенням htm чи html, наприклад (Сторінка.html):

4. Загальна структура веб-сторінки. Текст мовою HTML (html – файл) має таку загальну структуру:

<HTML>

<HEAD>

<TITLE>

Моя перша веб-сторінка

</TITLE>

</HEAD>

<BODY>

Основний текст

</BODY>

</HTML>

Результат, який побачимо у вікні браузера:

Команди мови HTML називають тегами. Теги бувають одинарними і парними. Більшість тегів є парними, парні теги позначають початок і кінець області дії команди. Теги записують у кутових дужках. Тег, що закриває область дії, має косу риску, не забувайте її писати, інакше тег працюватиме неправильно.

<HTML> … </HTML> - тег означення HTML-файлу;

<HEAD> … </HEAD> - включає в себе теги, що містять невидиму інформацію про документ;

<TITLE> … </TITLE> - між цими тегами пишуть заголовок сторінки;

<BODY> … </BODY> - між цими тегами пишуть основний текст, до якого застосовують теги форматування.

Тег може містити параметри, які користувач записує у першому тезі через пропуск, наприклад: <BODY TEXT=”red”> у цьому випадку на білому фоні буде червоний текст;

<BODY BGCOLOR="green" TEXT="white"> у цьому випадку на зеленому фоні буде білий текст.

Головні параметри тега BODY:

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

BGCOLOR = “white” – задає білий колір фону, якщо не використовується фон-картинка;

TEXT = “black” – задає колір тексту на сторінці.

Примітка: при розробці веб-сайтів деякі параметри сторінки залежать від браузера та його настройок, тому дизайнери веб-сайтів переглядають результати створеної сторінки в різних браузерах (Opera, Mozilla, Fire Fox, Internet Explorer та інших). Деякі види форматування застосовуються у певних браузерах, тому не рекомендуються для широкого застосування.

Завдання 1: використовуючи текстовий редактор Блокнот створіть веб-сторінку за зразком, дотримуючись загальної структури веб-сторінки, між тегами <BODY> …</BODY> - вставте привітання від свого імені. Збережіть файл з ім’ям Завдання1а.htm. Доповніть тег <BODY> параметрами BGCOLOR та TEXT, збережіть файл з ім’ям Завдання1в.htm.

5. Теги для форматування тексту.

Для форматування тексту існують фізичні та логічні стилі форматування, фізичні показують як зробити, наприклад напівжирний, а логічні, що зробити. Будь-який елемент фізичного та логічного стилів мають початковий і кінцевий тег, формуючий контейнер для тексту, що виділяється.

Фізичні (головні) теги:

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

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

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

<B> текст </B> - напівжирний шрифт тексту, що знаходиться між тегами.

<I> текст </I> - шрифт курсив.

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

<SUB> текст </SUB> - нижній індекс, наприклад Н₂О.

<SUP> текст </SUP> - верхній індекс, 2³.

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

<EM> текст </EM> - виділення тексту курсивом (тег І), зазвичай залежить від налаштування браузера та його виду.

<B> <I> текст </I> </B> - напівжирний курсив. Цей приклад демонструє застосування вкладення тегів.

Логічні стилі:

<EM> текст </EM> - виділення.

<STRONG> текст </STRONG> - посилене виділення.

<CITE> текст </CITE> - цитата або посилання на зовнішнє джерело.

<DFN> текст </DFN> - початковий код програми.

<KBD> текст </KBD> - текст, що вводиться з клавіатури.

<VAR> текст </VAR> - змінна або значення.

<Q> текст </Q> - цитований текст.

<ABBR> текст </ABBR> - абревіатура.

Що стосується графічних браузерів, то звичайно <ЕM> відповідає курсиву, а <STRONG> - жирному шрифту. Та це не завжди так. Іноді <еm> може означати підкреслення, а <strong> - виділення яскравістю.

Заголовки:

Заголовки є контейнерами і, на відміну від багатьох інших елементів XHTML, дублюються, як і <р> (окремі типи абзаців). Заголовки ранжуються з 1-го по 6-й рівень і дозволяють відображати структуру документа, що відрізняються розмірами символів:

Теги Результат на екрані

<H1> Заголовок 1 </H1> Заголовок 1

<H2> Заголовок 2 </H2> Заголовок 2

<H3> Заголовок 3 </H3> Заголовок 2

<H4> Заголовок 4 </H4> Заголовок 2

<H5> Заголовок 5 </H5> Заголовок 2

<H6> Заголовок 6 </H6> Заголовок 2

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

<CENTER> елемент </CENTER>

<LEFT> елемент < /LEFT>

Якщо вирівнювання деякого елемента на сторінці потрібно задати явно, то використовують атрибут align - задає розташування елементів у вікні браузера: по лівому краю (Left), по середині (Center), по правому краю (Right) разом з тегами вирівнювання:<H1 align=center>.

Приклад: вирівнювання заголовка першого рівня Моя сторінка - по центру, а абзацу Я навчаюсь в КНУТД - по правому краю, причому текст буде червоного кольору:

<HTML>

<HEAD>

<TITLE> Моя перша сторінка

</TITLE>

<HR>

<center>

<H1> Моя сторінка </H1>

</center>

<P>

<p align=right> <font color ="red">Я навчаюсь в КНУТД</font>

</P>

</HEAD>

</HTML>

Результат HTML-коду, який отримаємо:

Завдання 2: створіть веб-сторінку, в якій використайте три види заголовків, та їх вирівнювання; до основного тексту застосуйте перелічені в п.5 теги форматування тексту. Збережіть файл з ім’ям Завдання2.htm.

5. Створення списків. Основні типи списків: ненумерований (маркований), нумерований. Список може мати заголовок, який охоплюють тегами

<LH> … </LH>, наприклад: <LH> це заголовок списку </LH>.

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

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

<UL>

<LI> Інформатика

<LI> Математика

<LI> Іноземна мова

< /UL>

В результаті отримаємо маркований список:

Нумерований список створюють за допомогою парного тега:

<OL> … </OL> з необов’язковим параметром TYPE та одинарних тегів <LІ>, наприклад:

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

<OL TYPE=”1”>

< LI> Інформатика

<LI> Математика

<LI> Іноземна мова

< /OL>

В результаті отримаємо нумерований список:

Завдання 3: використовуючи текстовий редактор Блокнот створіть свою особисту веб-сторінку, що називатиметься Моя особиста сторінка. Введіть текст про себе: ім’я, прізвище, вік; місце навчання: факультет, кафедра, майбутня спеціальність; ваші улюблені предмети; ваші захоплення.

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

1. Що таке гіпертекст?

2. Що таке веб-документ?

3. Для чого призначена програма-браузер?

4. Що таке веб-вузол (веб-сайт)?

5. Опишіть структуру простого веб-документа.

6. Яке призначення мови HTML?

7. Що таке тег, перелічіть їх?

8. Які параметри має тег BODY?

9. Який тег позначає початок нового абзацу?

10. Які теги позначають напівжирний, курсивний та підкреслений шрифти?

11. Які теги відповідають за вирівнювання елементів на веб-сторінці?

12. Перелічіть типи списків.

13. Як створити нумерований список?