Практична робота №6.

Тема: Навігаційні карти.

План виконання роботи:

Засобами мови HTML створити навігаційну карту, використовуючи всі можливі форми чутливих областей. Позначити області зображення що залишились поза визначеними формами як такі, з якими жодне гіперпосилання не пов’язане.

Зробити висновки та оформити звіт.

Вимоги до звіту:

1. Звіт повинен бути оформлений на аркуші А4 з дотриманням стандартних вимог.

2. Звіт повинен містити:

a. завдання;

b. зовнішній вигляд навігаційної карти (схематичне зображення на якому необхідно вказати координати чутливих областей);

c. код сторінки яка реалізує виконання завдання ;

d. висновки.

Практична робота №7.

Тема: Фрейми.

План виконання роботи:

1. Засобами мови HTML створити фреймову структуру згідно із варіантом індивідуального завдання.

Варіанти фреймової структури
№ з/п непарні	№ з/п парні
menu Up(1) Low(2)	menu Left(1) Right(2)

Вмістом фрейму menu має бути навігаційна карта з попередньої практичної роботи.

У якості значення атрибута target в гіперпосиланнях фрейму menu вказати 1 та 2 фрейми, завантаження документу в нове вікно броузера, в батьківський фрейм поточного вікна, в поточне вікно або фрейм, а також у все вікно броузера а не у фрейм.

Для фрейму menu заборонити зміну розмірів та полосу прокрутки.

Для фрейму menu встановити відсутність рамки.

2. Створити сторінку, що містить вбудований фрейм.

Вимоги до звіту:

1. Звіт повинен бути оформлений на аркуші А4 з дотриманням стандартних вимог.

2. Звіт повинен містити:

a. завдання;

b. зовнішній вигляд фреймової структури (схематичне зображення на якому необхідно вказати зв’язки між посиланнями та місцем завантаження документу);

c. код сторінок який реалізує виконання завдання;

d. висновки.

Практична робота №8.

Тема: Створення та приєднання до документу каскадних таблиць стилів (CSS).

План виконання роботи:

1. Створити Web-сторінку яка має містити текстову частину, вставлене “плаваюче” зображення, гіперпосилання на інші сторінки.

Відформатувати текст сторінки з використанням “безпечних” елементів CSS:

Для документу:

- Задати фонове зображення і колір фону документу;

- Описати стилі форматування заголовків різного рівня;

Для абзацу:

- Встановити шрифт, розмір, колір основного тексту абзацу;

- Встановити відступ першої строки тексту;

- Визначити вирівнювання тексту;

- Встановити значення відступів навколо блоку тексту;

- Декілька слів всередині абзацу закреслити.

Для гіперпосилання:

- Гіперпосилання не повинні підкреслюватись;

- Встановити колір гіперпосилань у різному стані.

Для зображення:

- Встановити значення відступів навколо зображення;

- Визначити вирівнювання елементу;

2. Створити напис з тінню:

3. Засобами CSS створити фон сторінки з ім’ям та прізвищем студента, що виконав роботу.

При виконанні завдання задати правила каскадних таблиць:

- групуванням селекторів (якщо для них задається одне правило) та групуванням визначень;

- використовуючи класи, що можливо застосовувати для будь-яких елементів документа, а також різне форматування для однакових елементів;

- застосувати ідентифікатор.

Поєднати документ і таблицю стилів методом:

- Зв’язування

- Впровадження

- Вбудовування в теги документа.

Вимоги до звіту:

1. Звіт повинен бути оформлений з дотриманням стандартних вимог.

2. Звіт повинен містити:

a. зовнішній вигляд створених документів

b. код сторінок який реалізує виконання завдання

c. висновки.