Сделай Сам Свою Работу на 5

Структура фреймсодержащих документов





Фреймы - это фрагменты окна браузера, в каждый из которых может загружаться отдельный HTML-документ.


Благодаря фреймам создается возможность одновременного просмотра нескольких документов.
Посмотрим пример фреймсодержащего документа. Открыв его источник через панель инструментов браузера, мы увидим HTML-код, определяющий структуру документа:

 

<frameset cols="30%,*"> <frame name="first" src="ExFrame1.html"> <frame name="second" src="ExFrame2.html"> </frameset>

 

Здесь first и second - имена фреймов, ExFrame1.html и ExFrame2.html - имена документов, загружаемых во фреймы. Атрибут cols означает, что фреймы являются вертикальными (иначе мы использовали бы атрибут rows), согласно присвоенному нами значению: 30%,* левый фрейм будет занимать 30% ширины окна браузера, а остальная часть окна будет занята правым фреймом.

Атрибуты тэга <frame>

src Адрес документа, загружаемого в данный фрейм.
name Имя фрейма (используется для обращения к фрейму из операторов JavaScript).
scrolling Указывает на наличие (yes) или отсутствие (no) линеек прокрутки; значение auto указывает на то, что линейки прокрутки появятся автоматически, если в этом возникнет необходимость.
frameborder Указывает на наличие (yes) или отсутствие (no) границы между фреймами.


Обратите внимание на то, что web-сайт кафедры экономической кибернетики Казанского университета (http://kek.ksu.ru) также имеет фреймсодержащую структуру.



Чтобы посмотреть код документов, загружаемых во фреймы, нужно, находясь в соответствующем фрейме, правой кнопкой мыши открыть меню, из которого выбрать "Просмотр в виде HTML" ("View source").

Нередко фреймы используют для того, чтобы в одном из них размещать некоторую постоянную часть, например, навигационное меню. При этом гиперссылки, расположенные в одном фрейме, вызывают смену документов в другом. Это достигается с помощью атрибута target тэга <a...> (англ.: target- цель, мишень), значением которого является имя фрейма, в который загружается открываемый по гиперссылке документ.

 

Задание: Создайте фреймсодержащий документ, в одном из фреймов которого находится меню - гиперссылки этого меню должны открывать разные документы во втором фрейме.

 



Пример 2. Создадим документ из двух горизонтальных фреймов одинакового размера. В верхний загрузим документ "osysteme.html", в нижний - "saits.html". Код документа должен выглядеть следующим образом:
<html> <head> </head> <frameset rows="50%,*"> <frame name="verh" src="osysteme.html" scrolling="auto" frameborder="yes"> <frame name="nisznij" src="saits.html" scrolling="auto" frameborder="yes"> </frameset> </html>


Посмотрим результат.

Для создания сложных фреймсодержащих документов используются вложенные контейнеры <frameset>...</frameset> или же во фреймы загружаются документы, которые, в свою очередь, также являются фреймсодержащими.

Средствами языка JavaScriptможно изменять содержимое фреймов, отменять или назначать фреймы, а также динамически ("на лету") создавать документы, загружаемые во фреймы. Но об этом позднее...

Плавающие фреймы

Плавающие фреймы - это фрагменты окна браузера, занимающие произвольное положение на экране. Плавающий фрейм создается с помощью контейнера <iframe>...</iframe>.

 

Рассмотрим код плавающего фрейма:
<iframe ID='okno' src="osysteme.html" scrolling='yes' frameborder="yes" width='300' height='250'>

Фрейм оказался как бы "врезанным" в документ.

Здесь:
ID-идентификатор фрейма (он играет ту же роль, чо атрибут name),
src-адрес документа, загружаемого во фрейм,
width, height-размеры фрейма в пикселах.

 

Динамическое создание плавающего фрейма

Документ, загружаемый в плавающий фрейм, можно формировать динамически. Для этого следует присвоить некоторой переменной строку, содержащую HTML-код. ¶ В этом случае в качестве значения атрибута src следует указать:



"javascript:имя переменной, содержащей HTML-код".

 

Например, рассмотрим код:
<script> var s="<html><body><h1>ПРИВЕТ!</h1>"; s+="<img src='Pictures/w1.gif' align='middle' alt='паучок'>"; s+="</body></html>"; </script> ... <iframe ID='pauk' src="javascript:parent.s" scrolling='no' align='center' valign='middle' frameborder="yes" width='190' height='190'> </iframe>


переменная s-строка, содержащая HTML-код загружаемого во фрейм документа. Поскольку по отношению к фрейму она является внешней ("родительской"), к ней следует обращаться с помощью префикса parent.

 

Плавающие фреймы использованы, например, в документах: События, Фильтры, Бегающие строки.

Бегущие строки

 

Тэг <marquee>

Слово "marquee" буквально означает "шатер", "палатка". В качестве компьютерного термина оно используется для обозначения некоторого выделенного фрагмента документа или изображения. В языке HTML этот тэг позволяет не просто выделить область web-страницы, но и заставить ее "бегать" по экрану.

Бегущие строки создаются с помощью контейнера:

<marquee>содержимое бегущей строки</marquee>


"Заставить бегать" не только текст, но и любые фрагменты HTML-документов, например:

Атрибуты бегущей строки

Тэг <marquee>... </marquee> имеет множество атрибутов, задающих стиль строки и характер движения.

Некоторые атрибуты используются и в других тэгах, их названия говорят сами за себя. Это, например, атрибуты:

· width - ширина области;

· hight - высота области;

· bgcolor - цвет фона.

Другие атрибуты специфичны для бегущих строк.

Атрибут behaviour

Атрибут behaviour (т.е. "поведение") отвечает за способ "пробега" строки.

 

Атрибут direction

Атрибут direction (т.е. "направление") определяет направление движения строки.

 

Атрибут loop

Атрибут loop ("цикл,петля") задает число пробегов строки. Если этот атрибут не указан или имеет значение "-1", то строка будет "бегать" бесконечно.

Атрибут scrolldelay

Атрибут scrolldelay (т.е. "запаздывание пробега") определяет время между прорисовками строки (в миллисекундах). По умолчанию этот атрибут имеет значение 85.

 








Не нашли, что искали? Воспользуйтесь поиском по сайту:



©2015 - 2024 stydopedia.ru Все материалы защищены законодательством РФ.