Тег | htmlbook.ru

Internet Explorer Chrome Opera Safari Firefox Android iOS
3.0+ 1.0+ 4.0+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Тег <frame> определяет свойства отдельного
фрейма, на которые делится окно браузера. Этот элемент должен располагаться
в контейнере <frameset>, который к тому же задает
способ разметки страницы на отдельные области. В каждую из таких областей загружается
самостоятельная веб-страница определяемая с помощью атрибута src.
Хотя обязательных атрибутов у тега <frame> и
нет, рекомендуется задавать каждому фрейму его имя через атрибут name.
Это особенно важно, если требуется по ссылке из одного фрейма загружать документ
в другой.

Синтаксис

<frameset>
  <frame>
</frameset>

Атрибуты

bordercolor
Цвет линии границы.
frameborder
Отображать рамку вокруг фрейма или нет.
name
Задает уникальное имя фрейма.
noresize
Определяет, можно изменять размер фрейма пользователю или нет.
scrolling
Способ отображения полосы прокрутки во фрейме.
src
Путь к файлу, предназначенному для загрузки во фрейме.

Закрывающий тег

Не требуется.

Пример

HTML 4.01IECrOpSaFx

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
  "http://www.w3.org/TR/html4/frameset.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег FRAME</title>
 </head>

 <frameset rows="80,*" cols="*">
   <frame src="top.html" name="topFrame" scrolling="no" noresize>
   <frameset cols="80,*">
     <frame src="left.html" name="leftFrame" scrolling="no" noresize>
     <frame src="main.html" name="mainFrame">
   </frameset>
 </frameset>

</html>

htmlbook.ru

Фрейм (HTML) — это… Что такое Фрейм (HTML)?

У этого термина существуют и другие значения, см. Фрейм.

Фрейм (от англ. frame — рамка) — отдельный, законченный HTML-документ, который вместе с другими HTML-документами может быть отображён в окне браузера.

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

Фреймы часто использовались для навигации по веб-сайту. При этом навигационная страница располагается в одном окне, а страницы с текстом — в другом.

В настоящее время использование фреймов для публичных сайтов не рекомендовано. Главным образом это связано с принципом работы поисковых машин, которые приводят пользователя к HTML-документу, являющемуся согласно задумке лишь одним из фреймов того, что автору сайта хотелось бы представить. Данный недостаток фреймов устраняется средствами JavaScript.[1]

Описание

Тег <FRAME> определяет свойства отдельного фрейма, на которые делится окно браузера. Этот элемент должен располагаться в контейнере <FRAMESET>, который к тому же задает способ разметки страницы на отдельные области. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью параметра src=. Хотя обязательных атрибутов у тега <FRAME> и нет, рекомендуется задавать каждому фрейму имя через атрибут name=. Это особенно важно, если требуется по ссылке из одного фрейма загружать документ в другой.

Синтаксис: <frameset> <frame> </frameset>

Параметры:

bordercolor= — цвет линии границы.
frameborder= — отображать рамку вокруг фрейма или нет.
name= — уникальное имя фрейма.
noresize= — определяет, можно изменять размер фрейма пользователю или нет.
scrolling= — способ отображения полосы прокрутки во фрейме.
src= — путь к файлу, предназначенному для загрузки во фрейме.
Закрывающий тег — не требуется.

Пример использования тега:

<frameset rows="80,*" cols="*">
  <frame src="top.html" name="topFrame" scrolling="no" noresize>
  <frameset cols="80,*">
    <frame src="left.html" name="leftFrame" scrolling="no" noresize>
    <frame src="main.html" name="mainFrame">
  </frameset>
</frameset>

См. также

Примечания

dic.academic.ru

Что такое фрейм: для чего он нужен и как используется

Здравствуйте, дорогие любители программирования и те, кто планирует ими стать! Сегодня я расскажу про то, что такое фрейм и для чего он нужен. Эту тему необходимо освоить всем, кто хочет научиться создавать сайты.

Как многим из вас уже известно, в моем блоге есть целая куча полезной информации на эту тему и даже новичок способен освоить простейшие азы создания сайтов с нуля.

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

Фрейм для чайников и не только

Итак, вернемся к нашей основной теме. Люди, неплохо знающие английский язык, могут отметить, что фрейм переводится, как рамка или кадр. Именно во втором слове кроется смысл данного термина в программировании.

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

Единственная проблема, что в случае низкого разрешения вашего экрана или большого количества информации во фрейме есть некоторое неудобство – эту страницу в данном мини-окне придется листать.

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

Кстати, если вы совсем новичок и хотите значительно продвинуться в ваших начинаниях, рекомендую вам этот бесплатный курс по html.

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

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

В настоящее время для публичных порталов крайне не рекомендуется использование фреймов, так как поисковые системы могут привести читателя лишь на один фрейм из тех, которые представлены разработчиком сайта. Такая проблема исправляется с помощью JavaScript.

Вот пример обыкновенного фрейма, в котором слева указан список тем, а справа показывается сама текстовая информация.

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

Написание фрейма

Для создания фрейма используется достаточно простой код. Самый главный контейнер <frameset> задает общие параметры фреймов, то есть саму разметку таблицы. В него уже входит сам тег <frame>, который задает свойства отдельного фрейма в общем сете.

С помощью параметра src= вносится в каждую область конкретная страница, вернее путь к ней, каждому отдельному фрейму присваивается имя командой name=. Так ваша таблица постоянно заполняется.

Для общего вида используются специальные команды, вроде «frameborder» — создание и выбор границы заданного фрейма, «bordercolor» для определения ее цвета, «scrolling» (прокрутка), «noresize» (регуляция размера мышкой) и тд.

Посмотрите, видео из ютуба может вставляться на сайт тоже посредством фрейма.

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

Если вы пока в раздумьях, начните с принятия решения, на какую тему вы бы хотели создать сайт. Ну и обязательно не забывайте подписываться на обновления моего блога, изучать информацию и следить за новостями. Будет еще очень много полезного и интересного для вас. Также подписывайтесь на мою группу ВК.

Успехов, друзья!

start-luck.ru

перевод, произношение, транскрипция, примеры использования

Он хорошо подготовлен, чтобы быть солдатом. ☰

Her face was framed in a mass of red hair. 

Её лицо обрамляла копна рыжих волос. ☰

The innocent man was framed by the police. 

Этого невиновного человека подставили полицейские. ☰

He has a spare frame. 

У него сухощавое телосложение. ☰

The window frame isn’t quite true. 

Оконная рама подогнана не очень хорошо. ☰

I didn’t do the job, I’ve been framed up. 

Я этого не делал, меня подставили. ☰

The frame sets off the picture. 

В этой раме картина выигрывает. ☰

The two men were framed for murder. 

Двое мужчин получили ложные обвинения в убийстве. ☰

Let’s fix the picture to the frame. 

Давайте прикрепим фотографию к рамке. ☰

He took the time to frame a thoughtful reply. 

Он взял время на составление вдумчивого ответа. ☰

We had to crop the image to fit it into the frame. 

Нам пришлось обрезать изображение, чтобы оно поместилось в рамку. ☰

He stood, a threatening figure, framed in the doorway. 

Он стоял в дверном проёме с угрожающим видом. ☰

The frame was out of true. 

Рама была плохо подогнана. ☰

She framed her questions carefully. 

Она тщательно формулировала свои вопросы. ☰

I’m going to get the picture framed. 

Я собираюсь вставить эту фотографию в рамку. ☰

The canvas is stretched over a wooden frame. 

Холст натянут на деревянную раму. ☰

The plastic cover fits neatly over the frame. 

Пластиковая крышка чётко подогнана к каркасу. ☰

Sarah’s face was framed by her long dark hair. 

Лицо Сары обрамляли длинные тёмные волосы. ☰

They removed the picture from its wooden frame. 

Они вынули картину из её деревянной рамы. ☰

This wire frame is intended to prevent birds from nesting in our chimney. 

Эта проволочная рама предназначена для того, чтобы помешать птицам вить гнезда в нашей трубе. ☰

The poet evokes an atmosphere of mystery within the frame of the eternal gyre. 

Поэт создает атмосферу тайны в обрамлении вечного круговращения. ☰

The window frame was swollen shut. 

Оконная рама разбухла, и её заклинило. ☰

The photographs will look nice framed in black. 

Эти фотографии будут выглядеть отлично, если сделать для них чёрную рамку. ☰

The blowup of the photograph was easy to frame. 

Обрамление этой фотографии в увеличенном виде не составило труда. ☰

wooordhunt.ru

8. Фрейм. Что такое фрейм?

В
каком-то смысле фрейм – это именно то,
что означает данное слово: рамка вокруг
картинки, окошко или страница. Вводя
тэг <FRAME>, дизайнер НТМL-страницы
разделяет экран броузера на части. В
результате пользователь, просматривающий
страницу, может изучать одну часть
страницы независимо от остальной части.
Фактически броузер, распознающий фреймы,
загружает разные страницы в разные
секции, или фреймы, экрана. Например,
можно построить страницу таким образом,
что фирменный знак будет зафиксирован
в верхней части экрана, в то время как
остальную часть страницы пользователь
пролистывает обычным способом. Можно
расположить сбоку кнопки навигации,
которые не перемещаются при щелчке
мышкой по ним, изменяется только часть
экрана, а сама полоска навигации остается
неподвижной.

8.1 Для чего можно использовать фреймы?

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

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

Как
работают фреймы?

На
первый взгляд, фреймы – это нечто
сложное, но их легче понять, если провести
аналогию с ячейками таблицы. Расположение
фреймов на экране задается почти так
же, как ячеек в таблице: тэги и атрибуты
работают так же, как их табличные
родственники. Однако, хотя аналогия
между единичным фреймом на странице и
ячейкой таблицы полезна, нужно помнить,
что есть и отличия. Содержимое ячейки
задано в коде HTML-страницы с таблицей.
Текст или графика, составляющие содержимое
таблицы, фактически вводятся на той же
самой странице HTML, что и тэг или атрибут,
описывающие таблицу. Напротив, экран с
фреймами описывается в НТМL-странице,
называемой (frameset). Содержимое же фрейма
– это отдельная HTML-страница, которая
может находиться где угодно – в другом
каталоге, на локальном сервере или на
удаленном узле где-то в сети. Фреймовая
структура определяет только способ
организации экрана с фреймами и указывает,
где находится начальное содержимое
каждого фрейма. Для всех фреймов задаются
URL, описывающие местонахождение их
данных. Как правило, на странице с
фреймовой структурой нет содержимого
фреймов. Такая страница обычно невелика,
– она описывает только кадровую структуру
экрана. Когда документ загружается во
фрейм, можно щелкнуть мышкой на ссылке
в этом документе, что вызовет появление
связанных документов в других кадрах,
заданных во фреймовой структуре.

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

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

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

studfiles.net

Что такое фрейм. Определение и предназначение фреймов

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


1

Предназначение фреймов

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

Специальный таг <FRAME> даст возможность воплотить свои цели в жизнь. Например, если нужно добавить фиксированную панель так, что она не будет передвигаться в отличии от другой части страницы, то фрейм с легкостью справится с задачей.

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


2

Принципы работы фреймов

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

Структура должна быть построена так, чтобы было понятно, где находится “начинка” каждого фрейма. Чтобы точно определить адрес каждого из них, присваивается индивидуальный URL.

3

Алгоритм создания фреймовой структуры

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

Существует стандартный перечень, который позволит более подробно разобраться, как же выстраивается эта структура:

  1. Сперва нужно определить, какой вид будет иметь страница, какой размер будет у фреймов.
  2. Обдумать их содержание.
  3. Разработать код с использованием тагов, которые будут нести определенную смысловую нагрузку. От них будет зависеть, сколько окон будет на экране, какой процент будет занимать каждое из них и т.д.
  4. Нужно заполнить пустые фреймы содержимым.

Это лаконичное определение этапов. Каждый же уровень сопровождается большой совокупностью кодов и тегов, с которыми под силу совладать только веб – дизайнеру.

4

Таги и атрибуты – важные составляющие фреймов

Фреймовая структура невозможна без использования тагов и атрибутов. Вот некоторые из них, которые чаще всего используются в процессе:

  1. Таги для обрамления текста и компоновки фреймов. С их помощью вписывается информация о количестве, размерах и ориентации фреймов. Они имеют два атрибута. Первый позволяет установить число и размер строк на странице. Также указываются размеры в пикселях и процент от высоты экрана. Второй используется для построения столбцов.
  2. Таг, созданный для определения внешнего вида. Он имеет 6 атрибутов.

Также существуют целевые фреймы, которые применяются в исключительных случаях. К таким можно отнести:

  1. Фрейм “blank”, который позволит документу загружаться в новом пустом окне.
  2. Инструмент “self” укажет на то, что документ будет размещен в том фрейме, где активирована ссылка.
  3. Фрейм “tор” разрешает документу появляться в другом окне вне фрейма.

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

sovetclub.ru

Фреймы

Фреймы

  1. Основные понятия
  2. Страница набора фреймов
  3. Атрибуты фрейма
  4. Пример «невидимой» страницы кода HTML
  5. Использование атрибута target для загрузки страницы в определенный фрейм
  6. Почему следует использовать фреймы
  7. Почему не следует использовать фреймы


Фрейм — это неподвижная часть (неподвижное окно) web-страницы, которая
является элементом окна броузера. В каждом фрейме отображается свой
документ HTML.

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

Создание стандартной страницы с фреймами требует по крайней мере трех
oтдельных страниц HTML.

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

Во-вторых, нужны отдельные страницы кода для каждого фрейма.

Итак, если самая простая страница с фреймами содержит две видимые
страницы, то всего получается три страницы HTML; если в странице есть три
фрейма, всего получается четыре страницы и т. д.

В любом случае будет создаваться невидимая страница набора фреймов —
установочная страница.


 
Возврат в начало страницы


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


  • <frameset>. Этот тег обозначает набор фреймов, и его
    основные аргументы определяют строки и столбцы. Информация о наборе
    закрывается соответствующим тегом </frameset>.
  • <frame>. Этот тег определяет отдельные фреймы внутри
    набора фреймов. Здесь определяется, каким документом HTML будет заполнен
    фрейм. Для этого используется атрибут src=x (где х-
    относительный или абсолютный URL страницы HTML).


Примечание

У тега <frame> нет соответствующего закрывающего тега
</frame>. Вся информация для отдельных фреймов
располагается внутри тега и считается законченной, когда введена правая
угловая скобка (>).



Как и таблицы, фреймы состоят из сетки столбцов и строк. Таблицы могут
быть сложными, с ячейками, занимающими несколько столбцов или строк.
В таблицах выбор горизонтальных и вертикальных точек отсчета лежит на
программисте. Фреймы более просты. Столбец несомненно вертикален, строка
— горизонтальна.

Синтаксис также понятен. Строки (rows) обозначаются атрибутом
rows
, столбцы (columns) — атрибутом cols. Размер столбцов и
строк может быть задан как в пикселях, так и в процентах. Например,
cols=»220, *» создает столбец слева шириной 220 пикселей и
столбец справа (обозначенный звездочкой), занимающий оставшееся
пространство.
Чтобы добавить дополнительные столбцы, просто определите
их по очереди. Например, если надо создать четыре столбца равной ширины,
можно применить такой синтаксис: соls5=»25%,25%,25%,25%».

Если вы хотите создать строки, просто измените синтаксис на
rows=»220, *»
, и в результате получится строка в верхней части
экрана высотой 220 пикселей. Чтобы создать четыре отдельных строки равной
высоты, понадобится код rows= «25%,25%,25%,25%».

Для создания комбинаций столбцов и строк надо просто расставить значения
в соответствующие теги.

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


<html>
<frameset cols="220,*">
<frame src="leftmenu.htm">
<frame src=="welcome.htm">
</frameset>
</html>


Конечно, чтобы страницу можно было просмотреть, файлы leftmenu.htm и
welcome.htm должны быть доступны.

Аналогично организована и наша установочная страница. Результат вы
видете в окне своего броузера.


 
Возврат в начало страницы


Для тегов <frameset> и <frame> существует несколько мощных
атрибутов:

Атрибуты тега <frameset>

  • cols=x. Создает столбцы. X- переменная, которая
    заменяется на значение либо в пикселях, либо в процентах, либо на
    комбнацию одного из них и звездочки (*). В последнем случае создается
    динамический фрейм или фрейм относительного размера, занимающий остаток
    доступного пространства
  • rows=x. Создает строки так же, как атрибут cols — столбцы.
  • border=x. Используется броузером Netscape Navigator версии
    3.0 и выше для указания ширимы рамки. Значение переменной задается в
    пикселях.
  • frameborder=x. Используется Internet Explorer для задания
    ширины рамки в пикселях. Netscape Navigator 3.0 и выше использует этот
    атрибут со значениям и уеs или no.
  • framespacing=x. Используется Internet Explorer для
    управления шириной рамки.

Для управления отдельными фреймами используются следующие атрибуты
тега <frame>:

  • frameborder=x. Управляет рамками вокруг отдельных фреймов.
    Netscape Navigator требует значения yes или no, a
    Internet Explorer будет искать числовое значение ширины в пикселях.
  • marginheight=x. Контролирует высоту поля фрейма; значение
    указывается в пикселях.
  • marginwidth=x. Контролирует ширину поля фрейма: значение
    указывается в пикселях
  • name==x. Присваивает имя отдельному фрейму. Имена фреймов
    позволяют создавать ссылки па них из других страниц HTML. Имена должны
    начинаться со стандартного символа или цифры.
  • noresize. Поместите этот полезный атрибут в вашу строку,
    если не хотите, чтобы пользователи вручную изменяли высоту или ширину
    фрейма.
  • scrolling=x. Управляет отображением полос прокрутки; этому
    атрибуту присваиваются значения yes, no или
    auto
    . Значение yes автоматически помещает полосу прокрутки во фрейм,
    значение no означает, что полоса прокрутки не появится. Параметр auto
    отдает управление броузеру, который автоматически помещает полосу
    прокрутки во фрейм в случае необходимости.
  • src=x. Надо заменить переменную «x» на относптельный или
    абсолютный URL страницы HTML, которую вы желаете поместить внутрь фрейма.
  • border=x.Определяет ширину разделительной полосы между
    фреймами в пикселях.
  • bordercolor=x.Определяет цвет разделительной полосы. Цвет
    задается либо шестнадцатиричным кодом, либо именем. Указание цвета подробно
    описано на странице
    Форматирование страницы

Совет

Все фреймы обязательно должны иметь имена, если вы хотите, чтобы в них могли
грузиться другие страницы.



 
Возврат в начало страницы

Посмотрим в качестве примера первую страницу этого сайта, в котрой
определяется набор фреймов.


<html>

<head>


<title>Изучаем HTML!</title>

</head>

<frameset cols="120,*" frameborder="0" framespacing="0">
    <frame src="leftmenu.htm" name="Menu" scrolling="auto">
    <frameset rows="44,*" frameborder="1" framespacing="0">
        <frame src="navbar.htm" name="Navbar"
        scrolling="no" noresize>
        <frame src="welcome.htm" name="RIGHT">
    </frameset>
    <noframes>
    <body>
   Для просмотра необходим броузер, поддерживающий  фреймы.
    </body>
   </noframes>
</frameset>
</html>

Вы заметили незнакомые теги <noframes> и
</noframes>?

Поскольку теги поддерживаются не всеми броузерами, то необходимо использовать
тег <noframes> перед тегом тела <body>,
а в теле программы, т.е. между тегами <body> и
</body>, можно вставить сообщение, которое будет
появляться в окне, если броузер не поддерживает фреймы.

В нашем примере, как легко видеть в окне вашего броузера, организовано
три фрейма: «Menu»,»Navbar» и «RIGHT». Это имена фреймов.

Фрейм «Menu» — вертикальный — располагается в левой стороне окна
броузера, занимая постоянную ширину в 120 пикселей. Он не очерчен границей и не
имеет пустого пространства вокруг него. Исходным HTML-файлом для этого
фрейма является файл «leftmenu.htm» — меню (карта сайта).
Если этот файл не помещается на одной
странице вашего броузера (это зависит от вида броузера и его настроек),
то разрешена прокрутка информации в окне фрейма (атрибут scrolling=»auto»).


Фрейм «Navbar» — горизонтальный — расположен в верхней части окна
броузера, занимает в высоту 44 пикселя, очерчен границей. Запрещено менять
размеры этого фрейма (noresize),запрещена прокрутка (scrolling=»no»).
Исходным HTML-файлом для этого
фрейма является файл «navbar.htm». В нем описаны 3 навигационные «кнопки»,
которые вы сейчас видете на экране: «Добро пожаловать!», «Содержание»,
«Гостевая кника». Не конструктивно, не правда ли? Увы! Это были мои
первые шаги!

И наконец, самый информационно наполненный фрейм — «RIGHT». В момент
загрузки сайта в нем показывается файл «welcome.htm» (Добро пожаловать),
а потом…

Потом в эту область
окна броузера будет загружаться HTML-файл, который «закажет» пользователь,
щелкнув по пункту меню (ссылке) во фрейме «Menu».

Таким образом реализуется механизм управления навигации по сайту.

Причем при каждом щелчке по пункту меню, содержимое выводится в область
фрейм «RIGHT». В коде HTML файла «leftmenu.htm» это организовано так:


...
<A  href="content.htm#метка_0"  target ="RIGHT" >Основы HTML</A><BR>
<A    href="content.htm#метка_2"  target ="RIGHT">Приемы создания макетов</A><BR>
 <A    href="content.htm#метка_3"  target ="RIGHT">Работа с HTML</A><BR> 
<A    href="content.htm#метка_4"  target ="RIGHT">Каскадные таблицы стилей</A><BR>
<A    href="content.htm#метка_5"  target ="RIGHT">Динамический HTML</A><BR>
<A href="content.htm#метка_6" target ="RIGHT">Дизайн Web-страницы</A><BR>
...

Заметили — добавился ещё один атрибут в теге ссылки target
?

Именно атрибут target= «RIGHT» отвечает за то, в какой фрейме (окно)
будет загружаться файл по ссылке.



 
Возврат в начало страницы

Ссылки на фрейм имеют формат:


<a href="адрес_файла" target="имя_фрейма">ссылка</a>

В качестве значения атрибута target указывается то самое имя, которое
мы
присвоили нашему фрейму. Таким образом, мы можем открыть любую ссылку из
любого окна и в любом окне (фрейме). Достаточно лишь знать его имя.

Кроме имён, определяемых непосредственно нами, есть часть уже
определённых, стандартных имен:

  • _blank — открывает ссылку в новом
    окне(загружает содержимое страницы, заданной ссылкой,
    в новом пустом окне)
  • _top — открывает ссылку на всё окно, если она
    находилась во фрейме. Другими словами, она разрушает структуру
    фрейма и загружает файл во всё окно.
  • _parent — открывает ссылку в родительском окне
    (загружает содержимое страницы, заданной ссылкой, в окно, которое
    содержит ссылку).
  • _self — загружает содержимое страницы, заданной
    ссылкой, в окно, игнорируя используемые фреймы.

При создании этого сайта в качестве имени фрейма
было использовано общее имя названия окна на странице
Интернет-страницы
(файл ref_internet.htm), а именно:


...
<a href="http://w3.org/Style/CSS" target="_blank">http://w3.org/Style/CSS
</a>
...

Таким образом обеспечивается загрузка спецификации многоуровневых
таблиц на сайте Консорциума W3C в новое окно.

Убедитесь сами!




 
Возврат в начало страницы

  1. Используя фрэймы, можно разбить Web-страницы на несколько окон с
    использованием полос прокрутки. Таким образом можно улучшить внешний вид и
    функциональность вашего сайта.
  2. Каждый фрэйм имеет свой URI-адрес, что позволяет загружать его
    независимо от других фрэймов.
  3. Каждый фрэйм имеет собственое имя (атрибут name), позволяющее
    переходить к нему из другого фрэйма.
  4. Размер фрэйма может быть изменен
    пользователем прямо на экране при помощи мыши
    (если это не запрешено
    указанием специального атрибута noresize).
  5. Можно разместить статическую информацию, которую необходимо постоянно
    показывать пользователю (логотип фирмы, набор управляющих кнопок,
    copyright), в одном статическом фрэйме.
  6. Можно поместить в статическом фрэйме оглавление (меню, карту сайта)
    всех WEB-документов, содержащихся сайте, что облегчает
    пользователю поиск интересующей его информации.
  7. Можно создавать
    окна результатов запросов, когда в одном фрэйме находится собственно
    запрос, а в другом результаты запроса.









 
Возврат в начало страницы

  1. Страницы сайта не индексируются обычными поисковыми системами,
    исключая первую страницу. Это происходит из-за того, что страница
    описания фреймов не содержит в себе ссылок вида <a href=»»>
    …</a>
    и
    поисковые роботы, естественно, не могут попасть на внутренние страницы.

  2. Совет

    Рекомендуется использовать теги <noframes> и
    </noframes> в установочной странице, а между ними помещать
    ссылки на другие страницы сайта. По этим ссылкам может пройтись
    поисковый робот и проиндексировать ваш сайт.


  3. Если пользователь попадает не на первую страницу сайта, не
    существует «официального» способа перейти на первую страницу сайта —
    приходится вручную редактировать путь в адресной строке броузера.
  4. Невозможно поставить закладку на внутреннюю страницу сайта,
    определить ее адрес — фреймы скрывают истинный адрес страницы.

    Правда, в этом случае существует выход — откройте ссылку в новом окне.
  5. При неточностях в логике взаимодействия фреймов усложняется
    навигация по сайту.
  6. При нажатии пользователям кнопки «обновить» во фрейм загружается
    HTML-файл, указанный в установочном файле источником HTML-кода. А если
    вы уже давно бродите по сайту, и вас совсем не интересует страница
    «Добро пожаловать»?
  7. Существуют проблемы отображения страницы в разных версиях броузеров.

Совет


Для создания механизма навигации по сайту попробуйте использовать
технологию SSI.


Продолжение следует!


 
Возврат в начало страницы
  
Возврат на главную страницу сайта
 







html-exp.narod.ru