5.1. Создание фреймов

5.1. Создание фреймов

Чтобы HTML-страница содержала фреймы, а экран был разделен на области, необходимо заменить пару тегов <BODY>..</BODY> в коде HTML-страницы парой тегов <FRAMESET>…</FRAMESET>. Необходимо также указать хотя бы один из атрибутов cols или rows. С помощью этих атрибутов задают размеры фреймов и количество строк и столбцов в разбиении страницы. Атрибут cols определяет количество строк, а атрибут rows – количество столбцов. Области, полученные в результате разбиения, и будут являться фреймами. Отсутствие этих атрибутов определяет один фрейм величиной во все окно браузера. В значении атрибутов необходимо указывать не количество строк или столбцов, а значение ширины каждого фрейма через запятую, если рассматривать атрибут cols (например, cols = «13,31,34»). Атрибут rows определяет высоту каждого фрейма соответственно. Размеры фреймов могут задаваться как в абсолютных, так и в относительных величинах.

• Простое числовое значение определяет фиксированную высоту или ширину фрейма в пикселах (например, cols = "20, 100, 20" rows = "30, 100"). Это далеко не самый лучший способ описания размеров фрейма, поскольку различные браузеры имеют различный размер рабочего поля, не говоря уже о различных экранных разрешениях у пользователя. Если вы все же используете данный способ описания размера, то настоятельно рекомендуется сочетать его с каким-либо другим, чтобы в результате вы точно получили стопроцентное заполнение окна браузера пользователя.

• Значение величины фрейма, заданное в процентах от 1 до 100 (например, cols = "20 %, 50 %, 3 0 %" rows = "30 %, 70 %"). Если общая сумма процентов, описывающих фрейм, превышает 100, то размеры всех фреймов пропорционально уменьшаются до суммы 100 %. Если, соответственно, сумма меньше 100, то размеры пропорционально увеличиваются.

• В значении указывается число со звездочкой (например, 5*). Однако числовое значение в данном описании является необязательным. Символ * указывает на то, что все оставшееся место будет принадлежать данному фрейму. Если указывается два или более фрейма с описанием * (например, cols = "*, *, *"), то оставшееся пространство делится поровну между этими фреймами. Если перед звездочкой стоит цифра, то она указывает пропорцию для данного фрейма (во сколько раз он будет больше аналогично описанного просто звездочкой). Например, описание rows = "2*,*,*" говорит, что будет создано три фрейма с размерами 2/3 свободного пространства для первого фрейма и по 1/3 для двух других.

Чтобы в каждой из областей отображалась информация, необходимо использовать элемент FRAME, обязательный атрибут src которого укажет адрес документа, отображаемого внутри фрейма. Если адрес отсутствует, то будет отображен пустой фрейм. Рассмотрим создание фреймов на примере, описанном в листинге 5.1.

Листинг 5.1. Пример создания фреймов

<html>

<head>

<title>Эта страница содержит 4 фрейма</title>

</head>

<frameset cols="45%,*"rows="30%,*">

<frame src=frame1.HTML>

<frame src=frame2.HTML>

<frame src=frame3.HTML>

<frame src=frame4.HTML>

</frameset>

</html>

На рис. 5.1 изображено, как будет отображаться HTML-документ, описанный в листинге 5.1. Страница содержит четыре области соответствующих пропорций, в каждую из которых первоначально загружаются HTML-документы Frame 1. html, Frame2.html, Frame3.html и Frame4.html.

Рис. 5.1. Пример страницы, содержащей четыре фрейма

Помимо HTML-документов, фрейм может содержать и изображение. Для этого необходимо указать адрес соответствующей картинки в атрибуте src, например src="pic. gif". Обратите внимание, что элемент FRAME используется без закрывающего тега.

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

Создание

Из книги Советы по Delphi. Версия 1.0.6 автора Озеров Валентин


Создание

Из книги Adobe InDesign CS3 автора Завгородний Владимир


Настройки фреймов

Из книги Фреймы для представления знаний автора Мински Марвин

Настройки фреймов После помещения изображения во фрейм мы можем работать отдельно с фреймом и отдельно с его содержимым – картинкой. Инструмент Direct Selection (Выделение напрямую), которым мы пользовались для того, чтобы «достать» до отдельных объектов группы, и здесь придет


Настройки текстовых фреймов

Из книги Интернет – легко и просто! автора Александров Егор

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


1.10. Образы и системы фреймов

Из книги Как раскрутить и разрекламировать Web-сайт в сети Интернет автора Загуменов Александр Петрович

1.10. Образы и системы фреймов «Каждый человек охотно согласится с тем, что между двумя видами ощущений — непосредственными, когда человек, например, страдает от сильной жары или ему приятно разливающееся по всему телу тепло, и ощущениями, воскрешаемыми в памяти или


1.12. Системы фреймов и конкретные мыслительные операции Пиаже

Из книги HTML, XHTML и CSS на 100% автора Квинт Игорь

1.12. Системы фреймов и конкретные мыслительные операции Пиаже «Каковы в действительности условия, необходимые для формирования формального мышления? Ребенок должен в уме не только оперировать с предметами, иными словами, мысленно выполнять возможные над ним действия,


3.7. Резюме. Использование фреймов в эвристическом поиске

Из книги автора

3.7. Резюме. Использование фреймов в эвристическом поиске За последние десять лет широкое распространение получила идея о том, что важны все аспекты представления информации с помощью «пространства задачи»; однако мысль о том, что описания могут быть полезны и для самих


5.2. Глобальная система пространственных фреймов

Из книги автора

5.2. Глобальная система пространственных фреймов Мне не очень нравится предлагаемая ниже модель, но для систем ИИ раньше или позже нечто подобное непременно потребуется разработать. Глобальный пространственный фрейм (GSF) представляет собой постоянный набор «типичных


Глава 3 Способ формализации фреймов

Из книги автора

Глава 3 Способ формализации фреймов Одни из множества возможных способов формализации фрейма-сценария предполагает представление его в виде сети следующей иерархической структуры (рис.П2). Узел самого верхнего уровня сети (на рисунке ему соответствует кружок,


3.1. Примеры формализованного представления фреймов-сценариев

Из книги автора

3.1. Примеры формализованного представления фреймов-сценариев Приведенный выше фрейм-сценарий ресторана легко можно изобразить в виде такой графовой структуры И/ИЛИ (рис.П4). Номера сцен и действий сценария присвоены вершинам графа, представляющим соответствующие


Создание

Из книги автора

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


Использование фреймов

Из книги автора

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


5.1. Создание фреймов

Из книги автора

5.1. Создание фреймов Чтобы HTML-страница содержала фреймы, а экран был разделен на области, необходимо заменить пару тегов <BODY>..</BODY> в коде HTML-страницы парой тегов <FRAMESET>…</FRAMESET>. Необходимо также указать хотя бы один из атрибутов cols или rows. С помощью этих


5.4. Ссылки внутри фреймов

Из книги автора

5.4. Ссылки внутри фреймов В большинстве случаев при переходе по ссылке в окне браузера текущий документ заменяется новым. При использовании фреймов схема загрузки документов отличается от стандартной. Главное отличие – возможность загружать документ в выбранный фрейм


5.5. Изменение размеров фреймов

Из книги автора

5.5. Изменение размеров фреймов По умолчанию размеры фреймов можно изменять с помощью указателя мыши. Необходимо просто навести указатель на границу между фреймами и, зажав левую кнопку мыши, переместить границу влево или вправо, вверх или вниз (рис. 5.7). Рис. 5.7. Изменение


5.8. Достоинства и недостатки фреймов

Из книги автора

5.8. Достоинства и недостатки фреймов Поскольку вокруг фреймов существует много разговоров об их необходимости, рассмотрим их достоинства и недостатки, чтобы можно было самостоятельно решить, стоит ли использовать их на своем сайте.Достоинства фреймов следующие.•