Создание простой страницы с фреймами

Создадим, для лучшего понимания, пару простых страничек с фреймами, чтобы стало понятно, каково строение НТМL-страницы с фреймами и для чего нужны основные тэги и атрибуты.

Построим страницу с двумя фреймами. Зададим слева фрейм оглавления с заголовками статей, а справа поместим страницу с самими статьями. Сделаем так, что когда пользователь щелкает мышкой на ссылке в той части экрана, где находится оглавление, сама статья появляется в правом фрейме. Это основной, наиболее распространенный способ использования фреймов.

Задание фреймовой структуры

Для начала необходимо представить себе общий вид страницы, – где и какого размера будут фреймы. Затем можно подумать об их содержании. Ниже приводится код простой фреймовой структуры с использованием тэга <FRAMESET>. Обратите внимание: страница с фреймовой структурой не содержит тэга <ВОDY>.

Это весь код, необходимый для задания фреймовой структуры. Обратите внимание на тэг <NOFRAMES> (к нему еще вернемся). В результате получается экран, разделенный на два окна. Левое окно занимает 25 процентов экрана и содержит страницу с названием a.html. Окно справа займет 75 процентов и вначале покажет файл b.html. Пока их нет, видна страница с двумя пустыми фреймами. Прежде чем она появится, необходимо пару раз щелкнуть мышкой в ответ на сообщения об ошибках, потому что броузер будет пытаться найти несуществующие страницы. Правую страницу мы назвали <main> (<главная>) с помощью строки:

<FRAME SRC="b.html" NAMЕ="main">

Это означает, что фрейм под именем main будет содержать страницу b.html. Поскольку нет необходимости в показе в левом фрейме никаких страниц, кроме menu.html, его не нужно называть.