ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 06.04.2021
Просмотров: 263
Скачиваний: 1
26
Тег
<NOFRAMES>
.
Возможность
работы
с
фреймами
не
была
преду
-
смотрена
спецификацией
HTML
вплоть
до
версии
3.2.
И
это
несмотря
на
то
,
что
многие
браузеры
данную
технологию
все
же
поддерживали
.
С
при
-
нятием
HTML 4.0
была
введена
поддержка
фреймовых
структур
,
а
Кон
-
сорциум
W3C
стал
рекомендовать
использование
тега
-
контейнера
<NOFRAMES> (
закрывающий
тег
обязателен
),
предоставляющего
инфор
-
мацию
пользователям
браузеров
,
не
поддерживающих
фреймовую
струк
-
туру
.
<NOFRAMES>
Этот
документ
содержит
фреймы
.
</NOFRAMES>
Текст
,
заключенный
между
двумя
тегами
<NOFRAMES>
,
будет
показан
владельцам
таких
браузеров
,
а
современные
браузеры
просто
проигнори
-
руют
эту
информацию
.
К
дополнительным
параметрам
фреймовых
структур
можно
отнести
параметры
,
которые
поддерживаются
не
всеми
браузерами
.
Это
параметры
BORDER
(
толщина
границы
между
фреймами
),
FRAMEBORDER
(
наличие
границы
между
фреймами
),
BORDERCOLOR
(
цвет
границы
фрейма
)
и
FRAMESPACING
(
отступ
между
соседними
фреймами
).
Отметим
,
что
фреймовая
структура
может
быть
разветвленной
,
то
есть
включать
более
одного
уровня
(
листинг
2.1).
Листинг
2.1.
Пример
разветвленной
фреймовой
структуры
<HTML>
<HEAD>
<TITLE>
Пример
разветвленной
фреймовой
структуры
</TITLE>
</HEAD>
<FRAMESET COLS="30%, 70%" FRAMEBORDER="0"
FRAMESPACING="0" BORDER="0">
<FRAME NAME="left" SRC="left.html" SCROLLING="yes"
NORESIZE
MARGINWIDTH="10" MARGINHEIGHT="10">
<FRAMESET ROWS="*, 2*
"
FRAMEBORDER="0"
FRAMESPACING="0" BORDER="0">
<FRAME NAME="top" SRC="top.html">
<FRAME NAME="bottom" SRC="bottom.html">
</FRAMESET>
<NOFRAMES>
Ваш
браузер
не
поддерживает
фреймы
.
</NOFRAMES>
</HTML>
27
2.5.
ВЗАИМОДЕЙСТВИЕ
МЕЖДУ
ФРЕЙМАМИ
Взаимодействие
между
отдельными
фреймами
происходит
посред
-
ством
загрузки
документа
по
соответствующей
ссылке
в
установленное
окно
.
Реализуется
это
действие
с
помощью
параметра
TARGET
тега
<
А
>
.
По
умолчанию
вызванный
по
гиперссылке
документ
будет
загру
-
жаться
в
текущий
фрейм
.
Но
чаще
всего
нужно
сделать
так
,
чтобы
страни
-
ца
появлялась
в
соседнем
окне
.
Существуют
специальные
зарезервирован
-
ные
имена
действий
,
по
которым
происходит
загрузка
документов
на
сай
-
тах
с
фреймовой
структурой
: "
_blank
", "
_self
",
"_parent
"
и
"
_top
".
Действие
<
А
HREF="filel.html" TARGET="_blank">
осуществляет
загрузку
документа
в
новое
окно
без
имени
,
определяемого
параметром
NAME
тега
<FRAME>
,
поэтому
этот
вариант
исключает
изме
-
нение
содержимого
созданного
окна
.
Действие
<
А
HREF="fiIe2.html" TARGET="_self">
открывает
документ
в
текущем
окне
.
Действие
<
А
HREF="file3.html" TARGET="_parent">
производит
загрузку
документа
в
область
,
занимаемую
родительским
фреймом
текущего
фрейма
.
Действие
<
А
HREF="fiie4.html" TARGET="_top">
вызывает
загрузку
документа
в
полном
окне
.
В
данном
случае
не
был
задействован
параметр
NAME
в
теге
описа
-
ния
текущего
фрейма
<FRAME>.
Рассмотрим
несколько
примеров
по
взаимодействию
между
фрейма
-
ми
и
открытию
отдельных
окон
браузера
c
помощью
параметра
TARGE
T.
Создадим
файл
со
следующей
фреймовой
структурой
:
<FRAMESET ROWS="2*, *">
<FRAME NAME="menu" SRC="menu.html" NORESIZE
FRAMEBORDER="1">
<FRAMESET COLS="50%, 50%">
<FRAME NAME="left" SRC="left.html">
<FRAME NAME="right" SRC="right.html">
</FRAMESET>
Верхний
фрейм
будет
содержать
перечень
гиперссылок
,
а
два
нижних
фрейма
предназначены
для
открытия
в
них
содержимого
конкретной
ссылки
.
Документ
"
menu.html
" (
листинг
2.2)
содержит
шесть
гиперссы
-
лок
на
один
и
тот
же
файл
– "
text.html
".
28
Листинг
2.2.
Файл
верхнего
фрейма
«menu.html»
<HTML>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#FF0000"
ALINK="#00FF00" VLINK="blue">
<
НЗ
>
Ссылки
верхнего
фрейма
</
НЗ
><HR>
<FONT FACE="Tahoma" SIZE="2">
<UL TYPE="square">
<LI><A HREF="text.html" TARGET="left">
Ф
a
йл
с
текстом
в
левом
нижнем
фрейме
</
А
>
<LI><A HREF="text.html"
ТА
RG
ЕТ
="right^">
Файл
с
тек
-
стом
в
правом
нижнем
фрейме
</
А
>
<LI><A HREF="text.html"
ТА
RG
ЕТ
="menu">
Файл
с
текстом
в
верхнем
фрейме
</
А
>
<LI><A HREF="text.html"
ТА
RG
ЕТ
="_top">
Файл
с
текстом
в
полном
окне
</
А
>
<LI><A HREF="text.html"
ТА
RG
ЕТ
="_blank">
Файл
с
тек
-
стом
в
новом
окне
</
А
>
<LI><A HREF="text.html" TARGET="_s
е
lf">
Файл
с
текстом
в
текущем
фрейме
</
А
>
</UL>
</FONT></BODY></HTML>
Первая
ссылка
откроется
в
левом
нижнем
фрейме
по
причине
указа
-
ния
конструкции
TARGET="left"
("
left
"
в
данном
случае
–
это
внут
-
реннее
имя
данного
фрейма
).
Вторая
ссылка
откроется
в
правом
нижнем
фрейме
(
указано
внут
-
реннее
имя
фрейма
"
right
") .
Третья
ссылка
будет
открыта
в
этом
же
окне
,
т
.
к
. "
menu
" –
это
имя
текущего
фрейма
,
из
которого
открываются
гиперссылки
.
Четвертая
ссылка
откроется
в
полном
окне
браузера
(
конструкция
"_top"
).
Пятая
ссылка
будет
открыта
в
отдельном
новом
окне
поверх
фрей
-
мовой
структуры
(
действие
"_blank"
).
Наконец
,
последняя
ссылка
откроется
в
текущем
фрейме
(
аналогич
-
но
действию
TARGET="menu"
).
В
заключение
следует
упомянуть
,
что
помимо
обычных
фреймов
существуют
плавающие
фреймы
,
которые
поддерживаются
только
некото
-
рыми
браузерами
.
Суть
плавающих
фреймов
заключается
в
возможности
встраивать
обыкновенные
фреймы
(
с
указанием
источника
),
являющиеся
в
сущности
HTML-
документами
,
в
другие
электронные
документы
.
Плавающие
фреймы
описываются
тегом
-
контейнером
<IFRAME>
и
могут
иметь
параметры
,
присущие
обыкновенным
фреймам
.
29
3.
ПРАКТИЧЕСКИЕ
ЗАНЯТИЯ
И
ЗАДАНИЯ
ДЛЯ
ЛАБОРАТОРНЫХ
РАБОТ
В
данном
разделе
перечислены
темы
практических
занятий
,
проводи
-
мых
в
рамках
курса
«Web-
дизайн
»,
относящиеся
к
темам
,
рассмотренным
в
данном
учебном
издании
.
Занятие
8.
Использование
графики
в
HTML-
документах
:
•
вставка
графики
в
HTML-
документ
;
•
масштабирование
изображений
;
•
карты
-
изображения
.
Задание
.
Создать
фотоальбом
или
каталог
продукции
формы
с
исполь
-
зованием
масштабирования
изображений
и
карт
-
изображений
.
Занятие
9.
HTML-
документы
на
основе
фреймов
:
•
правила
описания
фреймов
;
•
взаимодействие
между
фреймами
.
Задание
.
Разработать
каталог
продукции
фирмы
с
использованием
фреймов
.
Каталог
должен
включать
в
себя
описание
товара
,
изображение
товара
,
меню
на
основе
отдельного
фрейма
.
30
СПИСОК
ЛИТЕРАТУРЫ
1.
Миронов
Д
.
А
.
Создание
Web-
страниц
в
MS Office 2000 /
Д
.
А
.
Миронов
. –
СПб
. :
БХВ
-
Петербург
, 2002. – 320
с
.
2.
Калиновский
А
.
И
.
Юзабилити
:
как
сделать
сайт
удобным
/
А
.
И
.
Калиновский
. –
Минск
:
Новое
знание
, 2005. – 220
с
.
3.
Круг
С
.
Веб
-
дизайн
:
книга
Стива
Круга
или
«
не
заставляйте
меня
думать
!» /
С
.
Круг
. –
СПб
. :
Символ
-
Плюс
, 2005. – 200
с
.
4.
Кэмпбел
М
.
Строим
web-
сайты
/
М
.
Кэмпбел
. –
М
. :
ТРИУМФ
,
2006. – 480
с
.
5.
Петюшкин
А
.
В
. HTML.
Экспресс
-
курс
/
А
.
В
.
Петюшкин
. –
СПб
. :
БХВ
-
Петербург
, 2003. – 256
с
.
6.
Шапошников
И
.
С
. Web-
сайт
своими
руками
/
И
.
С
.
Шапошников
. –
СПб
. :
БХВ
-
Петербург
, 2001. – 224
с
.
7.
Шапошников
И
.
С
.
Самоучитель
HTML 4 /
И
.
С
.
Шапошников
. –
СПб
. :
БХВ
-
Петербург
, 2000. – 288
с
.