Page 14 - 4418
P. 14
ЛАБОРАТОРНА РОБОТА №3
ТЕХНОЛОГІЯ ЗАБЕЗПЕЧЕННЯ ПОБУДОВИ ЕЛЕКТРОННИХ МАГАЗИНІВ
(Створення та редагування фреймів)
ТЕМА: технологія забезпечення побудови електронних магазинів. Фрейми. Створення
та редагування фреймів.
МЕТА: уміти використовувати інструментальні засоби створення систем ЕК
(електронних магазинів), використовувати базовий код фреймової структури
документів для створення складних «Web-сторінок».
ТЕОРЕТИЧНІ ВІДОМОСТІ
Фрейми призначені для того, щоб розділити вікно браузера на декілька частин,
в кожній з яких може показуватися інформація з різних джерел. Головне достоїнство
фреймів і полягає в цьому - на одній сторінці може бути об'єднана інформація з
декількох сторінок. Крім цього, завдяки фреймах немає необхідності включати в кожну
сторінку сайту деякі елементи, які однакові на всіх сторінках, наприклад, меню або
логотип. Такий елемент міститься в окремий фрейм і вміст його не змінюється в той
час, як з вмістом інших фреймів на сторінці може відбуватися що завгодно. Однак, у
фреймів є і недоліки. Часто буває складно підібрати для фрейму потрібний розмір і
через це може виникнути необхідність використовувати смуги прокрутки, щоб
побачити весь вміст фрейму. Крім цього, у відвідувача вашого сайту може бути
низький дозвіл екрану, що також призведе до появи смуг прокручування. Самий
неприємний недолік фреймів в тому, що деякі пошукові системи і каталоги
відмовляють у реєстрації сайтам, які використовують фрейми.
Фрейми створюються за допомогою тегів <FRAMESET> і <FRAME>.
– <FRAMESET> - Дозволяє сформувати набір фреймів, що поділяють простір
робочої області на стовпці і рядки.
– У дескрипторі <FRAMESET> необхідно визначити ширину висоту всіх рядків і
стовпців. Значення задаються в пікселях, відсотках або за допомогою символу
зірочки - це говорить про те, що розміри визначаються щодо решти фреймів
сторінки.
– <FRAME> - Визначає вміст і структуру конкретного фрейму. Необхідний
атрибут фрейму - атрибут «src». Він задає джерело для вмісту фрейму.
Приклад використання фреймів:
<html>
<head>
<title> Приклад використання фреймів </ title>
</head>
<frameset rows="300,100">
<frame name="1" src="1.html">
<frame name="2" src="2.html">
</frameset>
</html>
Рисунок 3.1 – Приклад використання фреймів
14
