LEKS_17 (Лекция№17), страница 2

Здесь следует сделать важное замечание. Созданные Вами страницы будут просматривать разные пользователи, у которых мониторы имеют разноe разрешение. Использование абсолютных величин может привести к нежелательным эффектам — страница, которая отлично смотрится с разрешением 1024х768, может выглядеть совсем по-другому в разрешении 800х600. Поэтому следует придерживаться простого правила: задавать размер одной из рамок символом «*».

Во всех рассмотренных примерах использовались рамки в виде колонок. Естественно, что мы можем использовать и горизонтальные ряды. Обратите внимание, когда создавался файл demo.htm, Вы использовали флаг . Измените базовый файл с четырьмя рамками указанным ниже образом, используя флаг . Сохраните его как файл demo3.htm.

<Т1ТLЕ>Демонстрация фреймов 3

Что еще можно делать с рамками?

Например, можно задать соотношение между ними.

Создайте файл demo4.htm:

<Т1ТLЕ>Демонстрация фреймов 4

Откройте файл в программе просмотра :

Разберемся, как задан размер трех рамок в данном примере:

Самая левая рамка имеет горизонтальный размер 100 пикселей, вторая должна занимать всю оставшуюся часть главной страницы, а третья (самая правая) — в два раза больше второй.

Теперь разделите третью рамку пополам. Текст на языке HTML в Вашем файле demo5.htm должен выглядеть следующим образом:

<Т1ТLЕ>Демонстрация фреймов 5

На экране компьютера Вы увидите, что рамка С разделена на две части

Рамки — мощное и удобное средство, но не следует злоупотреблять ими. Не располагайте на экране более трех рамок и старайтесь не применять их без надобности.

Вернемся к примеру с двумя рамками, каждая из которых занимает ровно половину области главной страницы (файл baza.htm):

<Т1ТLЕ>Демонстрация фреймов

<FRAME SRC="a.htm"><FRAME SRC="b.htm">

„Найдите какую-нибудь небольшую картинку в формате .gif или .jpg. Измените значение второгo флага FRAME так, чтобы он указывал не на страницу, а на графическое изображение:

<Т1ТLЕ>Демонстрация фреймов 6

:="fly.gif">

Вы можете сделать страницу более элегантной, если укажете, что размер рамки, содержащей графическое изображение, равен размеру изображения, а вторая рамка покрывает оставшуюся часть главного окна.

Отобразите это в файле demo7.htm так:

<Т1ТLЕ>Демонстрация фреймов 7

-

Если мы зададим размер рамки-фрейма, содержащей графическое изображение, меньшим, чем раз мер изображения, то увидим появление полос прокрутки (файл demo8.htm):

<Т1ТLЕ>ДемонстраЦия фреймов 8

FRAMESET COLS="*, 85%">

На экране Вы увидите стрелочки, появившиеся внизу левой рамки

Введя атрибут SCROLLING в соответствующий флаг < FRAME >, можно управлять появлением на экране полос прокрутки. Возможные значения атрибута SCROLLING

SCROLLING = YES — у рамки всегда будут полосы прокрутки, независимо от того, нужны ли они или нет.

SCROLLING=NO—у рамки не будет полос прокрутки, независимо от того, нужны ли они или нет.

SCROLLING = AUTO — у рамки будут полосы прокрутки только в случае необходимости.

Проведем эксперимент с полосами прокрутки

Создадим файл demo9.htm

neMOHCTpauuH фреймов 9

SCROLLING=NO>|

Обратите внимание на то, что на экране на левой рамке, где размещено графическое изображение, ис­чезла полоса прокрутки. Теперь мы не можем просмотреть изображение полностью.

Давайте посмотрим, как выровнять графическое изображение по левой границе рамки. Как видно из предыдущего рисунка, графическое изображение не-много смещено вправо от границы рамки. Выровнять его можно с помощью атрибутов MARGINWIDTH и MARGINHEIGHT. Эти атрибуты управляют отступом изображения внутри рамки Создайте файл demolO.htm. и установите минимальные значения каждого атрибута:

демонстрация фреймов 10

MARGINWIDTH=1 MARGINHEIGHT=1>

На экране Вы увидите, что графическое изображение выровнялось:

Связь между рамками

Вернемся к часто используемому нами примеру с двумя рамками (baza.htm). Измените содержимое файла a.htm, добавив ссылку на другой файл (c.htm):

Демонстрация фреймов (ссылка)

A link to c.htm

Если Вы загрузите базовый пример с двумя рамками и активизируете ссылку, то получите содержимое страницы С, отображенное внутри рамки А. А как отобразить содержимое страницы С внутри рамки В? Внимательно изучите пример:

<Т1ТLЕ>Демонстрация фреймов

Добавление имени не отражается на его внешнем виде — это лишь внутреннее изменение. Но Вы можете использовать это имя в качестве параметра атрибута target флага :

;<Т1ТLЕ>Демонстрация фреймов

c.htm

Посмотрев на этот пример в программе просмо тра, Вы обнаружите, что содержимое страницы С отображается теперь внутри фрейма В.