Підпис викладача: __________________ практична робота № 20 Тема: Створення Web-документів, що містять таблиці.

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

Програмне забезпечення: Блокнот, Internet Explorer та ОС Windows.

Хід роботи

1. Створити шаблон HTML-документа.

2. Задати ім'я документа за таким зразком: "Таблиця - Прізвище Ім'я - Група".

3. Задати базовий шрифт документа (BASEFONT): розмір - 3, гарнітура - Arial, колір - чорний.

4. Створити біжучий рядок за зразком: "Прізвище Ім'я - Група".

5. Текст "Практична робота робота №20" оформити заголовком першого рівня, розмішеним по центру із спливаючим поясненням (ACRONYM TITLE) "ТАБЛИЦЯ" при наведенні на нього мишкою.

6. Задати заголовок таблиці "Приклад виконання таблиці" розмістивши його над таблицею і оформити заголовком третього рівня вирівняним по правому краю.

7. Створити таблицю, яка займає 80% ширини і 70% висоти вікна браузера з такими параметрами: горизонтальне вирівнювання таблиці та вертикальне вирівнювання даних у таблиці - по центру. Ширина зовнішньої рамки таблиці рівна 5, її колір - червоний. Відстань між рамкою комірки та текстом - 5, відстань між границями сусідніх комірок - 10. Колір фону комірок таблиці - синій.

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

9. Створити 1-шу комірку-заголовок (комірка 1) шириною 20% від ширини вікна браузера з наступними параметрами: горизонтальне вирівнювання даних комірки - по правому краю, вертикальне - по верхньому краю. Колір фону комірки — червоний. Колір шрифта — синій.

10. Створити 2-гу комірку-заголовок (комірка 2) шириною 100 пікселів з такими параметрами: Горизонтальне вирівнювання даних комірки - по лівому краю, вертикальне - по нижньому краю. Фон комірки - рисунок l.bmp. Колір шрифта - білий.

11. Створити 3-тю комірку-заголовок (комірка 3) шириною 500 пікселів з такими параметрами: колір фону комірки - білий. Колір шрифта - червоний.

12. Вставити до третьої комірки таблицю (див. зразок), яка займає 90% ширини і 80% висоти цієї комірки з такими параметрами: горизонтальне вирівнювання таблиці в комірці - по правому краю. Ширина зовнішньої рамки таблиці рівна 3, її колір - зелений. Колір фону таблиці - рисунок 3.bmp. Відстань між рамкою комірки та текстом — 5, відстань між границями сусідніх комірок — 10.

13. Створити перший рядок вкладеної таблиці та задати жовтий колір рамок усіх його комірок.

14. Створити 1-шу комірку-заголовок (комірка А), яка простягається на три стовпці цієї таблиці, задавши колір шрифта - жовтий.

15. Створити 2-гу комірку-заголовок (комірка В), задавши колір фону комірки - білий.

16. Створити другий рядок вкладеної таблиці та задати білий колір рамок усіх його комірок.

17. Створити 1-шу комірку даних (комірка С) з параметрами: Вертикальне вирівнювання даних комірки – по верхньому краю. Колір фону комірки - жовтий.

18. Створити 2-гу комірку-заголовок (комірка D) шириною 7% від ширини комірки А з такими параметрами: горизонтальне вирівнювання даних комірки - по центру, вертикальне - по верхньому краю. Колір фону комірки - червоний. Розмір шрифта - 2-й.

19. Створити 3-тю комірку даних (комірка Е) оформивши її назву як заголовок 4-го рівня вирівняний по правому краю. Параметри: горизонтальне вирівнювання даних комірки - по правому краю, вертикальне – по нижньому краю. Колір фону комірки - жовтий.

20. Створити другий рядок основної таблиці та задати жовтий колір рамок усіх його комірок.

21. Створити 1-шу комірку-заголовок (комірка 4), яка простягається на два стовпці та два рядки таблиці оформивши її назву як заголовок 2-го рівня. Параметри: Вертикальне вирівнювання даних комірки - по центру. Фон комірки - рисунок 2.bmp.

22. Створити 2-гу комірку даних (комірка 5) оформивши її текст як біжучий рядок: Розмір шрифта -5, гарнітура - "Arial", жовтого кольору.

23. Створити третій рядок основної таблиці та задати червоний колір рамок усіх його комірок.

24. Створити 1-шу комірку даних (комірка 6) оформивши її назву як заголовок 3-го рівня вирівняний по центру. Параметри: колір фону комірки - зелений.

25. Створити 2-гу комірку-заголовок (комірка 7) шириною 10 пікселів з параметрами: Горизонтальне вирівнювання даних таблиці - по центру. Колір фону комірки - білий. Розмір шрифта - 1.

26. Записати код сторінки:

_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

КОНТРОЛЬНІ ПИТАННЯ

1. За допомогою яких тегів ми створюємо таблиці?_____________________________

____________________________________________________________________________________________________________________________________________

2. За допомогою яких тегів ми форматуємо таблиці?____________________________

__________________________________________________________________________________________________________________________________________________

_________________________________________________________________________

3. Які теги формують у таблиці рядки________________, клітинки-заголовки _______________ та звичайні клітинки_________________?

4. Який параметр використовують для обєднання комірок?______________________

______________________________________________________________________

Висновок:___________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

Дата виконання: _________________ Оцінка: _________________