2. Самостоятельная работа

Задание. Создайте следующую таблицу:

Сетка игр Чемпионата мира

Чемпионат мира
Германия	Германия	Бразилия	Бразилия
Франция
Россия	Бразилия
Бразилия
Голландия	Англия	Италия
Англия
Испания	Италия
Италия

Лабораторная работа № 6 Фреймы и формы

Цель: освоить теги html, синтаксис языка

Результат обучения: Студент должен научиться применять и создавать фреймы и формы в web-страницах

Фреймы используются для разбивки окна браузера на несколько областей, каждая из которых представляет собой отдельный HTML-документ (фрейм). Данный способ применяется в основном для дробления страницы на логические разделы: рекламный баннер, элементы навигации, контент для облегчения навигации по сайту, создания навигационного меню. При этом нажатие на любую из навигационных кнопок приводит к изменению содержимого лишь одного окна, все остальные фреймы остаются без изменений.

При использовании фреймов раздел <BODY> заменяется на раздел <FRAMESET>. Все остальные документы, отображаемые в отдельных фреймах, имеют стандартное представление.

В общем виде синтаксис записи директивы <FRAMESET> выглядит следующим образом:

<FRAMESET ROWS= «значение» COLS= «значение» FRAMEBORDER= «значение» FRAMESPACING=«значение»>

<FRAME NAME= «имя» TARGET=«значение» SCROLLING=”yes, no или auto” SRC=”url” FRAMEBORDER=«значение» NORESIZE>

<NOFRAMES>

<BODY>

Текст, отображаемый в броузерах, не поддерживающих фреймы.

</BODY>

</NOFRAMES>

</FRAMESET>

Элементы для создания фреймов и работы с ними:

FRAMESET	Определяет фреймовую (оконную) структуру документа: размеры и расположение фреймов на странице
FRAME	Определяет каждый отдельный фрейм и его свойства внутри FRAMESET-структуры
NOFRAMES	Определяет что показывать, если браузер не поддерживает фреймы

Примечание: Внимательно следите, чтобы все вышеперечисленные элементы находились вне элемента BODY

Атрибуты команды <FRAMESET>:

FRAMEBORDER – определяет, надо ли отображать на экране пользователя границы фреймов. Может принимать одно из двух значений: 1 – если разделители нужны; 0 – если разделители невидимы.

FRAMESPACING – указывает на толщину разделителей в пикселах.

ROWS – определяет количество горизонтальных отрезков во фреймовом наборе

COLS - определяет количество вертикальных отрезков во фреймовом наборе.

Параметры атрибутов ROWS и COLS можно задавать различными способами: в пикселах, процентах и в относительных длинах. Если атрибут ROWS в теге <FRAMESET> не указан, то каждый столбец будет занимать всю длину страницы. Если не указан атрибут COLS, то каждая строка растянется на всю видимую ширину экрана. Параметры фреймов задаются слева направо для горизонтальных элементов и сверху вниз для вертикальных.

Например, запись

<FRAMESET COLS= «50%, 50%» - разделит страницу вертикально на две равные части.

А запись:

<FRAMESET ROWS= «250, 10%, *» - задаст горизонтальное разделение страницы на три участка: первый – с фиксированной высотой 250 пикселов, второй – высотой в 10% от оставшегося пространства, третий же займет все пространство, которое останется свободным после создания первых двух окон.

Например, для разделения страницы на сетку 2х3 ячейки, можно использовать следующие значения атрибутов:

<FRAMESET ROWS= «40%, 60%» COLS= «33%, 34%, *»>

Атрибуты команды <FRAME>:

NAME – задается уникальное имя для данного конкретного фрейма.

TARGET – содержит информацию о целевом фрейме (рекомендуется использовать значение по умолчанию – «contents».

SCROLLING – определяет наличие (yes), отсутствие (no) или отображение по мере необходимости (auto) полос прокрутки в текущем фрейме.

SRC – указывается адрес открываемой в данном фрейме страницы.

NORESIZE – устанавливает запрет на изменение пользователем размеров окна фрейма.

MARGINWIDTH – определяет размер в пикселах пустого пространства, оставляемого во фрейме в качестве левого и правого полей.

МARGINHEIGHT – задает верхний и нижний отступы.

Представление гиперссылок для страниц, использующих фреймы, также требует определенной модификации, а именно – обязательного использования атрибута TARGET:

<A HREF=”URL” TARGET=”_значение>Текст или элемент IMG </A>

Допустимые значения атрибута TARGET для применения тега </A> во фреймовых наборах следующие:

_self – документ, с которым установлена гиперсвязь, открывается в текущем фрейме;

_parent – отображение осуществляется в родительском окне фреймов, независимо от того,

какие параметры указаны в директиве <FRAMESET>;

_top – при активизации гиперссылки фреймы перестают отображаться, а содержимое

целевого документа выводится в отдельном окне.

Если вместо значения атрибута TARGET подставить имя фрейма, заданное Вами ранее в качестве параметра атрибута NAME тега <FRAME>, при активизации ссылки целевой документ загружается в окне с указанным именем.