Теоретичні відомості
Лабораторна робота № 1.
Логічне та фізичне форматування тексту
Лабораторна робота № 2. Створення таблиць та гіперпосилань у html-документах
Лабораторна робота № 3. Використання фреймів в html-документах
Лабораторна робота № 4. Використання навігаційних карт та форм в html-документах
Лабораторна робота № 5. Створення малюнків-анімацій за допомогою програм ImageReader та Photoshop 7
ЛАБОРАТОРНА РОБОТА № 3
Використання фреймів в html-документах
Мета роботи: навчитись застосовувати фрейми при створенні html-документів.
- Вивчити відповідні розділи теоретичної частини методички та відповідного лекційного курсу.
- Підготувати малюнки в Pаint та зберегти їх як fon1.bmp та fon2.bmp.
- Створити шаблон HTML-документа зберігши його під іменем Lab3.html.
- Задати ім'я документа за таким зразком: "Лабораторна робота №3 - Прізвище Ім'я - Група".
- Розділити вікно браузера на три фрейма putannya.html, name.html та vidpovid.html. Фрейм putannya.html повинен мати ширину 30% від ширини вікна браузера. Фрейм name.html повинен мати висоту 210 пікселів. Простір, що лишається повинен займати фрейм vidpovid.html.
- Фрейм putannya.html відобразити з рамками, лінійкою прокрутки, без можливості зміни його розмірів, ім'я фрейма -putannya, відстань між фреймами 10 пікселів, колір сітки фрейма - зелений.
- Фрейм name.html відобразити з рамками, без лінійки прокрутки, з можливістю зміни його розмірів, ім'я фрейма - name, відстань між фреймами 5 пікселів, колір сітки фрейма - червоний.
- Фрейм vidpovid.html відобразити з рамками, з лінійкою прокрутки, яка при необхідності автоматично з'являється, з можливістю зміни його розмірів, ім'я фрейма - vidpovid, відстань між фреймами 5 пікселів, колір сітки фрейма - червоний, ширина лівого і правого полів - 100 пікселів, а верхнього і нижнього - 50 пікселів.
- У випадку, коли браузер не підтримує фрейми, має відображатись відповідне повідомлення.
- Створити шаблон HTML-документа зберігши його під іменем putannya.html.
- Задати ім'я документа за таким зразком: "Лабораторна робота №3 - Прізвище Ім'я - Група".
- Задати фон документа - малюнок fonl.bmp.
- Задати базовий шрифт документа: розмір - 2, гарнітура - Агіаl, колір - синій.
- Створити біжучий рядок шрифтом на 1 більшим за базовий, синього кольору: "ПИТАННЯ".
- Вставити горизонтальну роздільну лінію довжиною 80% від ширини вікна браузера, товщиною 7 пікселів, червоного кольору, розміщену по центру.
- Перших 5 питань анкети (див. Лабораторну роботу №1) подати списком визначень (див. зразок виконання), де термін - це номер питання (виділений жирним шрифтом), а визначення - це саме питання (виділене курсивом).
- Питання 6-9 подати у вигляді впорядкованого списку (див. зразок виконання) де перша частина питання має нумерацію 6-9, виділена жирним курсивом, а друга - має нумерацію a-d, розміщена з відступом і має базові параметри.
- Питання 10-12 подати у вигляді невпорядкованого списку (див. зразок виконання) з маркерами у вигляді кола (circle), квадрата (square) та диска (disk).
- Через два рядки зробити посилання на закладку, яка розміщена на початку сторінки словом ВГОРУ та символом ↑ виділених жирним шрифтом.
- Створити шаблон HTML-документа зберігши його під іменем name.html.
- Задати ім'я документа за таким зразком: "Лабораторна робота № 3 - Прізвище Ім'я - Група".
- Задати фон документа - малюнок fon2.bmp.
- Задати базовий шрифт документа: розмір - 3, гарнітура - Агіаl, колір - жовтий.
- Створити біжучий рядок: "Прізвище Ім'я - Група".
- Текст "Лабораторна робота № 3" оформити заголовком другого рівня, розміщеним по центру із спливаючим поясненням "ФРЕЙМИ" при наведенні на нього мишкою.
- Текст "Тема: Використання фреймів в html-документах" оформити заголовком третього рівня, розмішеним по центру, причому текст "Тема:" повинен відображатись жирним підкресленим шрифтом, а "Використання фреймів в html-документах" - жирним курсивом.
- Вставити горизонтальну роздільну лінію довжиною 80% від ширини вікна браузера, товщиною 7 пікселів, зеленого кольору, розміщену по центру.
- Створити шаблон HTML-документа зберігши його під іменем vidpovid.html.
- Задати ім'я документа за таким зразком: "Лабораторна робота № 3 - Прізвище Ім'я - Група".
- Задати фон документа жовтим кольором.
- Задати базовий шрифт документа: розмір - 3, гарнітура - Агіаl, колір - білий.
- Створити біжучий рядок шрифтом на 2 більшим за базовий, червоного кольору: "ВІДПОВІДІ НА ПИТАННЯ".
- Вставити горизонтальну роздільну лінію довжиною 80% від ширини вікна браузера, товщиною 7 пікселів, синього кольору, розміщену по центру.
- Відповіді на питання подати у вигляді списку визначень в режимі компактного відображення (див. зразок виконання), де термін - це номер відповіді на питання (виділений жирним шрифтом), а визначення - це текст відповіді (виділений курсивом).
- Оформити лістінг Вашої розмітки та відповісти на тестові питання.