Фреймы
- Подробности
- Опубликовано 30.09.2012 15:28
В главе Связь между веб-страницами вкратце употреблялся такой термин как фрейм. В переводе с английского на русский язык фрейм (frame) - это рамка, оправа. Определение фрейма будет звучать примерно так: фрейм - это область окна браузера, которая предствляет собой отдельный html-документ. Короче говоря, с помощью фреймов окно браузера можно разделить на несколько частей, каждая из которых будет отдельным html-документом. С какой-то стороны использование фреймов очень удобно, например создать оглавление/содержание в отдельной части браузера, а текст, размещённый в главах, разделах сайта в другой части, чтобы каждый раз не включать оглавление в новую веб-страницу. Однако фрейм-документ является специфическим html-документом и не содержит элемента .
Создаются фреймовые структуры следующим образом:
- Создаётся страница, в которой указывается количество фреймов, их размер, атрибуты для кадого фрейма и имя каждого фрейма;
- Для каждого фрейма создаётся отдельная веб-страница, которая затем будет отображена на странице, описывающей все фреймы.
Вот, в принципе, и всё. Осталось только узнать как реализовать данную схему.
А вот реализуется данная схема следующим образом:
- Создаём главную страницу, описывающую фреймовый документ (без элемента !!!).
Пример фреймовой структуры (примеры html)
- Тег задаёт количество рядов (rows) или столбцов (cols). Можно задавать в пикселях (просто написать цифры
- Теги задают параметры для каждого фрейма в отдельности. С помощью атрибута SRC задаётся имя веб-страницы, которая будет открыта в окне фрейма. Команда NAME задаёт имя текущего фрейма (не является обязательной, но очень нужной). Атрибут noresize обозначает, что пользователь не может изменять размер фрейма, перемещая левой кнопкой мыши его границу. Также могут быть атрибуты: marginwidth="value", где value - число в пикселях (1 или больше, меньше нельзя, число натуральное), данный атрибут показывает величину разделительной полосы между фреймами сбоку; marginheight="value", где value - число в пикселях (1 или больше, меньше нельзя, число натуральное), работает также как и marginwidth, только разделительные полосы находятся сверху и снизу; scrolling="yes|no|auto", задаёт полосы прокрутки у фрейма, если scrolling="yes", полосы прокрутки присутствуют, если no, то отсутствуют (если документ не влезает в браузер и задано значение scrolling="no", он будет просто обрезан), если scrolling="auto", браузер автоматически определяет нужна прокрутка или нет, отсутствие атрибута scrolling идентично записи scrolling="auto".
- Всё, что находится между тегами <![CDATA[...]]> выводится на экран тех браузеров, которые не поддерживают фреймовые структуры, то есть, если у пользователя такой браузер, он (пользователь) увидит на экране монитора только то, что находится между этими тегами.
- Создаём страницы для вывода во фреймовых окнах. Это будут новые веб-страницы. Для вывода в левом фрейме сделаем отдельную страничку, а для вывода в правом фрейме возьмём примеры различных html-документов, созданных ранее. Вот он, тест для левого фрейма:
Содержание
Содержание
Пример 1
Пример 2
Пример 3
Пример 4
Пример 5
Пример 6
Пример 7
Пример 8
Пример 9
Надпись target="main" обозначает то, что при нажатии на ссылку, каждый из примеров будет открываться во фрейме с именем main (этот фрейм мы задали на странице, которая описывает фреймовый документ. После всей проделанной работы мы увидим результат, перейдя по этой ссылке.
следующая>>