Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 39 стр.

UptoLike

вый фрейм содержит оглавление документов, которые могут быть просмотрены пользователем. Правый фрейм, занимающий
большую часть окна просмотра, предназначен для отображения самих документов. При первоначальной загрузке эти два
фрейма делят окно браузера по горизонтали в соотношении 15 % на 85 %. Это соотношение может изменяться пользовате-
лем при просмотре, что позволяет выбрать оптимальные размеры фреймов с учетом содержимого загруженных документов.
Каждый из этих фреймов имеет свою полосу прокрутки, обеспечивающую возможность просмотра всего содержимого
фрейма вне зависимости от размера самого фрейма, всего окна браузера и используемых шрифтов. При выборе любой ссыл-
ки в левом фрейме соответствующий документ будет загружен в правый фрейм. Такая структура позволяет одновременно
видеть на экране и оглавление документов, и содержимое выбранного документа.
Данный пример показывает наиболее типичное использование фреймовых структур, когда один фрейм служит оглавле-
нием документов, а другой используется для загрузки их содержимого. Решение такой задачи без применения фреймов
обычно выполняется следующим образом. На одной из страниц располагают оглавление, состоящее из ссылок на другие до-
кументы или их отдельные фрагменты. При переходе по такой ссылке оглавление исчезает, а на его место загружается нуж-
ный документ, после прочтения которого обычно необходимо вновь вернуться к оглавлению. При использовании фреймов
такой возврат становится ненужным, так как оглавление постоянно располагается на части экрана.
Фреймы очень похожи на таблицыи те и другие осуществляют разбиение окна просмотра браузера на прямоугольные
области, в которых располагается некоторая информация. Однако при помощи фреймов можно решить не только задачу
форматирования страниц документа, но организовать взаимодействие между ними. Принципиальная разница между фрей-
мами и таблицами состоит в том, что каждому фрейму должен соответствовать отдельный HTML-документ, а содержимое
всех ячеек таблицы всегда является частью одного документа.
Если требуется только отформатировать документ, то для этого достаточно ограничиться применением таблиц. Если же
необходимо решить более сложные задачи, например, организовать взаимодействие между подобластями окна или создать
подобласти, постоянно расположенные на экране, то здесь удобно применить фреймы.
В конечном итоге, выбор структуры документатабличной или фреймовойзависит от многих факторов и не может
быть однозначно предопределен.
Перейдем теперь к рассмотрению правил записи тегов, используемых для документов с фреймовыми структурами.
Для создания фреймов необходимо иметь те страницы, которые будут загружаться в отдель-
ные фрагменты окна. Кроме этого, необходимо дополнительно создать файл, определяющий
структуру документа. НТМL-файлы, содержащие набор фреймов, существенно отличаются от обычных HTML-
файлов. В частности, они не должны содержать тег <BODY> . Их основная часть определяется тегом <FRAMESET>. Все,
что заключено между ним и его закрывающим тегом </FRAMESET>, является набором фреймов. Так как для страниц с фрей-
мами не применяется раздел BODY, то нет возможности задать фоновое изображение и цвет фона для всей страницы в целом.
Однако это не мешает в каждый фрейм загружать документы, имеющие свои параметры фона. Внутри тега <FRAMESET>
мо-
гут содержаться только теги <FRAME> и вложенные теги <FRAMESET>.
Тег <FRAMESET> имеет два атрибута: rows (строки) и cols (столбцы) и записывается в следующем виде:
<FRAMESET rows="список значений" cols="список значений">.
Можно определить значения для rows или cols, или обоих вместе. Необходимо определить, по меньшей мере, два зна-
чения хотя бы одного из этих параметров. Если другой параметр опущен, то его значение принимается равным 100 %.
Список значений параметров rows и cols тега <FRAMESET> представляет собой разделенный запятыми список значе-
ний, которые могут задаваться в пикселях, в процентах или в относительных единицах. Число строк или столбцов определя-
ется числом значений в соответствующем списке. Например, запись <FRAMESET rows="100,240,140"> определяет набор
трех фреймов. Эти значения представляют собой абсолютные значения в пикселях. Другими словами, первый фрейм (первая
строка) имеет высоту 100 пикселей, второй – 240 и последний – 140 пикселей.
Задание значений размеров фреймов в пикселях не очень удобно. Здесь не учитывается тот факт, что браузеры запус-
каются в различных операционных системах и с различными разрешениями дисплеев. В то же время можно определить аб-
солютные значения размеров для некоторых случаев, например, для отображения небольшого изображения с известными
размерами. Лучшим вариантом будет задание значений в процентах или в относительных единицах, например:
<FRAMESET rows="25%,50%,25%">.
В этом примере создаются три фрейма, размещаемые как строки во всю ширину экрана. Верхняя строка займет 25 % от
доступной высоты экрана, средняя строка – 50 и нижняя – 25 %. Если сумма заданных процентов не равна 100 %, то значе-
ния будут пропорционально отмасштабированы, чтобы в итоге получилось ровно 100 %.
Значения в относительных единицах выглядят следующим образом:
<FRAMESET cols="*,2*,3*">.
Звездочка (*) используется для пропорционального деления пространства. Каждая звездочка представляет собой одну
часть целого. Складывая все значения чисел, стоящих у звездочек (если число опущено, то подразумевается единица), полу-
чим знаменатель дроби. В этом примере первый столбец займет 1/6 часть от общей ширины окна, второй столбец – 2/6 (или
1/3), а последний – 3/6 (или 1/2).
Числовое значение без каких-либо символов определяет абсолютное число пикселей для строки или колонки. Значение
со знаком процента (%) определяет долю от общей ширины (для cols) или высоты (для rows) от окна просмотра, а значение
со звездочкой (*) задает пропорциональное распределение оставшегося пространства.
Приведем пример, использующий все три варианта задания значений:
<FRAMESET cols="100,25%,*,2*">.
В этом примере первый столбец будет иметь ширину 100 пикселей. Второй столбец займет 25 % от всей ширины окна
просмотра, третий столбец – 1/3 оставшегося пространства и, наконец, последний столбец – 2/3. Абсолютные значения ре-
комендуется назначать первыми по порядку слева направо. За ними следуют процентные значения от общего размера про-
странства. В заключение записываются значения, определяющие пропорциональное разбиение оставшегося пространства.