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

Лабораторна робота № 1.
Логічне та фізичне форматування тексту

Лабораторна робота № 2. Створення таблиць та гіперпосилань у html-документах

Лабораторна робота № 3. Використання фреймів в html-документах

Лабораторна робота № 4. Використання навігаційних карт та форм в html-документах

Лабораторна робота № 5. Створення малюнків-анімацій за допомогою програм ImageReader та Photoshop 7

Лабораторна робота № 6. Розміщення WEB-сайту в інтернеті

Література

Зв'язок з автором

ЛАБОРАТОРНА РОБОТА № 2
Створення таблиць та гіперпосилань у html-документах

Мета роботи: навчитись створювати таблиці та гіперпосилання.


Підготовка до заняття
  1. Вивчити відповідні розділи теоретичної частини методички та відповідного лекційного курсу.

Порядок виконання роботи
  1. Створити шаблон HTML-документа.
  2. Задати ім'я документа (TITLE) за таким зразком: "Лабораторна робота №2 - Прізвище Ім'я - Група".
  3. Задати базовий шрифт документа (BASEFONT): розмір - 3, гарнітура - Arial, колір - чорний.
  4. Створити біжучий рядок (MARQUEE) за зразком: "Прізвище Ім'я - Група".
  5. Текст "Лабораторна робота №2" оформити заголовком першого рівня (НІ), розмішеним по центру із спливаючим поясненням (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. Створити гіперпосилання за адресою http://pnk-lutsk.narod.ru.
  27. Створити посилання на текст «лист товаришу» на e-mail за адресою tovarush@ukr.net.

Вимоги до здачі лабораторної роботи
  1. Оформити лістінг Вашої розмітки та відповісти на тестові питання.