Чтобы браузер показал одновременно несколько документов, надо создать специальный фрейм-документ, в котором необходимо указать сколько документов откроется в окне браузера, сколько места будет занимать каждый, каким образом они будут располагаться.
Фреим – область гипертекстового документа со своими полосами прокрутки.
Для создания страниц с фреймами необходимо обязательное построение двух групп HTML-файлов.
o к первой группе относятся документы содержания (content), которые обеспечивают заполнение информацией каждой области страницы.
o ко второй группе относят документы-раскладки (layout), которые применяются для разделения Web-страницы на области.
Разделение Web-страницы на области (фреймы) определенных типов осуществляется в документах-раскладках с помощью тэгов <Frameset></frameset> и внутреннего тэга <Frame>.
В тэге <Framese > за горизонтальное деление экрана отвечает атрибут rows, а за вертикальное деление — атрибут cols. Значение этих атрибутов выражается в пикселях, процентах или с помощью * для обозначения оставшейся части экрана.
Например:
cols = 40%, 60% — деление области просмотра по вертикали в отношении два к трем;
rows = 100, 40%, * — верхняя горизонтальная область имеет размер 100 пикселей, 40% доступного пространства под среднюю область, а все остальное — под нижнюю.
Внутри тэга <Frameset> </frameset> устанавливается тэг <Frame>, который предназначен для организации ссылок на документы содержания. I'
Тэг <Frame> имеет собственные атрибуты:
< src = "имя файаа-Ыт"— для вызова документа содержания;
scrolling = "yes" — обеспечивает прокрутку внутри области;
scrolling = "по"—запрещает прокрутку внутри области;
scrolling = "Auto"— разрешает построение полос прокрутки при необходимости.
Тэг < Noframes ></noframes > применяется для ситуации, когда браузер не поддерживает фреймы.
Проанализируйте решение приведенной ниже задачи.
Разместите на Web-странице пять областей (фреймов), сопроводив центральный фрейм вертикальной полосой прокрутки, как показано ниже:
Верхняя часть страницы
Левый фрейм
Центральный
фрейм
Правый фрейм
Для выполнения данного задания сначала необходимо описать пять отдельных документов содержания для каждой из областей (фреймов).
13. Хоумер А. Уилмен К. Dynamic HTML: – справочник. – СПб.: Питер Ком, 1999
14. Шарф Д. HTML 3.2: справочник – СПб: Питер, 1998
15. Мулен Р. HTML 4: справочник программиста – СПб.: Питер Ком, 1998
Приложение2 Краткая справка тэгов
Тэг
Назначение
<html>и </html>
начало/конец документа
<head>и</head>
пара тэгов указывает на начало и конец служебной области документа
<title>и</title>
все, что находится между тэгами <title> и </title>, толкуется браузером как название документа (появляется в строке заголовка окна браузера)
<body>и </body>
пара меток указывает на начало и конец тела (основной области) HTML-документа
<H1>и </H1> — <H6>и </H6>
заголовки от первого до шестого уровня
<P>и</P>
начало/конец абзаца
<BR>
конец строки
<HR>
горизонтальная линия
<B>и</B>
полужирный шрифт
<I>и</I>
наклонный текст (курсив)
<TT>и</TT>
шрифт пишущей машинки
<U>и</U>
подчеркнутый шрифт
<SUP>и</SUP>
верхний индекс
<SUB>и </SUB>
нижний индекс
<BIG>и</BIG>
увеличить размер шрифта
<SMALL>и</SMALL>
уменьшить размер шрифта
<PRE>и</PRE>
предварительно отформатированный текст, выводится браузером на экран как есть
<BLOCKQUOTE>и</BLOCKQUOTE>
текст, заключенный между тэгами, выводится браузером на экран с увеличенным левым полем.
<FONT>и</FONT>
тэг для определения типа, размера и цвета шрифта
Атрибут COLOR тэга <FONT>
цвет шрифта для фрагмента текста
<BDO>и</BDO>
изменение направления текста.
<MARQUEE>и</ MARQUEE>
текст представляется в виде бегущей строки
<UL>и</UL>
маркированный список
<OL>и</OL>
нумерованный список
<DL>и</DL>
список определений
<A HREF="[адрес перехода]"> выделенный фрагмент текста </A>
переход от одного фрагмента текста к другому
<IMG SRC="[имя файла]">
вставка графического изображения
<TABLE>и</TABLE>
создание таблицы
Атрибут BORDERтэга <TABLE>
Выделение каждой ячейки и таблицы в целом рамкой; задание ширины рамки в пикселях
<CAPTION>и</CAPTION>
задает имя (заголовок) таблицы
<CAPTION ALIGN=TOP>
заголовок помещается над таблицей
<CAPTION ALIGN=BOTTOM>
заголовок помещается под таблицей
<TR>и</TR>
строка таблицы
<TD>и </TD>
ячейка таблицы
Атрибут ALIGNтэга <TR>,
может принимать значение LEFT, RIGHT, CENTER
горизонтальное выравнивание соответственно в строках или ячейках по левому краю, по правому краю, посередине
Атрибут WIDTH тэга <TABLE> или <TD>
ширина таблицы или ячейки в процентах от ширины экрана (таблицы) или в пикселях
Атрибут CELLSPACING тэга <TABLE>
ширина рамки вокруг каждой ячейки в пикселях
Атрибут CELLPADDING тэга <TABLE>
устанавливает величину пустых полей между содержимым ячейки и ее рамкой в пикселях
Атрибут VALIGNтэга <TD>
вертикальное выравнивание текста в ячейках строки
АтрибутCOLSPAN тэга <TD>
объединение нескольких соседних ячеек по горизонтали
Атрибут ROWSPANтэга <TD>
объединение нескольких соседних ячеек по вертикали
<FORM>и/FORM>
создание формы
<INPUT TYPE=submit>
создание кнопки отправки
<INPUT TYPE= text>
создание текстового поля
<INPUT TYPE= password>
создание поля ввода пароля
<INPUT TYPE= radio>
создание переключателей
<INPUT TYPE= checkbox>
создание флажков
<INPUT TYPE= hidden>
создает скрытый элемент данных, который не виден пользователю при заполнении формы и передается обработчику без изменений.
<INPUT TYPE= reset>
определяет кнопку, при нажатии на которую форма возвращается в исходное состояние
<Frameset> и </Frameset>
задание фреймов
Атрибуты ROWSи COLS тэга <Frameset>
Определение раскладки фреймов в окне браузера и размера каждого фрейма в пикселах или процентах от размера окна
Язык HTML (Hyper Text Markup Language) — это язык разметки гипертекста. Разметка заключается в том, что в обычный текст добавляются специальные команды HTML, описывающие, как должен выглядеть данный текст. Гипертекст – это расширенный текст, содержащий дополнительные элементы. Главный из них – это гипертекстовая ссылка (гиперссылка), щелчок на которой позволяет перейти к другому документу или к другому фрагменту того же документа. Вставляемые объекты (рисунки, видеоролики и т.д.) также рассматриваются как элементы гипертекста. HTML-документ – это файл с расширением htm или html.
В документе HTML обычный текст сочетается с элементами разметки, заключенными в угловые скобки < и >, например <html>, <head>, <title>, </title>. Такие элементы разметки называются тэгами (tags).
Тэги могут быть парными и непарными. Любой тэг начинается с левой угловой скобки <, после которой следует имя тэга, и правой угловой скобки >, например <html>. Парный тэг состоит из открывающего (стартового) тэга и закрывающего, у которого перед именем отображается символ "/" (слэш), например </html>. Кроме этого, большинство тэгов могут иметь необязательные атрибуты, значение которых задается "по умолчанию" или явно.Атрибут тэга состоит из имени, знака равенства и значения, которое задается строкой символов. Значения атрибутов обычно заключаются в кавычки. Однако если эти значения используют только символы латинского алфавита, цифры и дефисы, то кавычки можно опустить. Может случиться так, что браузер не понимает данный тэг; в этом случае он его пропускает, но сообщение об ошибке не выдается.
В языке HTML не делают различия между большими и малыми буквами, так, что тэги <HEAD>, <head> и <Head> эквивалентны.
