Лабораторна робота №3
Тема роботи: Сторення Web-документу. Форматування тексту.
Мета роботи: Отримати навики створення Web-документу та форматування тексту.
Індивідуальні завдання:
Завдання 1. Створити документ з розширенням HTML з наступними властивостями:
а) Назва документу – номер студенського квитка.
б) Заголовок документу – прізвище студента.
в) В тілі документа вказати інформацію про себе.
Завдання 2. Створити документ з розширенням HTML, який складався б з наступних елементів:
Варіант |
Заголовок 1 (стиль, розмір) |
Лінія (розмір, ширна) |
Текст (розташування) |
Додатково |
1 |
Курсив, h1 |
2, 100% |
По лівому краю |
Коментар |
2 |
Напівжирний,h2 |
4, 80 |
По центру |
Розрив рядка |
3 |
Підкреслений, h3 |
6, 60% |
По правому краю |
Коментар |
4 |
Emphasis, h4 |
8, 100 |
По ширині |
Розрив рядка |
5 |
Strong emphasis, h5 |
10, 30% |
По лівому краю |
Коментар |
6 |
Sample, h6 |
12, 250 |
По центру |
Розрив рядка |
7 |
Reyboard, h1 |
14, 20% |
По правому краю |
Коментар |
8 |
Variable, h2 |
16, 150 |
По ширині |
Розрив рядка |
9 |
Підкреслений |
8, 100 |
По лівому краю |
Коментар |
10 |
Emphasis, h4 |
4, 80 |
По центру |
Розрив рядка |
11 |
Sample, h2 |
14, 20% |
По правому краю |
Коментар |
12 |
Курсив |
4, 90% |
По ширині |
Розрив рядкаКоментар |
Завдання 3. Створити документ з розширенням HTML з наступними атрибутами:
Варіант |
Колір фону |
Колір тексту |
Колір гіперпосилань |
Колір фрагменту тексту |
1 |
Alicemblue |
Black |
Midnightblue |
Red |
2 |
Azure |
Brown |
Navy |
Green |
3 |
Blanchedalmond |
Darkblue |
Purple |
Blue |
4 |
Cornflowerblue |
Darkmagenta |
Magenta |
Yellow |
5 |
Gold |
Darkseaggreen |
Midnightblue |
Red |
6 |
Khaki |
Deeppink |
Black |
Green |
7 |
Laverender |
Indiandred |
Brown |
Blue |
8 |
Lightcyan |
Indigo |
Darkblue |
Yellow |
9 |
Lightgrey |
Magenta |
Yellowgreen |
Red |
10 |
Linen |
Midnightblue |
Teal |
Green |
11 |
Mistyrose |
Navy |
Seagreen |
Blue |
12 |
Pink |
Purple |
Royalblue |
Yellow |
Лабораторна робота 4.
Тема роботи: Використання списків, таблиць, гіперпослань та фреймів у Web-документі.
Мета роботи: Отримати навики при використання списків, таблиць, гіперпослань та фреймів у Web-документі.
Індивідуальні завдання:
Завдання 1. Створити документ з розширенням HTML , який включає списки всіх типів та наступну таблицю:
Варіант |
Вид таблиці |
||||||
1 |
|
||||||
2 |
|
||||||
3 |
|
||||||
4 |
|
||||||
5 |
|
||||||
6 |
|
||||||
7 |
|
||||||
8 |
|
||||||
9 |
|
||||||
10 |
|
Завдання 2. Створити документи з розширенням HTML:
-
Головний файл main.html;
-
Файл з інформацією про студента about.html;
-
Файл з інформацією про хоббістудента hobby.html;
Всі документи повинні бути з’єднані гіперпосиланнями, принайми один документ повинен містити малюнок, який треба розмістити по центру, розміри не повинні перевищувати 300Х200 пікселів. Малюнок повинен мати опис. На головному файлі потрібно розмістити адресу власної поштової скриньки.
Завдання 3. За допомогою фреймів розташуйте декілька документів у вікні браузера наступним чином:
Варіант |
|
||||
1 |
|
||||
2 |
|
||||
3 |
|
||||
4 |
|
||||
5 |
|
||||
6 |
|