2020-05-21
143
Цель работы: изучение создания и использования фреймов для оформления Web-страниц.
Методические указания
Создание фреймов
Фреймы - это еще один способ создания уникального интерфейса Web-сервера. Разделив страницу на части, каждая из которых обновляется отдельно, можно создавать для них различные элементы интерфейса. Чтобы получить страницу, содержащую фреймы, нужно сначала создать несколько документов (рис. 20): те, которые будут помещаться в фреймы и документ, определяющий общую структуру страницы.
Для создания структурного документа используется контейнер FRAMESET. Пара тегов <FRAMESET> </FRAMESET> полностью заменяет в структурном документе пару <BODY> </BODY>. В теге <FRAMESET> используются два атрибута: ROWS - страница будет разделена по горизонтали; COLS - страница будет разделена по вертикали. Для этих атрибутов используется следующий формат:
< FRAMESET ROWS="числа, проценты,* ">;
< FRAMESET COLS="числа, проценты,* ">.
Это означает, что необходимо выбрать значения в пикселях, процентах или просто *. Пример: создаются два горизонтальных фрейма - один имеет длину 50 пиксель, а другой - всю остальную часть страницы:
< FRAMESET ROWS="50,* ">.
В следующем примере создается страница, разделенная на два столбца, где левый занимает 25% экрана, а правый - остальные 75%:
< FRAMESET COLS="25%, 75%">.
В отдельном теге <FRAMESET> может использоваться только один из атрибутов - ROWS или COLS. Это означает, что фреймовая структура может состоять или только из строк, или только из столбцов. Чтобы создать строки внутри столбцов или наоборот, необходимы вложенные теги <FRAMESET>. Например:
< FRAMESET COLS="25%, 75%">
< FRAMESET ROWS="50%, 50%">
< /FRAMESET>
< FRAMESET ROWS="10%, 90%">
< /FRAMESET>
< /FRAMESET>.
Сначала страница была разделена на два столбца (левый - 25%, правый - 75%). Затем первый столбец был разделен на две строки по 50% пространства столбца. Второй столбец был разделен на две строки (первая - 10%, вторая - 90%).
Как загружать в фреймы целые страницы
С помощью тега <FRAME>, помещенного в контейнер FRAMESET, можно определить, что именно должно отображаться в конкретном фрейме. С его помощью можно указать URL или имя, связанное с конкретным фреймом. Для этого используется следующий формат:
< FRAMESET COLS/ROWS="числа">
< FRAME SRC="URL">
.............................
< /FRAMESET>.
Атрибут SRC используется для указания URL страницы, которая должна быть загружена в фрейм. При использовании в теге <IMG> атрибуту SRC может быть присвоен относительный либо абсолютный URL. Можно использовать абсолютные или относительные URL адреса по своему усмотрению. Каждый тег <FRAME> создает отдельное окно фрейма. Эти окна соответствуют определениям строк или столбцов в теге <FRAMESET>, но на экране никакие разделительные линии не появятся до тех пор, пока каждое окно не будет определено с помощью тега <FRAME>.
Настройка фреймов
Атрибуты MARGINWIDTH и MARGINHEIGHT используются для определения правого/левого и верхнего/нижнего полей текста и графики внутри фрейма соответственно (рис. 20). Оба эти атрибута принимают числовые значения в пикселях. В следующем коде между содержимым файла text.html и границами фрейма определяется поле шириной 5 пиксель:
< FRAME SRC="text.html" MARGINMARGINHEIGHT=5>.
Атрибут SCROLLING может принимать значения yes, no, auto. Он позволяет определить, присутствуют ли в окне фрейма полосы прокрутки. По умолчанию принимается значение auto.
Атрибут NORESIZE не принимает никаких значений, он используется для того, чтобы не позволить пользователю изменить размеры окна фрейма. Пример использования атрибутов SCROLlING и NORESIZE:
< FRAME SRC="text.html" SCROLLING="no" NORSIZE>.
Рис. 20
