Фреймы

Лабораторные работы
docx
25.05.2020

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Добавить материал

Фреймы.docx

Лабораторная работа.

Тема: Фреймы.

Цель работы:

Научиться разделить экран Обозревателя на части, тем самым сделать страницы привлекательными.

С помощью фреймов Вы можете разделить экран Обозревателя на части. В результате человек, просматривающий страницу, может изучать одну часть страницы независимо от остальной части.

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

Создадим, для лучшего понимания, пару простых страничек с фреймами, чтобы стало понятно, каково строение НТМL-страницы с фреймами и для чего нужны основные тэги и атрибуты:


<HTML>
<HEAD>
<TITLE>Фреймы</TITLE>
</HEAD>

<NOFRAMES>
Установите себе Обозреватель, который поддерживает фреймы!
</NOFRAMES>

</HTML>

В результате мы получим экран, разделенный на два окна. Левое окно занимает 20 процентов экрана и содержит страницу с названием menu.html. Окно справа займет 75 процентов и отобразит файл base.html. Пока у нас их нет, то при запуске index.htm Вы увидите только страницу с двумя пустыми фреймами. Заметьте, что правую страницу мы назвали bases (это важно). К тому же, как Вы успели заметить, наш файл index.html не имеет тела <BODY>. Фреймовая структура находится между открывающим тэгом <FRAMESET> и закрывающим </FRAMESET>.

Теперь приступим к созданию меню - menu.html:


<HTML>
<HEAD>
<!-Здесь мы определяем базовый элемент: присваиваем методу target значение bases. А это означает, что ссылки, находящиеся в этом документе должны открываться в окне, которое имеет имя bases. Данное окно расположено у нас в правой части фрейма.-->
<base target="bases">
<TITLE>Меню</TITLE>
</HEAD>
<BODY>

<H5 ALIGN="left">Наше меню:</H5>
<a href="base.htm">Главная</a><p>
<a href="http://lenininc.narod.ru/">LENIN INC</a><br>
<a href="http://www.listsoft.ru/">ListSoft</a><br>
<a href="http://www.msdn.microsoft.com/">Microsoft MSDN</a>

</BODY>
</HTML>

Нам осталось создать файл base.html, который может содержать любой текст, например:


<HTML>
<HEAD>
<TITLE>Главная страница</TITLE>
</HEAD>
<BODY>

<H1 ALIGN="CENTER">Новости сайта:</H1>
Ничего нового...

</BODY>
</HTML>

А вот и результат нашей работы:

Файл menu.htm--> <HTML> <HEAD> <!-Здесь мы определяем базовый элемент: присваиваем методу target значение bases

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

Посмотрите также