 |
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция
Тема: Понятие фреймов, работа с фреймами
План:
1. Понятие фрейма, особенности использования.
2. Работа с фреймами.
1. Понятие фрейма, особенности использования.
Фреймы - способ организации структуры сайта, при котором web-страница дробится на ряд отдельных составляющих и «собирается» в главном окне браузера из нескольких независимых или вложенных окон. Фреймы позволяют разбить окно просмотра браузера на несколько прямоугольных подобластей, располагающихся рядом друг с другом. В каждую из подобластей можно загрузить отдельный HTML-документ, просмотр которого осуществляется независимо от других. Между фреймами, также как и между отдельными окнами браузера, при необходимости можно организовать взаимодействие, которое заключается в том, что выбор ссылки в одном из фреймов может привести к загрузке нужного документа в другой фрейм или окно браузера.
Возможность работы с фреймами впервые была реализована в браузере Netscape 2.O. Следующая версия браузера Netscape 3.0 обогатила возможности фреймов, добавив несколько дополнительных параметров к основным тэгам описания структуры фреймов. Браузер Microsoft Internet Explorer поддерживает фреймы, начиная с версии 3.0, а также предоставляет уникальную возможность создания плавающих фреймов.
Сферы применения фреймов
Разработчикам HTML-документов предоставляется довольно богатый выбор форм отображения информации на страницах. Текстовая и графическая информация может быть упорядочена и организована при помощи списков, таблиц или просто с помощью параметров выравнивания, задания горизонтальных линий, разделения на абзацы. Иногда этих возможностей оказывается недостаточно и тогда приходится разбивать окно просмотра браузера на отдельные области или фреймы (frames). В ряде русскоязычных описаний языка HTML вместо термина фреймы используется термин кадры. Частота использования обоих терминов примерно одинакова.
Выбор фреймовой структуры отображения информации на WWW оправдан в следующих случаях:
- при необходимости организовать управление загрузкой документов в одну из подобластей окна просмотра браузера при работе в другой подобласти;
- для расположения в определенном месте окна просмотра информации, которая должна постоянно находиться на экране вне зависимости от содержания других подобластей экрана;
- для представления информации, которую удобно расположить в нескольких смежных подобластях окна, каждая из которых может просматриваться независимо.
Приведенный список не исчерпывает все возможные случаи, где можно применить фреймы, а носит рекомендательный характер.
Недостатки фреймов:
· Разработчик должен следить за большим количеством веб-страниц
· Трудно распечатать всю страницу
· Нельзя добавить страницу в закладки
2. Работа с фреймами.
При использовании фреймов потребуется несколько HTML-документов. Одни из них называется установочным. В нем описывается расположение фреймов, но нет текста и графики. Исходные файлы выводятся во фреймы и могут содержать текст и графику.
Исходные HTML-файлы выводятся во фреймы и могут содержать тексты, графику, ссылки и пр. Установочный HTML-файл, как и любой другой, начинается с тэга <HTML> и заканчивается тэгом </HTML>. Для разделения окна на несколько фреймов используются тэги <FRAMESET> и </FRAMESET>. Тэг <FRAMESET> должен быть размещен после тэга </HEAD>, но перед тэгом <BODY>.
Два фрейма можно расположить рядом друг с другом или друг над другом. Для задания способа расположения используется атрибут COLS (если рядом) или ROWS (если друг над другом). Чтобы разделить окно на два фрейма, указывают через запятые два числа. Эти числа определяют размеры фреймов. Для трех фреймов задаются три числа. Если нужно указать, что фрейм занимает все оставшееся место, используется символ звездочка (*). Размеры фреймов измеряются в пикселях или процентах. В последнем случае около числа пишется символ процента (%).
Например, тэг <FRAMESET COLS=" 5 0, * "> задает деление окна на два вертикальных фрейма, первый из которых имеет ширину 50 пикселей, а второй занимает все оставшееся место.
Тэг <FRAMESET ROWS= " 2 0 %, 3 0 %, * "> задает разбиение на три горизонтальных фрейма высотой 20%, 30% и 50%.
Можно использовать одновременно и горизонтальное, и вертикальное разбиение окна на фреймы. Это делается вложением тэгов <FRAMESET> друг в друга, т. е. размещением фреймов внутри фреймов.
После задания расположения фреймов следует указать для каждого из них исходный HTML-файл. Исходные файлы выводятся во фреймах. Для этой цели служит тэг <FRAME>, имеющий множество атрибутов, которые управляют свойствами фреймов. Ниже перечислены эти атрибуты.
1. SRC=" имя файла" NAME=" имя фрейма" - каждый фрейм должен иметь имя, упомянутое в атрибуте NAME, и к нему должен быть привязан HTML-файл, указанный в атрибуте SRC.
2. SCROLLING — определяет, будут ли присутствовать в окне фрейма полосы прокрутки; если требуется прокрутка, то задается аргумент YES, иначе - NO.
3. NORESIZE - запрещает пользователю изменять размеры фреймов; если этот атрибут не применяется, то пользователь не может изменять размеры.
4. BORDER=" ширина полосы" - определяет ширину разделительной полосы между фреймами в пикселях.
5. BORDERCOLOR=" цвет полосы” - определяет цвет разделительной полосы; цвет задается либо шестнадцатеричным кодом, либо именем.
6. MARGINHEIGHT=" высота верхнего отступа" - добавляет пустое поле между верхней границей фрейма и началом текста или графики; измеряется в пикселях.
7. MARGWDTH="ширина боковых отступов" - добавляет пустое поле между боковыми границами фреймов и началом текста или графики; измеряется в пикселях.
8. Фреймы можно растягивать, чтобы запретить делать это посетителям используют атрибут тэга Frame - noresize
При необходимости можно организовать взаимодействие между фреймами. Оно заключается в возможности загрузки документа в выбранный фрейм по командам из другого фрейма. Для этой цели используется атрибут TARGET тэга <A>. Значением его является имя фрейма или окна, в которое будет загружаться документ по ссылке.
Имеется три зарезервированных слова, в качестве значений атрибута TARGET, для выполнения специальных действий:
- blank – обеспечивает загрузку документа в новое окно без имени;
- self – загрузка документа будет произведена в текущий фрейм;
- top – вызывает загрузку документа в полное окно.
Пример:
Для этого сначала укажем имя для каждого из фреймов, например:
<Frame=”content” name=”F1”>
Затем в самом html-коде укажем в ссылках <a href=”content.html” target=”F1”>
Иногда необходимо чтобы один документ открывался во все фреймы одним окном, тогда
<a href=”content.html” target=”_top”>
Поскольку фреймы поддерживаются не всеми браузерами (Internet Explorer поддерживает), то необходимо использовать тэг <NOFRAME> перед тэгом тела <BODY>, а в теле программы, т. е, между тэгами <BODY> и </BODY>, можно вставить сообщение, которое будет появляться в окне, если браузер не поддерживает фреймы. Ниже мы еще рассмотрим применение тэга <NOFRAME>.
Поиск по сайту: