Главная или честный способ заработка в сети Зачем мне это? Всё начинается с идеи

Фреймы

В главе cвязь между веб-страницами вкратце употреблялся такой термин как фрейм. В переводе с английского на русский язык фрейм (frame) - это рамка, оправа. Определение фрейма будет звучать примерно так: фрейм - это область окна браузера, которая представляет собой отдельный html-документ. Короче говоря, с помощью фреймов окно браузера можно разделить на несколько частей, каждая из которых будет отдельным html-документом. С какой-то стороны использование фреймов очень удобно, например создать оглавление/содержание в отдельной части браузера, а текст, размещённый в главах, разделах сайта в другой части, чтобы каждый раз не включать оглавление в новую веб-страницу. Однако фрейм-документ является специфическим html-документом и не содержит элемента <body>.

Создаются фреймовые структуры следующим образом:

  1. Создаётся страница, в которой указывается количество фреймов, их размер, атрибуты для каждого фрейма и имя каждого фрейма;
  2. Для каждого фрейма создаётся отдельная веб-страница, которая затем будет отображена на странице, описывающей все фреймы.

Вот, в принципе, и всё. Осталось только узнать как реализовать данную схему. А делается это следующим образом:

  1. Создаём главную страницу, описывающую фреймовый документ (без элемента <body>!!!)

    <html>
     <head>
      <title>Пример фреймовой структуры (примеры html)</title>
     </head>
     <frameset cols="15%, 85%" border="5">
      <frame SRC="content.html" noresize>
      <frame SRC="simple.html" name="main">
      <NOFRAMES>
    Твой браузер не поддерживает фреймы, поэтому ты видишь эту надпись.
      </NOFRAMES>
     </frameset>
    </html>

    • Тег <frameset> задаёт количество рядов (rows) или столбцов (cols). Можно задавать в пикселях (просто написать цифры <frameset cols="70, *">, звёздочка будет обозначать всё оставшееся пространство) или в процентах, как выше и написано. Атрибут border описывает толщину разделительной линии между фреймами, не является обязательным атрибутом, его можно и не использовать.
    • Теги <frame> задают параметры для каждого фрейма в отдельности. С помощью атрибута 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".
    • Всё, что находится между тегами <NOFRAMES>...</NOFRAMES> выводится на экран тех браузеров, которые не поддерживают фреймовые структуры (думаю, таких уже не осталось), то есть, если у пользователя такой браузер, он (пользователь) увидит на экране монитора только то, что находится между этими тегами.
  2. Создаём страницы для вывода во фреймовых окнах. Это будут новые веб-страницы. Для вывода в левом фрейме сделаем отдельную страничку, а для вывода в правом фрейме возьмём примеры различных html-документов, созданных ранее. Вот он, тест для левого фрейма:

    <html>
     <head>
      <title>Содержание</title>
     </head>
     <body link="black" vlink="black">
      <H3>Содержание</H3>
      <A HREF="simple.html" target="main">Пример 1</A><br>
      <A HREF="second.html" target="main">Пример 2</A><br>
      <A HREF="verse.html" target="main">Пример 3</A><br>
      <A HREF="lines.html" target="main">Пример 4</A><br>
      <A HREF="no_number.html" target="main">Пример 5</A><br>
      <A HREF="number.html" target="main">Пример 6</A><br>
      <A HREF="def.html" target="main">Пример 7</A><br>
      <A HREF="defcom.html" target="main">Пример 8</A><br>
      <A HREF="nested.html" target="main">Пример 9</A><br>
     </body>
    </html>

Надпись target="main" обозначает то, что при нажатии на ссылку, каждый из примеров будет открываться во фрейме с именем main (этот фрейм мы задали на странице, которая описывает фреймовый документ. После всей проделанной работы мы увидим результат, перейдя по этой ссылке.


<<Предыдущая | Оглавление | Следующая>>