-

1. Мій сайт
Фото
Біографія
Навчання
Адреса
ЛАБОРАТОРНО-ПРАКТИЧНА РОБОТА №5
ТЕМА. Створення Web-сторінок із графічною навігаційною панеллю та із застосуванням стилів.
МЕТА: ознайомлення з основними прийомами роботи з Web-сторінками. Навчитися
застосовувати стилі та графічні навігаційні панелі при створенні web-сторінки.
ТРИВАЛІСТЬ ЗАНЯТТЯ: 2 години.
МІСЦЕ ПРОВЕДЕННЯ: кабінет інформатики.
МАТЕРІАЛИ ТА ОБЛАДНАННЯ: персональні комп’ютери, інструкції, програмне забезпечення: ОС
Windows XP, Блокнот.
МЕТОД ПРОВЕДЕННЯ: індивідуальний.
ЗАВДАННЯ:
1. Створіть рисунок для навігаційної карти за допомогою графічного редактора. (Рисунок
створіть аналогічно до наведеного нижче.)
2. Запишіть html-файл для навігаційної карти і виконайте його.
Поекспериментуйте з картою.
3. Підберіть рисунок (на весь екран), який може бути основою
навігаційної карти. Рисунок модифікуйте за допомогою графічного
редактора, наприклад, створіть текстові написи на ньому. Придумайте
структуру сайту, створіть відповідну навігаційну карту і
поекспериментуйте з нею.
4. Відтворіть описану рекламну сторінку на своєму комп’ютері.
5. Підберіть значення властивостей font-size, margin-top, margin-left так, щоб сторінка
відображалась з ефектами перекривання текстів.
6. Придумайте і застосуйте стилі для створення оригінальної рекламної сторінки деякої фірми.
КОНТРОЛЬНІ ЗАПИТАННЯ:
1. Яке призначення навігаційної панелі?
2. Що таке навігаційна карта?
3. Як розпізнати на екрані навігаційну карту?
4. Що таке гаряча область?
5. Які форми можуть мати гарячі області?
6. З чого складається таблиця стилів?
7. Який тег задає рисунок для навігаційної карти?

2. 8. Який тег призначений для опису гарячих областей карти?
9. Яке призначення параметра NAME?
10. Які значення може набувати параметр NAME?
11. Що таке вбудована таблиця стилів?
12. Яку будову має тег-контейнер <MAP>?
13. Які параметри має тег <AREA>?
14. Як описують гарячу область – прямокутник?
15. Як задають гарячу область – круг?
16. Що таке холодний фрагмент на карті?
17. Яке призначення таблиці стилів?
18. У чому полягає спосіб зв’язування?
19. Назвіть властивості категорії border.
20. Назвіть властивості категорії font.
21. Назвіть властивості категорії text.
22. Назвіть властивості категорії margin.
23. Назвіть властивості категорії padding.
24. Які одиниці вимірювання застосовують у мові CSS?
25. Що означає від’ємне значення властивості margin-top?
ОФОРМЛЕННЯ РОБОТИ: робота оформляється на стандартних листах (ф. А4) в папках.
Звіт повинен містити:
1. Номер роботи, тему, мету, матеріали та обладнання;
2. Дайте відповіді на контрольні запитання згідно номера в журналі:
Номер в журналі Контрольні запитання
1, 8, 12, 16, 24, 29 15, 17, 13, 7, 22
2, 5, 9, 17, 21, 25 20, 5, 18, 23, 8
3, 6, 10, 14, 18, 28 1, 24, 10, 12, 16
7, 15, 19, 23, 27, 22 6, 9, 2, 25, 11
4, 13, 26, 11, 20, 30 21, 4, 14, 3, 19
3. Вкінці роботи має бути написаний висновок.
ОЦІНКА РОБОТИ: робота оцінюється за кінцевими результатами за 12-бальною системою (при
захисті необхідно знати відповіді на всі контрольні запитання).
ЛІТЕРАТУРА:
 Глинський Я.М. Інформатика 8-11 класи, Навчальний посібник для загальноосвітніх
навчальних закладів (4-те видання). – Л.: 2004.
 Гаєвський О.Ю. Інформатика 7-11 класи, Навчальний посібник. – К.: А.С.К., 2005.
 Глинський Я.М., Ряжська В.А. Інтернет, Навчальний посібник, Самоучитель 4-те
доповн.вид. – Львів, 2007