Главная страница Карта сайта Написать письмо
JavaScript + DHTML HTML Word Excel VBA Графика Свой сайт Free soft вебмастера SEO-новости Статьи
HTML профессионально
Учебник HTML (хтмл)
...Старт
...Основные тэги
...Заголовки и комментарии
...Специальные символы
...Форматирование текста ч.1
...Форматирование текста ч.2
...Форматирование текста ч.3
...Создание списков
...Работа с графикой ч.1
...Работа с графикой ч.2
...Работа с графикой ч.3
...Работа с графикой ч.4
...Таблицы ч.1
...Таблицы ч.2
...Таблицы ч.3
...Гиперссылки
...Фреймы
...Что такое формы
...Что такое JavaScript
...Маленькие секреты Вэб-дизайна
...Эффект постепенной прорисовки
...Карта ссылок
...Внутренний лист стилей
...Работа с листами стилей
...Свойства шрифта - font
...Свойства текста
...Свойство фона - background
...Рамки и размеры
...Относительное и абсолютное позиционирование элементов
...Основные мета тэги
...Таблица дескрипторов HTML и их атрибутов
...Таблица свойств css
...Заключительное слово
HTML-редакторы
...Что такое HTML-редактор
...FrontPage 2003
...Adobe GoLive CS
...Macromedia Dreamweaver MX 2004
...HomeSite
...CuteSite Builder
...Namo WebEditor
...CoffeeCup HTML Editor
...1stPage 2000
...Arachnophilia
...HotDog Professional
...CSE HTML Validator Pro
 
 

Фреймы документа html

Создание фреймов

Достоинства и недостатки фреймов

Полосы прокрутки фреймов

Изменение границ фреймов

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

Создание фреймов

Frame - рамка, кадр. Фреймы делят пространство окна браузера на независимые разделы, в которых отображается различная информация.

Очень удобно использовать фреймы когда необходимо отображать на экране данные из разных источников. Чтобы сделать фрейм, надо создать новую Вэб-страницу, с тэгами <FRAMESET> <FRAME>.

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

Дескриптор <FRAME> служит для определения структуры и содержимого конкретного фрейма.

Ниже, в качестве примера, приведен код страницы, которую можно посмотреть здесь.

<html>
<head>
<title>Пример работы с фреймами</title>
</head>
<frameset rows="200,*">
<frame name="frame1" src="lsn017.html">
<frame name="frame2" src="lsn016.html">
</frameset>
</html>
Достоинства и недостатки фреймов

Прежде чем принять решение об использовании фреймов на страницах своего сайта давайте рассмотрим их достоинства и недостатки.

Достоинства:

- фреймы одновременно отображают различную информацию в пределах одного окна;

- используя фреймы, можно постоянно отображать какую-нибудь информацию (например логотип), не включая ее в каждую страницу сайта;

- можно гибко построить навигацию по сайту.


Недостатки:

- главное достоинство фреймов (отображение различной информации в пределах одного окна) является их же и недостатком, т.к. доступная область Вэб-страницы существенно сужается;

- при создании фрейма правильно выбрать его размер часто бывает затруднительно. Таким образом, пользователь должен постоянно пролистывать фрейм при помощи полос прокрутки, что может очень быстро надоесть;

- при низком разрешении экрана монитора объем видимой информации значительно уменьшается;

- ну и самый неприятный недостаток - многие поисковые системы и каталоги отказываются регистрировать страницы, использующие фреймы.

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

Полосы прокрутки фреймов

По умолчанию браузер отображает полосы прокрутки только в том случае, если данные не укладываются в размеры фрейма. Присвоив атрибуту SCROLLING значение yes/no, можно предписать браузеру всегда сохранять полосы прокрутки в скрытом состоянии, либо постоянно отображать их. Сокрытие полос прокрутки с одной стороны увеличивает размеры видимой области фрейма. С другой стороны - если данные не помещаются в окно, то они будут недоступны для пользователя.

Изменение границ фреймов

Для запрещения изменения границ фрейма применяется атрибут NORESIZE. Это удобно, если надо запретить пользователю модифицировать исходную компоновку страницы. По умолчанию пользователь может перемещать границы фрейма по своему желанию, задавая новые размеры объекта, чтобы лучше рассмотреть определенный фрагмент данных. Если фреймы лишены видимых границ, это автоматически влечет запрет на изменение их размеров. Атрибут BORDER тэга <FRAMESET> дает возможность изменять толщину линий, обрамляющих фрейм. По умолчанию браузер заключает фрейм в рамку, равной 6 пикселям и окрашивает его в серый цвет. Изменить цвет можно при помощи атрибута BORDERCOLOR. Для сокрытия границ фрейма служит атрибут FRAMEBORDER.

По умолчанию браузер отображает фреймы с полосой чистого пространства (полями) между текстом и границей фрейма равной 10 пикселям.

Атрибут MARGINWIDTH позволяет задавать ширину левого и правого поля.

Атрибут MARGINHEIGHT - высоту верхнего и нижнего поля.

Задавая величины полей, надо использовать оба атрибута, т.к. браузер может автоматически сократить размеры тех полей, которые вы не указали, до наименьшего значения.

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

Для создания плавающих фреймов служит тэг <IFRAME>. Плавающим называется фрейм, представляющий собой часть вэб-страницы и не требующий построения отдельной страницы с описанием фреймов. Атрибут NAME служит для задания имени плавающего фрейма, которое может затем быть использовано в определении гиперссылки с целью открытия в этом фрейме соответствующей страницы.

Атрибутами WIDTH HEIGHT можно задавать размеры плавающего фрейма, т.к. пользователь самостоятельно изменить их не может.

Плавающие фреймы в данное время поддерживаются только Microsoft IE.

Ниже, в качестве примера, приведен код страницы, которую можно посмотреть здесь.

<html>
<head>
<title>Пример работы с фреймами</title>
</head>
<body>
<iframe src="lsn017.html" name="frame1" 
width="350" height="300" align="left"></iframe>
<h1>Пример работы с фреймами</h1>
..
<h1>Пример работы с фреймами</h1>
</body>
</frameset>
</html>

top

Рекомендую
Смотреть все книги»
 
 
 
БОНУС

Спасибо, что заглянули на сайт. Надеюсь, Вам понравилось. Заходите еще. Здесь всегда рады вам :)
При копировании материалов, размещенных на сайте, ссылка на первоисточник обязательна.

© 2008
Айнур Турушев All Rights Reserved

 

E-mail:
sozdaysait@narod.ru

Хостинг от uCoz