KNOWLEDGE HYPERMARKET

Практическая работа № 12: Создание фреймов

Гіпермаркет Знань>>Інформатика>>Інформатика 11 клас>> Інформатика: Структура веб-сайтів, різновиди веб-сайтів

Практична робота до предмету Інформатика 11 клас.

Тема «Практическая работа № 12: Создание фреймов».



Розгляд теми: Структура веб-сайтів, різновиди веб-сайтів


                                                   Практическая работа № 12: «Создание фреймов»

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>


Надіслав викладач інформатики Миловидов Юрій Олегович, университет «КРОК»

Источник — «http://edufuture.biz/index.php?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B0%D1%8F_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0_%E2%84%96_12:_%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5_%D1%84%D1%80%D0%B5%D0%B9%D0%BC%D0%BE%D0%B2»
Предмети > Інформатика > Інформатика 11 клас > Структура веб-сайтів, різновиди веб-сайтів > Структура веб-сайтів, різновиди веб-сайтів. Практикуми, лабораторні, кейси

Авторські права | Privacy Policy |FAQ | Партнери | Контакти | Кейс-уроки

©  Автор системы образования 7W и Гипермаркета Знаний - Владимир Спиваковский

При использовании материалов ресурса
ссылка на edufuture.biz обязательна (для интернет ресурсов - гиперссылка).
edufuture.biz 2008-© Все права защищены.
Сайт edufuture.biz является порталом, в котором не предусмотрены темы политики, наркомании, алкоголизма, курения и других "взрослых" тем.

Разработка - Гипермаркет знаний 2008-

Ждем Ваши замечания и предложения на email:
По вопросам рекламы и спонсорства пишите на email: