 |
|
|
Интернет клуб
Новая страница
Описание html
HTML-язык WWW
HTML документ
Заголовки
Списки
Параграфы
Символы
Цвет
Спецсимволы
Комментарии
Таблицы
Гиперссылки
Кадры
Спецэффекты
Формы
Поддиректории
Команды МЕТА
Листы стилей
Javascript
Java в примерах
Полезные сайты
Задайте вопрос
|
|
|
|
Web-учебник. Раздел 2. Описание html
Кадры
Вы можете разделить экран на несколько независимых оконных кадров,
каждый из которых отображает отдельный HTML документ .
На экране кадры представляют собой прямоугольники.
В HTML используются следующие команды работы с кадрами:
<FRAMESET>,
</FRAMESET>
- определяют состав и размеры кадров на экране,
<FRAME>,
</FRAME>
- определяют HTML файл для
каждого кадра,
<NOFRAMES>,
</NOFRAMES>
- для сообщений "браузеру",
не обрабатывающему кадры.
Сначала рассмотрим простейший ПРИМЕР 1.
Пусть требуется разделить экран на 2 части:
- Левый кадр, отображающий файл F1.HTML, занимает 30% экрана,
- Правый кадр, отображающий файл F2.HTML, занимает 70% экрана.
-----------------------------------------------
| | |
| | |
| F1.HTML | F2.HTML |
| | |
| | |
-----------------------------------------------
Тогда в головном файле домашней страницы следует записать:
<HTML>
<HEAD>
<TITLE>
Frames Example 2
</TITLE>
</HEAD>
<FRAMESET COLS=
"30%,
*"
>
<FRAME SRC="
F1.HTML
">
<FRAME SRC="
F2.HTML
">
</FRAMESET>
<HTML>
Рассмотрим более сложный ПРИМЕР 2.
-----------------------------------------------
| | |
| | F3.HTML |
| F1.HTML | |
| |-------------------------|
| | |
|--------------------| F4.HTML |
| | |
| |-------------------------|
| F2.HTML | |
| | F5.HTML |
| | |
-----------------------------------------------
Нумерация кадров - слева направо и сверху вниз.
В головном файле домашней страницы запишите:
<HTML>
<HEAD>
<TITLE>
Frames Example 1
</TITLE>
</HEAD>
<FRAMESET COLS=
"30%,
*">
<FRAMESET ROWS="50%,
*">
<FRAME SRC="
F1.HTML">
<FRAME SRC="
F2.HTML
">
</FRAMESET>
<FRAMESET ROWS=
"33%,
33%,
*">
<FRAME SRC="
F3.HTML">
<FRAME SRC="
F4.HTML">
<FRAME SRC="
F5.HTML">
</FRAMESET>
</FRAMESET>
</HTML>
2. Формат команды FRAMESET.
Команда делит целое окно (или часть окна, определенное предыдущей
командой
FRAMESET
) на несколько вертикальных (параметр
COLS
) или горизонтальных (параметр
ROWS
) кадров.
Каждый из этих кадров может определять HTML - файл, отображаемый
в ней (с помощью команды
FRAME
) или, соответственно, делиться дальше по тем же правилам со вложенной командой FRAMESET
(см. Пример 2).
По концу определения кадров, задаваемых командой
FRAMESET
, не забудьте записать команду
/FRAMESET
, иначе они могут быть построены неправильно.
2.1. Формат параметров COLS и ROWS.
Эти параметры позволяют определить размеры и количество
построенных вертикально (параметр
COLS
) или горизонтально (параметр
ROWS
) кадров.
Аттрибуты параметров задаются в одной из 3 форм:
- абсолютный размер в пикселях,
- заданный процент в общей длине или ширине,
- остаток после задания предыдущих кадров.
Рассмотрим распределение экранного пространства на примерах.
Если записать:
<FRAMESET ROWS="
150,
300,
150">
то "браузер" при просмотре выделит первому кадру
150
пикселей, второму -
300
пикселей, третьему -
150
пикселей.
Но высота экрана может быть не
500
пикселей.
Тогда браузер пропорционально увеличит или уменьшит размеры
всех кадров.
Поэтому лучше записать:
<FRAMESET ROWS="
25%,
50%,
25%
">
Результат тот же, но запись соответствует фактическому
распределению и легче избежать ошибок при дальнейшей корректировке размеров окон.
Если же сумма процентов не равна
100
, то "браузер" автоматически увеличит или уменьшит размеры
кадров в соответствии с размером экрана.
В начале данного размера приводились примеры с использованием
символа "*". Этот символ означает
выделение кадру оставшейся площади.
Например, команда:
<FRAMESET ROWS="
100,
*">
создает 2 кадра: верхний составляет 100 пикселей в высоту,
нижний - оставшееся пространство.
Команда:
<FRAMESET ROWS="
100,
*,
100
">
создает 3 кадра:
- верхний составляет 100 пикселей в высоту,
- нижний - 100 пикселей в высоту,
- средний - оставшееся пространство в центре.
Команда:
<FRAMESET ROWS="
*,
200,
*
">
создает 3 кадра:
- средний - 100 пикселей в высоту,
- верхний и нижний - равного размера .
Команда:
<FRAMESET ROWS="
100,
2*,
*,
3*
">
создает 4 кадра:
- верхний составляет
100
пикселей в высоту,
- оставшаяся площадь делится на
6
равных по высоте частей:
- второму сверху кадру выделяется
2
части,
- третьему сверху кадру выделяется
1
часть,
- четвертому сверху кадру выделяется
3
части.
3. Формат команды FRAME.
Данная команда существует только внутри блока
FRAMESET - /FRAMESET.
Ее назначение - определение функций конкретного кадра.
Команда /FRAME практически не используется т.к. ее функции исполняют команды /FRAMESET
и следующая FRAME.
Параметр SRC задает имя
HTML - файла, отображаемого в данном кадре.
Параметр NAME применяется для
создания имени кадра. Тогда другой кадр может
ссылаться на данный для отображения в ней своего гипертекста.
Изменим ПРИМЕР 1 так, чтобы правый кадр получил имя "WIEW_WINDOW".
<HTML>
<HEAD>
<TITLE>Frames Example 1
</TITLE>
</HEAD>
<FRAMESET COLS="30%,
*">
<FRAME SRC="F1.HTML">
<FRAME SRC="F2.HTML
" NAME="WIEW_WINDOW">
</FRAMESET>
<HTML>
HTML - файл F1.HTML для левого кадра построим следующим образом:
Таблица ссылок
<UL>
<LI>A HREF="TEXT1.HTML
" TARGET="WIEW_WINDOW
">ТЕКСТ1</A>
<LI>A HREF="TEXT2.HTM
" TARGET="WIEW_WINDOW
">ТЕКСТ2</A>
<LI>A HREF="TEXT3.HTML
" TARGET="WIEW_WINDOW
">ТЕКСТ3</A>
</UL>
Теперь, если в левом кадре выбрать любую ссылку по гипертексту, то
соответствующий файл TEXTi.HTML
отобразится в правом кадре.
Этот очень распространенный прием можно видеть во многих домашних
страницах. Его преимущество в том, что на экране можно одновременно
видеть и вызывающий, и вызываемый HTML - файлы и для просмотра
следующего файла гипертекста достаточно нажать на соответвующую
кнопку вызывающего файла.
Файл F1.HTML можно построить и следующим образом:
<BASE TARGET="
WIEW_WINDOW">
.....
Таблица ссылок
<UL>
<LI>A HREF="TEXT1.HTML
">ТЕКСТ1</A>
<LI>A HREF="TEXT2.HTML
">ТЕКСТ2</A>
<LI>A HREF="TEXT3.HTML
">ТЕКСТ3</A>
</UL>
Параметр TARGET команды
BASE задает кадр, выделяемый по
умолчанию для отображения гипертекста.
Параметр NORESIZE применяется для того, чтобы пользователь не смог
изменить размеры данного кадра на экране.
Линейки прокрутки задаются с помощью параметра SCROLLING.
Здесь действуют следующие правила:
- Если параметр SCROLLING не
задан, то линейки прокрутки создаются автоматически тогда и
только тогда, когда размер отображаемого текста
превышает размер кадра (это относится как к размеру по вертикали,
так и по горизонтали.
- Если задано SCROLLING="YES",
то линейки прокрутки создаются всегда.
- Если задано SCROLLING="NO", то линейки прокрутки не создаются.
- Если задано SCROLLING="AUTO", то система работает так же, как
если параметр SCROLLING не задан.
Толщина граничной линии между кадрами может задаваться в пикселях
с помощью параметров MARGINHEIGHT и
MARGINWIDTH, если разработчика
не устраивают значения, заданные по умолчанию.
3.1. Специальные значения параметра TARGET.
В современных "браузерах" зарезервировано 4 специальных значения
параметра TARGET:
а) _blank - "браузер" всегда задает это значение для нового,
неименованного окна.
б) _self - задается по умолчанию для всех кадров, в операторе
FRAME которых нет параметра TARGET.
Все вызываемые по гиперссылке документы загружаются и отображаются
в том же кадре, что и вызывающий их документ.
Значение _self в явном виде не применяется до тех пор, пока мы
не вводим команду BASE с параметром TARGET - тогда, возможно,
понадобится отменить это общее назначение для какого-либо конкретного
кадра.
в) _parent - вызываемый по гиперссылке файл загружается в кадр
или окно, которое является родительским по отношению к вызывающему.
Другими словами, вызываемый файл будет расположен в том же окне,
что и его "дедушка".
г) _top - вызываемый по гиперссылке файл загружается в окно,
содержащее ссылку, и перекрывает все кадры данного окна.
4. Формат команды NOFRAME.
Данная команда предназначена для "браузеров", не обрабатывающих кадры.
В "браузере", обрабатывающем кадры, вся информация, содержащаяся
между командами NOFRAME и /NOFRAME, игнорируется.
В "браузере", не обрабатывающем кадры, эта информация обрабатывается.
Обычно разработчики домашних страниц, использующие кадры, встаавляют
в тело команды NOFRAME сообщение о том, что данный "браузер"
не обрабатывает кадры и сообщает рекомендации, например, перейти
на Netscape 2.0 и выше.
Пример 3.
<HTML>
<HEAD>
<TITLE>EXAMPLE</TITLE>
</HEAD>
<FRAMESET COLS="125,*">
<FRAME SRC="F-LEFT.HTML">
<FRAME SRC="F-RIGTH.HTML">
</FRAMESET>
<NOFRAME>
<BODY>
ВНИМАНИЕ! Для данного документа требуется "браузер",
обрабатывающий кадры, например, Netscape 2.0 и выше.
Ваш "браузер" этим свойством не обладает.
Для просмотра левого файла нажмите
ЛЕВЫЙ ФАЙЛ.
Для просмотра правого файла нажмите
ПРАВЫЙ ФАЙЛ.
</BODY>
</NOFRAME>
</HTML>
|
|
|
|
 |
|
Интернет