Підручник html

Використання фреймів на веб-сторінках

Фрейми - це засіб компонування, що використовується багатьма творцями веб-сайтів. На початковому етапі розвитку Веб компонування сторінки вважалася другорядною завданням в порівнянні з організацією її інформаційного наповнення. Однак з плином часу, в міру того як у розробників вузлів з'являлося більше можливостей і способів подання інформації, ставлення до даного питання поступово змінювалося.

Фрейми дозволяють розділити веб-сторінку на прямокутні області. Найбільш часто фрейми застосовуються для відображення списку посилань в лівій частині екрана або виведення інформації в його правій частині. Посилання, що знаходяться в лівому фреймі, весь час відображаються на екрані, хоча відвідувач і переходить від однієї сторінки з інформацією до іншої. Ці посилання виконують роль змісту даного вузла, хоча сам фрейм майже ніколи так не називають.

Щоб скористатися перевагами, які дає застосування фреймів, потрібно ввести теги, що визначають їх компонування на сторінці. Вміст кожного фрейма зберігається в окремому файлі. Веб-сторінка, на якій відображаються два фрейми, зберігається у вигляді трьох файлів: головного з тегами компонування фреймів і файлів самих фреймів. Файли, які відображаються в кожному фреймі, являють собою звичайні веб-сторінки, без будь-яких спеціальних засобів форматування, пов'язаних з використанням фреймів.

створення фреймів

Головний файл веб-сторінки містить тег , визначає компоновку сторінки, і теги , в яких вказується ім'я файлу, що відображається в даному фреймі. У файлі головною веб-сторінки розділ BODY повинен бути відсутнім, оскільки тіло сторінки знаходиться в окремих файлах, в яких зберігаються фрейми.

компонування фреймів

Теги і визначають, як розділена сторінка - по горизонталі (з використанням атрибута ROWS) або по вертикалі (з використанням атрибута COLS). Розмір кожного фрейма можна вказувати в пікселях або у відсотках від загального розміру вікна браузера, в якому відображається веб-сторінка. Так, такі ключові слова ділять сторінку на два вертикальних фрейми: перший з них займає 20% від ширини сторінки, другий - її частину (позначено зірочкою):

Відображення веб-сторінок у фреймах

між тегами і міститься по одному тегу для кожного фрейму. Значення атрибута SRC тега вказує ім'я файлу веб-сторінки, яка відображається в цьому фреймі. Ці файли відкриваються у вікні браузера в певному порядку. Якщо ви задасте два фрейми, то перший з них буде відображатися в лівій колонці, а другий - у правому. (При використанні в тезі атрибута ROWS, призначеного для поділу вікна браузера по горизонталі, перший файл з'явиться над другим.)

Наведені нижче теги визначають імена файлів, які будуть відображатися в двох фреймах:

Для того щоб вміст фрейма можна було прокручувати на екрані, слід скористатися атрибутом SCROLLING тега . За замовчуванням цей атрибут має значення YES.

Відображення тексту браузерами, що не підтримують фрейми

Текст, який буде з'являтися в браузерах, що не підтримують фрейми, повинен розташовуватися між тегами і :

Приклад використання фреймів

Нижче дан приклад веб-сторінки, в якій використовуються фрейми:

Зміна вмісту фрейма

Якщо на веб-сторінці в одному фреймі знаходиться зміст веб-сайту, потрібно зробити так, щоб посилання в цьому фреймі управляли вмістом іншого фрейма. Тобто при натисканні на посилання в лівому фреймі в правому повинна відображатися конкретна веб-сторінка. Щоб створити таку посилання, правому кадру потрібно присвоїти ім'я, а потім звертатися з цього імені в відповідне посилання. Щоб привласнити ім'я фрейму, додайте до тегу атрибут NАМЕ. Так, в наступному тезі правому кадру присвоюється ім'я Data:

Потім включите ім'я цього фрейму в тег <А> лівого фрейму, застосовуючи атрибут TARGET для вказівки фрейму, в якому повинно з'явитися вміст нового файлу, заданого на засланні. Наприклад, зміст веб-сторінки, що відображається в лівому фреймі, може містити наступний тег <А>, який визначає файл bookfile.html, що відображається у фреймі Data:

Після клацання на посиланні в лівому фреймі в правому відобразиться відповідна їй веб-сторінка.

Схожі статті