- •Лабораторна робота № 1 Тема: Логічне та фізичне форматування тексту.
- •Підготовка до заняття
- •Хід роботи:
- •Захист роботи
- •Оформлення звіту
- •Вигляд створеного документу:
- •Лабораторна робота № 2 Тема: Cтворення таблиць та гіперпосилань у html-документах.
- •Підготовка до заняття
- •Хід роботи:
- •Створити шаблон html-документа.
- •Задати базовий шрифт документа (basefont): розмір - 3, гарнітура - Arial, колір - чорний.
- •Захист роботи
- •Оформлення звіту
- •Вигляд створеного документу:
- •Лабораторна робота № 3
- •Тема: Використання фреймів в html-документах.
- •Мета роботи: навчитись застосовувати фрейми при створенні html-документів.
- •Підготовка до заняття
- •Хід роботи:
- •Захист роботи
- •Оформлення звіту
- •Вигляд створеного документу:
- •Лабораторна робота № 4
- •Тема: Використання навігаційних карт та форм в html-документах.
- •Мета роботи: навчитись застосовувати навігаційні карти та форми при створенні html-документів.
- •Підготовка до заняття
- •Хід роботи:
- •Захист роботи
- •Оформлення звіту
- •Вигляд створеного документу:
Вигляд створеного документу:
Лабораторна робота № 2 Тема: Cтворення таблиць та гіперпосилань у html-документах.
Мета роботи: навчитись створювати таблиці та гіперпосилання.
Підготовка до заняття
1.Ознайомитися з теоретичними відомостями за темою лабораторної роботи.
Хід роботи:
Створити шаблон html-документа.
Задати ім'я документа (TITLE) за таким зразком: "Лабораторна робота №2 - Прізвище Ім'я - Група".
Задати базовий шрифт документа (basefont): розмір - 3, гарнітура - Arial, колір - чорний.
Створити біжучий рядок (MARQUEE) за зразком: "Прізвище Ім'я - Група".
Текст "Лабораторна робота №2" оформити заголовком першого рівня (НІ), розмішеним по центру із спливаючим поясненням (ACRONYM TITLE) "ТАБЛИЦЯ" при наведенні на нього мишкою.
Задати заголовок таблиці "Приклад виконання таблиці" розмістивши його над таблицею і оформити заголовком третього рівня вирівняним по правому краю.
Створити таблицю (див. зразок виконання в додатку з лістингом), яка займає 80% ширини і 70% висоти вікна браузера з такими параметрами: горизонтальне вирівнювання таблиці та вертикальне вирівнювання даних у таблиці - по центру. Ширина зовнішньої рамки таблиці рівна 5, її колір - червоний. Відстань між рамкою комірки та текстом - 5, відстань між границями сусідніх комірок - 10. Колір фону комірок таблиці - синій.
Створити перший рядок основної таблиці та задати чорний колір рамок усіх його комірок.
Створити 1-шу комірку-заголовок (комірка 1) шириною 20% від ширини вікна браузера з наступними параметрами: горизонтальне вирівнювання даних комірки - по правому краю, вертикальне - по верхньому краю. Колір фону комірки — червоний. Колір шрифту — синій.
Створити 2-гу комірку-заголовок (комірка 2) шириною 100 пікселів з такими параметрами: Горизонтальне вирівнювання даних комірки - по лівому краю, вертикальне - по нижньому краю. Фон комірки - рисунок l.bmp. Колір шрифту - білий.
Створити 3-тю комірку-заголовок (комірка 3) шириною 500 пікселів з такими параметрами: колір фону комірки - білий. Колір шрифту - червоний.
Вставити до третьої комірки таблицю (див. зразок), яка займає 90% ширини і 80% висоти цієї комірки з такими параметрами: горизонтальне вирівнювання таблиці в комірці - по правому краю. Ширина зовнішньої рамки таблиці рівна 3, її колір - зелений. Колір фону таблиці - рисунок 3.bmp. Відстань між рамкою комірки та текстом — 5, відстань між границями сусідніх комірок — 10.
Створити перший рядок вкладеної таблиці та задати жовтий колір рамок усіх його комірок.
Створити 1-шу комірку-заголовок (комірка А), яка простягається на три стовпці цієї таблиці, задавши колір шрифту - жовтий.
Створити 2-гу комірку-заголовок (комірка В), задавши колір фону комірки - білий.
Створити другий рядок вкладеної таблиці та задати білий колір рамок усіх його комірок.
Створити 1-шу комірку даних (комірка С) з параметрами: Вертикальне вирівнювання даних комірки – по верхньому краю. Колір фону комірки - жовтий.
Створити 2-гу комірку-заголовок (комірка D) шириною 7% від ширини комірки А з такими параметрами: горизонтальне вирівнювання даних комірки - по центру, вертикальне - по верхньому краю. Колір фону комірки - червоний. Розмір шрифту - 2-й.
Створити 3-тю комірку даних (комірка Е) оформивши її назву як заголовок 4-го рівня вирівняний по правому краю. Параметри: горизонтальне вирівнювання даних комірки - по правому краю, вертикальне – по нижньому краю. Колір фону комірки - жовтий.
Створити другий рядок основної таблиці та задати жовтий колір рамок усіх його комірок.
Створити 1-шу комірку-заголовок (комірка 4), яка простягається на два стовпці та два рядки таблиці оформивши її назву як заголовок 2-го рівня. Параметри: Вертикальне вирівнювання даних комірки - по центру. Фон комірки - рисунок 2.bmp.
Створити 2-гу комірку даних (комірка 5) оформивши її текст як біжучий рядок: Розмір шрифту -5, гарнітура - "Arial", жовтого кольору.
Створити третій рядок основної таблиці та задати червоний колір рамок усіх його комірок.
Створити 1-шу комірку даних (комірка 6) оформивши її назву як заголовок 3-го рівня вирівняний по центру. Параметри: колір фону комірки - зелений.
Створити 2-гу комірку-заголовок (комірка 7) шириною 10 пікселів з параметрами: Горизонтальне вирівнювання даних таблиці - по центру. Колір фону комірки - білий. Розмір шрифту - 1.
Створити гіперпосилання за адресою http://pnk-lutsk.narod.ru.
Створити посилання на текст «лист товаришу» на e-mail за адресою tovarush@ukr.net.
