Мета: Навчитись створювати 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. Який параметр використовують для обєднання комірок?______________________
______
Висновок: ___________________________________________________________________
Дата виконання: _________________ Оцінка: _________________
Підпис викладача: __________________
ПРАКТИЧНА РОБОТА № 8
Тема: Створення фреймів
