Запитання до захисту практичної роботи:

1. Що таке гіперпосилання ?

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

3. Яка структура простого WEB – документа ?

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

5. Що таке тег i які є теги ?

Лабораторна робота № 40. Створення кнопок, гіперпосилань, файлів html.

1. Створити форму, що має групу перемикачів.

2. У формі створити кнопку для виконання зазначеної дії та кнопку для пошуку значень.

3.Створити таблицю із двома гіперпосиланнями (на документ Word, на таблицю Excel.

4.Створити нову форму, в якій за допомогою кнопки активізується вже існуюча форма (використовуючи гіперпосилання).

5. Експортувати запит БД у файл HTML та у файл Excel.

6.Імпортувати таблицю Excel у БД.

Показати викладачеві:

• форму з перемикачами i кнопкою;

• вікно для пошуку значень;

• таблицю з гіперпосиланнями в режимі таблиці;

• файли HTML, Excel.

Практична робота № 41

Тема. Створення Web-документів, що містять теги оформлення списків та таблиць.

Мета. Навчитись створювати Web-документи, що містять списки та таблиці.

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

Для перераховування набору предметів або понять часто використовують списки. Серед них найбільш часто використовуються такі типи: маркіровані, нумеровані та ненумеровані.

Для визначення списка використовують тег <LI>.

Всередині нього можна організувати всі вказані раніше типи списків:

<OL> - нумерований список,

<UL> - ненумерований список.

Маркірований список організовується за допомогою атрибутів тега <LI> type="disk" -повний кружок (за домовленістю),

type="circle" - порожній кружок,

type="square" - квадратик

Для якісного розміщення матеріала на сторінці можна використовувати таблиці. Це дасть можливість створити сторінку, яка буде відображати всі елементи на своїх місцях, не дивлячись на масштабування вікна браузера чи особливості самого браузера.

Для створення таблиці використовують тег <table>, який має такі атрибути:

<tr></tr> - рядок (ряд) таблиці,

<td></td> - стовпець таблиці,

bgcolor="#FFCC33" - колір тла таблиці,

bасkground ="картинка.gif” - задає фоновий малюнок для таблиці,

width="50" чи width="50%"- ширина таблиці у пікселях чи відсотках,

height="45" чи height="45%"- висота таблиці у пікселях чи відсотках,

align="center" (right, left) - вирівнює вміст осередку щодо її центра (правого чи лівого країв),

valign = “ middle”( top, botton) - вертикальне вирівнювання вмісту рядка(комірки) по середині,

colspan="2" - розтягти комірку на кілька стовпців,

rowspan="2" - розтягти комірку на кілька рядів,

cellspacing="5" - задає простір між комірками,

cellpadding="5" - задає простір усередині комірки між її вмістом і границями,

border="З" - задає товщину рамки таблиці,

bordercolor="#000000" - задає колір рамки таблиці

Таблиця складається з рядків, які визначаються тегом <tr>, та стовпців, що виз тегом <td>.