Завдання до практичної роботи

1. Виконати тренувальну вправу згідно свого варіанту (див. Додаток А).

2. Оформити в редакторі Dreamweaver розклад знять у вигляді таблиці. Таблиця повинна мати заголовок: Розклад занять, якій розмістити посередені зверху. Налаштувати ширину таблиці, окремих стовбчиків та комірок, вирівняйте таблицю по відношенню до веб-сторінки, а також текст в окремих комірках, зробіть кольорове оформлення таблиці. Задати колір тексту в комірках. Задати товщину границь комірок.

Хід виконання роботи

1. Ознайомтеся з темою та метою роботи, вивчіть основні теоретичні положення.

2. Включіть в Dreamweaver режим одночасного перегляду та редагування вихідного коду html-сторінки.

3. Виконайте тренувальну вправу згідно свого варіанту (див. Додаток А).

4. Дайте заголовок веб-сторінки між тегами <title> ..... </ title>.

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

6. Створіть новий html-документ в Dreamweaver.

7. Створіть таблицю, що містить розклад занять в редакторі Dreamweaver.

8. Дайте заголовок таблиці, якій розмістити посередені зверху.

9. Налаштуйте ширину таблиці, окремих стовбчиків та комірок, вирівняйте таблицю по відношенню до веб-сторінки, а також текст в окремих комірках, зробіть кольорове оформлення таблиці. Задати колір тексту в комірках. Задати товщину границь комірок.

10. Дайте заголовок веб-сторінки між тегами <title> ..... </ title>.

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

12. Оформіть протокол практичної роботи.

Складання звіту з практичної роботи

У звіті потрібно подати тему і мету роботи, завдання, хід виконання роботи, навести html-коди, зробити висновки за результатами виконання роботи.

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

1. Як формується вміст таблиці? Які для цього застосвують теги?

2. Як обєднати кілька комірок?

3. Який тег використовують для заголовку таблиці?

4. За допомогою якого атрибута виконують кольорове оформлення таблиць?

Старые браузеры могут не отображать цвет фона пустых ячеек вида <td bgcolor="#ffcc00"></td>, поэтому в том случае, когда требуется оставить ячейку без содержимого, но отобразить цвет фона, внутрь ячейки добавляют неразделяемый пробел ( ).

Додаток а

Варіанти завдянь до практичної роботи 6

Таблиця А.1

Варіант 1	Варіант 2
Варіант 3	Варіант 4
Варіант 5	Варіант 6
Варіант 7	Варіант 8
Варіант 9	Варіант 10
Варіант 11	Варіант 12
Варіант 13	Варіант 14
	Продовження таблиці А.1
Варіант 15	Варіант 16
Варіант 17	Варіант 18
Варіант 19	Варіант 20
Варіант 21	Варіант 22
Варіант 23	Варіант 24
Варіант 25	Варіант 26
Варіант 27	Варіант 28
Варіант 29	Варіант 30