Фрейм пример: «Что такое «фрейм» в лингвистике?» – Яндекс.Кью — Заработок в сети Интернет. Как заработать на дому в Интернете. Удаленная работа в сети.

Содержание

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

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

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

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

Запишем код этой страницы

<html>
<head>
<title>Страница с двумя вертикальными фреймами</title>
</head> <frameset cols=20%,80% frameborder=»yes» framespasing=»2″>
<frame name=»MenuFrame»src=»MainMenu.

html»>
<frame name=»MainFrame»src=»Text1.html»>
</frameset>

и сохраним ее под именем frame.html Окно браузера разделено на две части.При открытии страницы будет загружаться файл HTML,который вы укажете в теге <frame name src=»?»>

Изменяемые атрибуты тега <frameset>
cols= вертикальное расположение фреймов
rows= горизонтальное расположение фреймов
frameborder= отображение рамки «yes»-да, «no»-нет
border= ширина рамки между фреймами
framespasing= расстояние между фреймами
bordecolor= цвет рамки между фреймами

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

<html> <head>
<base target=MainFrame>
<title></title>
</head>
<body>
<center><h4>Первый Frame</h4></center>
<p> <a href=»Text1.

html»>Первая страница второго фрейма</a></p>
<p> <a href=»Text2.html»>Вторая страница второго фрейма</a></p>
</body>
</html>

Сохраняем под именем MainMenu.html
Далее запишем файл text1.html.

<html>
<head>
<title>Второй Frame</title>
</head>
<body>
<center><h4>Второй Frame</h4></center>
<p>Первая страница второго фрейма</p>
</body>
</html>

Теперь напишем файл text2.html.Для наглядности при открытии второго документа сделаем цветную страницу

<html>
<head>
<title>Второй Frame</title>
</head>
<body bgcolor=»#FFFF7D»>
<center><h4>Второй Frame</h4></center>
<p>Вторая страница второго фрейма </p>
</body>
</html>

Теперь посмотрим результаты нашей работы

Так же можно разбить страницу на 3 и на 4 фрейма

Данный пример сделан с помощью тегов HTML.

Можно также сделать фреймы с помощью скриптового языка JavaScript. Посмотрите этот пример.

Xamarin.Forms NOFRAMES — Xamarin | Microsoft Docs

09/16/2021
Чтение занимает 2 мин

В этой статье

Скачать пример

Xamarin.Forms Frame Класс является макетом, используемым для создания оболочки представления с границей, которая может быть настроена с помощью цвета, тени и других параметров. Фреймы обычно используются для создания границ вокруг элементов управления, но их можно использовать для создания более сложного пользовательского интерфейса. Дополнительные сведения см. в разделе Расширенное использование кадров.

На следующем снимке экрана показаны

Frame элементы управления iOS и Android.

Класс Frame определяет следующие свойства:

BorderColorColorзначение, определяющее цвет Frame границы.
CornerRadiusfloatзначение, определяющее закругленный радиус угла.
HasShadowboolзначение, определяющее, содержит ли кадр тень.

Эти свойства поддерживаются BindableProperty объектами, что означает, что Frame может быть целевым объектом привязок данных.

Примечание

HasShadowПоведение свойства зависит от платформы. Значение по умолчанию —

true на всех платформах. Однако на тенях тени UWP не отображаются. Тени отображаются в Android и iOS, но тени на iOS темнее и занимают больше места.

Создание рамки

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

<Frame>
  <Label Text="Example" />
</Frame>

FrameТакже можно создать в коде:

Frame defaultFrame = new Frame
{
    Content = new Label { Text = "Example" }
};

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

<Frame BorderColor="Orange"
       CornerRadius="10"
       HasShadow="True">
  <Label Text="Example" />
</Frame>

Эти свойства экземпляра также можно задать в коде:

Frame frame = new Frame
{
    BorderColor = Color.Orange,
    CornerRadius = 10,
    HasShadow = true,
    Content = new Label { Text = "Example" }
};

Расширенное использование кадров

FrameКласс наследует от ContentView , что означает, что он может содержать любой тип View объекта, включая Layout объекты. Эта возможность позволяет Frame использовать для создания сложных объектов пользовательского интерфейса, таких как карты.

Создание карточки с рамкой

Объединение Frame объекта с объектом, Layout таким как объект, StackLayout позволяет создать более сложный пользовательский интерфейс. На следующем снимке экрана показан пример карточки, созданной с помощью

Frame объекта:

В следующем коде XAML показано, как создать карточку с Frame классом:

<Frame BorderColor="Gray"
       CornerRadius="5"
       Padding="8">
  <StackLayout>
    <Label Text="Card Example"
           FontSize="Medium"
           FontAttributes="Bold" />
    <BoxView Color="Gray"
             HeightRequest="2"
             HorizontalOptions="Fill" />
    <Label Text="Frames can wrap more complex layouts to create more complex UI components, such as this card!"/>
  </StackLayout>
</Frame>

Карту также можно создать в коде:

Frame cardFrame = new Frame
{
    BorderColor = Color.  Gray,
    CornerRadius = 5,
    Padding = 8,
    Content = new StackLayout
    {
        Children =
        {
            new Label
            {
                Text = "Card Example",
                FontSize = Device.GetNamedSize(NamedSize.Medium, typeof(Label)),
                FontAttributes = FontAttributes.Bold
            },
            new BoxView
            {
                Color = Color.Gray,
                HeightRequest = 2,
                HorizontalOptions = LayoutOptions.Fill
            },
            new Label
            {
                Text = "Frames can wrap more complex layouts to create more complex UI components, such as this card!"
            }
        }
    }
};

Элементы Round

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

В следующем коде XAML показано, как создать изображение круга на языке XAML:

<Frame Margin="10"
       BorderColor="Black"
       CornerRadius="50"
       HeightRequest="60"
       WidthRequest="60"
       IsClippedToBounds="True"
       HorizontalOptions="Center"
       VerticalOptions="Center">
  <Image Source="outdoors. jpg"
         Aspect="AspectFill"
         Margin="-20"
         HeightRequest="100"
         WidthRequest="100" />
</Frame>

Изображение в виде круга также можно создать в коде:

Frame circleImageFrame = new Frame
{
    Margin = 10,
    BorderColor = Color.Black,
    CornerRadius = 50,
    HeightRequest = 60,
    WidthRequest = 60,
    IsClippedToBounds = true,
    HorizontalOptions = LayoutOptions.Center,
    VerticalOptions = LayoutOptions.Center,
    Content = new Image
    {
        Source = ImageSource.FromFile("outdoors.jpg"),
        Aspect = Aspect.AspectFill,
        Margin = -20,
        HeightRequest = 100,
        WidthRequest = 100
    }
};

Образ outdoors.jpg должен быть добавлен в каждый проект платформы, и как это достигается в зависимости от платформы. Дополнительные сведения см. в разделе изображения Xamarin.Forms в .

Примечание

Скругленные углы ведут себя немного иначе на разных платформах. ImageОбъект Margin должен быть половиной разницы между шириной изображения и шириной родительского фрейма и должен быть отрицательным для центрирования изображения равномерно в пределах Frame объекта. Однако запрошенные ширина и высота не гарантированы, поэтому Margin HeightRequest WidthRequest Свойства и могут потребоваться изменить в зависимости от размера изображения и других вариантов макета.

html тег frame | назначение, синтаксис, атрибуты, примеры

Последнее обновление: 21.02.2009

Тег <frame> (с англ. рамка) определяет один фрейм, как автономную область в окне браузера.

HTML: 3.2 | 4 / XHTML: 1.0 (Strict, Transmissional, Frameset) | 1.1

Синтаксис

<frameset> <frame/> </frameset>

Атрибуты

Основные Вспомогательные

allowtransparency	Устанавливает, может ли фрейм быть прозрачным. Отсутствует в спецификации HTML 4.01!
bordercolor	определяет цвет границ фрейма. Отсутствует в спецификации HTML 4.01!
class	определяет имя используемого класса
frameborder	определяет наличие границ фрейма. 1 — есть граница, 0 — нет
id	уникальный индетификатор
longdesc	URL страницы с описанием фрейма
marginwidth	ширина левого и правого полей фрейма
marginheight	ширина верхнего и нижнего полей фрейма
name	уникальное имя фрейма
noresize	флаг. Запрещает изменение размеров фрейма
style	задает встроенную таблицу стилей
title	всплывающая подсказка
scrolling	управляет отображением полос прокрутки yes — всегда присутствуют no — не отображаются auto — отображаются при необходимости (по умолчанию)
src	URL файла, отображаемого в фрейме

Пример

Создаем два фрейма. Первый фрейм — панель слева, шириной 120 пикселей. Под второй отводиться все оставшееся место.

<frameset cols="120,*"> <frame src="1.html" name="panelFrame" frameborder="0"/> <frame src="2.html" name="mainFrame" frameborder="0"/> </frameset>

Посмотреть результат

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

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

Две первые И вершины, соответствующие входу в ресторан и заказу обеда, имеют по две вершины ИЛИ, остальные две — по одной. Первые вершины ИЛИ первых двух вершин И соответствуют действию, совершаемому при утвердительном ответе на вопросы «а что если посетитель уже в ресторане», «а что если заказ сделан другом». Очевидно, в этом случае действия не нужны и вершины пусты. Все остальные ИЛИ вершины так же, как и их материнские вершины, соответствуют входу, заказу, еде, уходу.

Каждая из этих вершин имеет вершины И, соответствующие действиям, помеченным в сценарии арабскими цифрами. Наконец, вершины И 9 и 16 имеют по три дочерних вершины ИЛИ, соответствующие вариантам заказа и уплаты денег.

Другой иллюстрацией представления фрейма-сценария в виде графа И/ИЛИ является фрейм-сценарий (рис.П5), взятый из работы И. Ригера (1975).

Вершина этого графа соответствует названию сценария «кража». Она имеет две дочерние вершины И, одна из которых представляет собой схему действия вора X, вторая — потерпевшего Z после кражи.

Дочерние вершины ИЛИ представляют собой более конкретные схемы действий потерпевшего. В данном случае имеет место шесть вариантов действия вора и девять вариантов действий потерпевшего. Всего имеется пятнадцать вершин ИЛИ. Выбор каждой из них зависит от значения теста, который представляется списком вопросов. Функция выбора осуществляется с помощью так называемой тернарной сети переходов (рис.П6). Каждый узел этой сети представляет собой вопрос, входящий в тест, а каждая из трех дуг, исходящих из узла, соответствует трем возможным ответам на вопросы: «да», «нет», «не известно».

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

Дочерние вершины И еще более конкретизируют действия, представляемые вершинами ИЛИ. На рис.П5 раскрыты лишь две из вершин ИЛИ. Первая соответствует схеме действий: «потерпевший Z отбирает вещь Y у вора X». Эта схема предполагает три обязательных последовательно совершаемых действия, представляемых изображенными на рис.П5 тремя вершинами типа И. Каждая из этих вершин имеет дочерние вершины типа ИЛИ. На рис.П5 представлено несколько вершин типа ИЛИ, относящихся к первой из вершин типа И, представляющих собой уточненные варианты схемы действия «потерпевший Z прибывает к X». Уточнение происходит за счет конкретизации средства действия, в данном случае — перемещения (лошадь, машина, пешком). Далее на рис.П5 раскрыта одна из вершин ИЛИ, соответствующая передвижению на лошади.

Вторая вершина ИЛИ соответствует схеме действия «потерпевший Z сообщает властям о краже». Эта схема имеет две обязательные схемы действия, первая из которых совпадает со схемой действия, представляемой дочерней вершиной вышерассмотренной вершины ИЛИ. Однако если в первой схеме под Х понимается вор, то во второй — власти.

Рефрейминг как методика изменения убеждений / Хабр

Формирование отношения с помощью фреймов

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

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

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

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

Предвыборная компания. Штаб. Политтехнологи, раскручивающие своего кандидата в народолюбцы. Готовятся к размещению в СМИ фотографии этого кандидата: одна, где кандидат общается с радостными студентами с улыбающимися лицами, другая, где он рядом с хорошо одетыми стариками выражающими почтение в глазах, третья — на фоне шикарного города с чистыми улицами, красивыми женщинами и дорогими машинами под голубым солнечным небом… Пять-десять разных фотографий с одним и тем же человеком, у которых есть что-то общее… что-то неуловимое сознанию, но приятное глазу и милое сердцу 🙂

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

Представьте себе рекламную статью, которая начинается так: «Самые теплые куртки делает фирма Х! Такая морозоустойчивость обеспечивается. ..(далее сама статья)». Насколько вам интересна эта статья, если вы живете в среденей полосе? Скажем, «ну так…». А теперь давайте добавим в начало статьи одно предложение: «В этом году синоптики обещают особенно холодную зиму. Самые теплые куртки делает фирма Х! Такая морозоустойчивость обеспечивается…». Как на этот раз? Тема стала актуальной, а все что мы для этого сделали, это добавили фрейм контекста — «особенно холодную зиму», который на секундочку перенс читателя в те условия, где это важно.

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

Взято отсюда.

Справочник по языку XHTML: Фреймы и фреймсодержащие документы

Фреймы и фреймсодержащие документы

В этой главе:

Элемент FRAMESET
Элемент FRAME
Элемент NOFRAMES
Элемент IFRAME

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

Фреймсодержащий документ не может нести в себе часть BODY, она заменяется элементом FRAMESET. При этом в окно браузера выводятся документы, указанные в элементах FRAME из набора FRAMESET. Например, если файл container.html является контейнером для двух фреймов, в котором элементы FRAME ссылаются на файлы left.html и right.html, то браузер разобьет экран на две части и загрузит в них эти два файла (рис. 2.4). Эти файлы, а также другие примеры определения фреймов вы найдете на прилагаемом компакт-диске в каталоге Part_2\Frames.

Рис. 2.4. Фреймы

Элемент FRAMESET

Элемент FRAMESET определяет набор создаваемых фреймов и порядок их вывода в окне браузера. Так, для того, чтобы разделить окно браузера по вертикали на две равных части (как на рис. 2.4), потребуется код, приведенный в листинге 2.9.

Листинг 2.9. Документ с элементом FRAMESET

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN">
<html>
<head>
<title>Документ с фреймами</title>
</head>
<frameset cols="50%,*">
<frame src="left.html" name="LeftFrame" />
<frame src="right.html" name="RightFrame" />
</frameset>
</html>

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

Листинг 2.10. Обычный документ, загружаемый во фрейм

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. 0 Strict//EN">
<html>
<head>
<title>Документ для левого фрейма</title>
</head>
<body>
<h3>Документ левого фрейма - left.html</h3>
</body>
</html>

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

<style type="text/css">
body {background-color: silver}
</style>

В данном примере страница была разделена на две части по вертикали, для чего был применен атрибут COLS с двумя значениями. Если бы требовалось разделить страницу на большее количество частей (скажем, сделать три фрейма), то достаточно добавить еще одно значение:

<frameset cols="40%,35%,25%">

При этом в контейнер FRAMESET потребуется вставить еще один элемент FRAME. В тех случаях, когда надо разделить окно по горизонтали, то используется атрибут ROWS:

<frameset rows="100,*">

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

<frameset rows="50%,50%" cols="33%,33%,34%">
...1,2,3 фреймы 1-й строки, затем 1,2 и 3-й фреймы 2-й строки
</frameset>

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

<frameset rows="50%,50%">
<frameset cols="33%,33%,34%">
...фреймы первой строки
</frameset>
<frameset cols="33%,33%,34%">
...фреймы второй строки
</frameset>
</frameset>

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

Листинг 2.11. Сложный документ с фреймами

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN">
<html>
<head>
<title>Три фрейма</title>
</head>
<frameset rows="80,*">
<frame src="top.html" />
<frameset cols="33%,*">
<frame src="left.html" />
<frame src="right.html" />
</frameset>
</frameset>
</html>

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

Рис. 2.5. Документ из трех фреймов

Таким образом, комбинируя атрибуты COLS и ROWS, а также применяя вложение элементов FRAMESET, можно создавать сколь угодно затейливые комбинации фреймов. Остальные атрибуты этого элемента приведены в таблице 2.8.

Таблица 2.8 Атрибуты элемента FRAMESET
Атрибут	Примечание	Описание
id, class	Общие	Идентификаторы элемента
title, style	Общие	Определяет заголовок и стиль элемента
rows	—	Задает расположение фреймов по вертикали
cols	—	Задает расположение фреймов по горизонтали
onload	—	Определяет действие, которое должно быть выполнено после загрузки документов во все фреймы
onunload	—	Определяет действие, которое должно быть выполнено в момент покидания страницы
border	Нестандартный, поддерживается всеми браузерами	Указывает толщину рамки (в пикселях) между фреймами
bordercolor	Нестандартный, поддерживается всеми кроме Opera	Указывает цвет рамки между фреймами
frameborder	Нестандартный, поддерживается всеми браузерами	Указывает, плоская или объемная должна быть рамка (MSIE, Opera, Netscape 4. x), или должна она быть или нет (Mozilla, Netscape 6-7)
framespacing	Нестандартный, поддерживается всеми, кроме Mozilla	Аналогичен атрибуту border, значение 0 подразумевает отсутствие бордюра

Как видно, элемент FRAMESET поддерживает ряд атрибутов, связанных с внешним видом разделяющего бордюра. Они являются нестандартными, поскольку отсутствуют в спецификациях какой-либо версии HTML – большая часть из них когда-то была введена компанией Netscape в свою программу просмотра. Ввиду нестандартности этих атрибутов и отличий в трактовке разными программами просмотра, следует их избегать. Проблема лишь в том, что полноценной замены со стороны CSS для этих атрибутов не существует. Так что если «очень хочется», то можно ограничится одним лишь атрибутом border:

<frameset rows="100,200,300" border="0">

В данном случае видимой рамки между фреймами не будет. Пример с рамкой вы можете посмотреть в файле frameborder. html.

Свойства frameset

Закрывающий тег: требуется.
Совместимость: все.
Вложение: допустимо.
Уникальный: нет.

Элемент FRAME

Как мы уже видели на примерах элемента FRAMESET, элемент FRAME определяет содержимое каждого конкретного фрейма. Он всегда должен быть вложенным в контейнер FRAMESET. Каждый элемент FRAME при помощи атрибута SRC определяет файл, который должен быть загружен в соответствующий фрейм. Другой важный, хотя и необязательный атрибут – NAME – назначает фрейму имя, используя которое ссылки из одного фрейма могут ссылаться на другой фрейм. Например, если мы вернемся к фреймам, определенным в листинге 2.9, то в файл в левом фрейме может ссылаться на правый при помощи атрибута TARGET:

<a href="top.html" target="RightFrame">Ссылка на правый фрейм</a>

При щелчке по этой ссылке во фрейм, названный RightFrame при помощи атрибута NAME, будет загружен документ top.html. Этот и все прочие атрибуты элемента приведены в таблице 2.9.

Таблица 2.9 Атрибуты элемента FRAME
Атрибут	Примечание	Описание
id, class	Общие	Идентификаторы элемента
title, style	Общие	Определяет заголовок и стиль элемента
src	Обязательный атрибут	Задает имя документа, который должен быть загружен во фрейм
name	—	Задает имя фрейма
longdesc	Не актуален для графических браузеров	Ссылается на документ, описывающий содержимое фрейма
scrolling	—	Определяет можно или нет создавать полосу прокрутки, может принимать 3 значения: Auto (принято по умолчанию), Yes и No
noresize	—	Если этот атрибут определен, то пользователь не сможет изменять размеры фрейма
marginwidth	—	Определяет ширину отступа слева и справа в пикселях между границей фрейма и собственно его содержимым
marginheight	—	Определяет ширину отступа сверху и снизу в пикселях между границей фрейма и собственно его содержимым
frameborder	—	Указывает, выводить или нет рамку между данным и соседними фреймами, может иметь значение 1 (принято по умолчанию) или 0
bordercolor	Нестандартный, поддерживается всеми кроме Opera	Указывает цвет рамки по границе данного фрейма

Все еще не рассмотренные нами атрибуты относятся к оформлению. Впрочем, некоторые из них нам уже знакомы по элементу FRAMESET – это FRAMEBORDER и BORDERCOLOR. И если атрибут определения цвета остается нестандартным и для этого элемента, то отвечающий за рамку FRAMEBORDER «утвержден» в HTML 4.0. Что касается остальных атрибутов, то попробуем посмотреть на их действие. Для этого возьмем за основу пример с тремя фреймами (листинг 2.11) и внесем изменения в каждый из трех элементов FRAME. В первый добавим атрибут NORESIZE, а во второй и третий добавим по атрибуту FRAMEBORDER с установленным значением 0. Кроме того, к ним же добавим атрибуты SCROLLING, только в одном укажем значение No, а в другом – Yes. В итоге код примет примерно такой вид, как в листинге 2.12.

Листинг 2.12. Прокрутка, рамки и изменение размеров фреймов

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN">
<html>
<head>
<title>Три фрейма</title>
</head>
<frameset rows="80,*">
<frame src="top. html" noresize />
<frameset cols="33%,*">
<frame src="left.html" frameborder="0" scrolling="No" />
<frame src="right.html" frameborder="0" scrolling="Yes" />
</frameset>
</frameset>
</html>

Если теперь загрузить эту страницу в браузер (файл moreframes.html), то можно увидеть, что разделительная полоса между левым и правым фреймами исчезла. Это произошло благодаря тому, что для определяющих эти фреймы элементов указаны атрибуты FRAMEBORDER со значением 0. Еще одно отличие, которое можно заметить сразу – это появившаяся у правого фрейма полоса прокрутки. За ее появление ответственен атрибут SCROLLING со значением Yes.

ПРИМЕЧАНИЕ
Здесь следует отметить, что MSIE (как и Netscape 4) выведет только вертикальную полосу, а Opera – как вертикальную, так и горизонтальную, в то время как браузеры, основанные на ядре Mozilla, не будут выводить полосу прокрутки вообще.

Теперь обратимся к верхнему фрейму. Поскольку для него явно не указано атрибута FRAMEBORDER, то подразумевается, что он как бы есть, но со значением 1 (т.е. принятым по умолчанию). Поэтому между ним и нижними фреймами мы видим бордюр, подобно тому, что был в предыдущем примере. Однако из-за того, что указан атрибут NORESIZE, вы не сможете изменить его размер при помощи мышки.

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

Свойства FRAME

Закрывающий тег: только для XHTML.
Совместимость: все.
Вложение: недопустимо (пустой элемент).
Уникальный: нет.

Элемент NOFRAMES

Для случая, когда браузер посетителя страницы не поддерживает фреймы, можно предусмотреть альтернативное содержание документа-контейнера фреймов. Для этого после определения набора фреймов элементом FRAMESET в документ вставляется элемент NOFRAMES, внутри которого размещают либо альтернативное содержание, либо пояснительный текст, как показано на листинге 2. 13.

Листинг 2.13. Определение фреймов и альтернативный документ

<html>
<head>
<title>Если ваш браузер слишком старый...</title>
<frameset cols="1*,4*">
<frame src="contents.html" />
<frame src="doc1.html" />
</frameset>
<noframes>
Для просмотра данного сайта рекомендуется использовать браузер 
с поддержкой фреймов. Если это невозможно, перейдите на 
<a href="frame-free.html">бесфреймовый</a> вариант сайта.
</noframes>
</html>

Таким образом посетитель, зашедший на такую страницу браузером без поддержки фреймов (скажем, MSIE 2.0 или Lynx), увидит не пустое окно, а пояснительный текст и ссылку на вариант, сделанный без использования фреймов.

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

Таблица 2.10 Атрибуты элемента NOFRAMES
Атрибут	Примечание	Описание
id, class	Общие	Идентификаторы элемента
lang, dir	Общие	Информация о языке и направление текста
title, style	Общие	Определяет заголовок и стиль элемента
align	Устаревший, только для DIV	Определяет выравнивание содержимого блока.
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup	Общие	Определяют действие, которое должно быть выполнено в ответ на соответствующее действие пользователя

ПРИМЕЧАНИЕ
Тут следует отметить, что уж если браузер не поддерживает фреймы, то он тем более не поддерживает большую часть общих атрибутов, поскольку они появились, преимущественно, в HTML 4. 0, а фреймы появиись во времена HTML 2.0, и были «узаконены» в HTML 3.2.

Свойства noframes

Закрывающий тег: требуется.
Совместимость: все (если даже браузер не распознает не только FRAMESET и FRAME, но и NOFRAMES, он все равно покажет этот текст).
Вложение: недопустимо.
Уникальный: да.

Элемент IFRAME

Элемент IFRAME позволяет встраивать документы один в другой наподобие матрешки. Такие фреймы известны под названием встроенных.

<iframe src="test.html">
Текст, который покажет браузер, не поддерживающий элемент IFRAME.
</iframe>

Здесь создается плавающий фрейм, в который будет загружен файл test.html (рис. 2.6). Если файл, содержащий элемент IFRAME загрузить в браузер, не поддерживающий плавающие фреймы, то вместо фрейма будет показан текст, написанный между тегами IFRAME, подобно тому, как это происходит с обычными фреймами и элементов NOFRAMES.

Рис. 2.6. Элемент IFRAME в действии

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

Атрибут	Примечание	Описание
id, class	Общие	Идентификаторы элемента
title, style	Общие	Определяет заголовок и стиль элемента
src	Обязательный атрибут	Задает имя документа, который должен быть загружен во фрейм
name	—	Задает имя фрейма
width	—	Задает ширину фрейма в пикселях
height	—	Задает высоту фрейма в пикселях
longdesc	Не актуален для графических браузеров	Ссылается на документ, описывающий содержимое фрейма
scrolling	—	Определяет можно или нет создавать полосу прокрутки, может принимать 3 значения: Auto (принято по умолчанию), Yes и No
align	Устаревший	Определяет горизонтальное выравнивание фрейма относительно окружающего его текста
marginwidth	—	Определяет ширину отступа слева и справа в пикселях между границей фрейма и собственно его содержимым
marginheight	—	Определяет ширину отступа сверху и снизу в пикселях между границей фрейма и собственно его содержимым
frameborder	—	Указывает, выводить или нет рамку между данным и соседними фреймами, может иметь значение 1 (принято по умолчанию) или 0

Свойства IFRAME

Закрывающий тег: требуется.
Совместимость: все.
Вложение: недопустимо.
Уникальный: нет.

2011-05-21

« Структура документа – заголовок и тело | Ссылки в HTML »

Учeбник HTML.Фреймы..Примеры.

Учeбник HTML.Фреймы.<FRAMESET><FRAME><IFRAME>.Примеры.

Учебник HTML

Учебник HTML >>Создание документа с помощью кадров

Использование <FRAME> позволяет помещать в окна одной страницы несколько отдельных страниц, произвольно менять их размеры и организовывать изменение содержимого одного окна после выполнения пользователем действий в другом окне. Это позволяет использовать их в качестве инструмента навигации. Тэги <FRAMESET> и </FRAMESET> в данном случае заменяют тэги <BODY> и </BODY> соответственно.

Внутри пары <FRAMESET> и </FRAMESET> могут быть использованы только тэги <FRAME>, <FRAMESET> и <NOFRAMES>. По сути создается несколько отдельных страниц фреймов, которые выводятся на экран одновременно ввиде нескольких окошек одного документа. Другими словами, прежде чем организовывать отдельные документы ввиде фреймов одного документа, необходимо прежде создать сами документы. Для пользователей, чей броузер не поддерживает фреймы, необходимо создать альтернативный документ или сообщение о том, каким броузером нужно воспользоваться для прoсмотра данного документа и заключить его в тэги <NOFRAME> и </NOFRAME>

Пара <FRAMESET> и </FRAMESET>

Тэги <FRAMESET> и </FRAMESET> позволяют задать относительный и абсолютный размеры фреймов, <FRAMESET> может иметь атрибуты:

border
Атрибут задает толщину обрамления в пикселах для всех производных фреймов.
<FRAMESET border=»число» >
cols
Атрибут задает количество и размер колонок в создаваемом наборе кадров в пикселах, процентах или *пропорционально другим кадрам. Значения ширины различных кадров перечисляются в кавычках и через запятую.
<FRAMESET cols=»число, число* или % «>
rows
Атрибут задает количество и размер строк в создаваемом наборе кадров в пикселах, процентах или *пропорционально другим кадрам. Значения высоты различных кадров перечисляются в кавычках и через запятую.
<FRAMESET rows=»число, число* или % «>
frameborder
Атрибут задает наличие или отсутствие обрамления у фреймов. Значение 1 соответствует наличию, а 0 — отсутствию обрамления.
<FRAMESET frameborder=»1 или 0» >

Использование <FRAME>

Элемент <FRAME> определяет содержимое заданных фреймов. Он может иметь атрибуты:

src
Атрибут задает документ, который должен быть отображен в фрейме.
<FRAME src=»URL» >
frameborder
Атрибут задает наличие или отсутствие обрамления у фреймов. Может принимать значения Значение 1 соответствует наличию, а 0 — отсутствию обрамления.
<FRAME frameborder=»1 или 0 «>
marginheight
Атрибут задает толщину верхнего и нижнего обрамления в пикселах.
<FRAME marginheight=»число «>
marginwidth
Атрибут задает толщину правого и левого обрамления в пикселах.
<FRAME marginwidth=»число «>
name
Атрибут задает любое имя фрейма, по которому можно будет обращаться к нему с помощью атрибута target в ссылках <A href>. Но существует четыре зарезервированных имени:
1. _blank
  Имя открывает в новом окне содержимое указанного URL.
2. _parent
  Имя открывает содержимое указанного URL в родительском, относительно текущего, фрейме.
3. _self
  Если так назвать фрейм, то содержимое указанного URL заменит первоначально находившуюся в этом фрейме ссылку.
4. _top
  Имя отображает содержимое указанного URL в развёрнутом на всё окно фрейме.
noresize
Атрибут лишает пользователя возможности изменить размеры текущего и смежного фреймов с помощью мыши.
<FRAME noresize >
scrolling
Атрибут задает наличие у кадра полос прокрутки, принимает значения YES, NO и AUTO.
<FRAME scrolling=»значение «>

Использование <IFRAME>.

Этот тэг позволяет вставить в тело BODY окно, в котором визуализируется другая страница, при этом тэг IFRAME, в отличие от тэга FRAME вставляется не между тэгами FRAMESET и /FRAMESET, а между тэгами BODY и /BODY

src
Атрибут задает документ, который должен быть отображен в фрейме.
<IFRAME src=»URL» >
.
frameborder
Атрибут задает наличие или отсутствие обрамления у фреймов. Может принимать значения Значение 1 соответствует наличию, а 0 — отсутствию обрамления.
<IFRAME frameborder=»1 или 0 «>
marginheight
Атрибут задает толщину верхнего и нижнего обрамления в пикселах.
<IFRAME marginheight=»число «>
marginwidth
Атрибут задает толщину правого и левого обрамления в пикселах.
<IFRAME marginwidth=»число «>
name
Атрибут задает любое имя фрейма, по которому можно будет обращаться к нему в ссылках и направлять в него содержимое.
align
Атрибут позволяет позиционировать кадр по отношению к тексту, принимает значения left, right, middle, top и bottom.
<IFRAME align=»left» >
scrolling
Атрибут задает наличие у кадра полос прокрутки, принимает значения YES, NO и AUTO.
<FRAME scrolling=»значение «>
width
Атрибут определяет ширину кадра в пикселях.
<IFRAME >
height
Атрибут определяет высоту кадра в пикселях.
<IFRAME >

Примеры простейших макетов страниц с фреймами.

Горизонтальное деление экрана производится при помощи атрибута rows, а вертикальное при помощи атрибута cols. Значения атрибутов могут быть выражены в пикселах, процентах или * для обозначения оставшейся части экрана.
Например:

cols=50%,50%
Деление области просмотра на равные, правую и левую, части.
Пример
cols=20%,80%
Деление области просмотра на неравные, правую и левую, части.
Пример
rows=100,20%,*
Деление области просмотра на три части: первой отведено 100 пикселей, второй — 20% доступного пространства, а третьей — все остальное.
Пример
cols=*,3*
Деление области просмотра на неравные, правую и левую, части. Правая часть в три раза шире левой.
Пример
cols=25%,75%
Деление области просмотра аналогично предыдущему примеру.
Пример

Пример исходного кода фреймов более сложной структуры.

<HTML>
<HEAD>
<TITLE>FRAMES</TITLE>
</HEAD>
<FRAMESET FRAMEBORDER=1 BORDER=2 ROWS=150,*>
<FRAME SCROLLING=»YES» NORESIZE SRC=»page1.html» NAME=»1«>
<FRAMESET FRAMEBORDER=1 BORDER=2 COLS=150,*>
<FRAME SCROLLING=»YES» NORESIZE SRC=»page2.html» NAME=»2«>
<FRAME SCROLLING=»YES» NORESIZE SRC=»page3. html» NAME=»3«>
</FRAMESET>
</FRAMESET>
</HTML>

Пример исходного кода фреймов c навигацией, тут при клике на ссылке в фрейме 2 меняется содержимое фрейма 3, в него загружается файл page1.html, при этом файл page2.html должен иметь следующий вид:

Сайт создан в системе uCoz

Пример HTML-фрейма

Пример рамы 1

frame_1.html

  

   Первый кадр (frame_1.html)

frame_2. html

  

   Второй кадр (frame_2.html)

frame_example1.html

  

   Пример набора фреймов 1 <title>
</head>
<frameset rows = "35%, 65%">
  <frame src = "frame_1.html" />
  <frame src = "frame_2.html" />
</frameset>
</html> </code> </pre><p> Запустить его…   »</p><h3><span class="ez-toc-section" id="_2"> Пример кадра 2 </span></h3><p> frame_1.html</p><pre> <code> <html>
<body>
  <h3 align = "center"><span class="ez-toc-section" id="_frame_1html-2"> Первый кадр (frame_1.html) </span></h3>
</body>
</html> </code> </pre><p> frame_3.html</p><pre> <code> <html>
<body>
  <h3 align = "center"><span class="ez-toc-section" id="_frame_3html"> Второй кадр (frame_3.html) </span></h3>
</body>
</html> </code> </pre><p> frame_4.html</p><pre> <code> <html>
<body>
  <h3 align = "center"><span class="ez-toc-section" id="_frame_4"> Третий кадр (frame_4.</span></h3><img class="lazy lazy-hidden" src="//forjobathome.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/fs.znanio.ru/d5af0e/f0/53/936dded86fe9fc2ca1e1269ea8114c5806.jpg' /><noscript><img src='/800/600/https/fs.znanio.ru/d5af0e/f0/53/936dded86fe9fc2ca1e1269ea8114c5806.jpg' /></noscript> html) </h3>
</body>
</html> </code> </pre><p> frame_example2.html</p><pre> <code> <html>
<head>
  <title> Пример набора фреймов 2 <title>
</head>
<frameset rows = "35%, 65%">
  <frameset cols = "50%, 50%">
    <frame src = "frame_3.html" />
    <frame src = "frame_4.html" />
  </frameset>
</frameset>
</html> </code> </pre><p> Запустить его…   »</p><h3><span class="ez-toc-section" id="_3"> Пример кадра 3 (удаление границы кадра) </span></h3><p> Верхняя панель навигации (top_nav.html)</p><pre> <code> <html>
<body>
   <h4><span class="ez-toc-section" id="i-18"> Верхняя панель навигации </span></h4> 
</body>
</html> </code> </pre><p> Список меню (menu_list.html)</p><pre> <code> <html>
<body>
   <h4><span class="ez-toc-section" id="i-19"> Список меню </span></h4> 
</body>
</html> </code> </pre><p> Контент (content.html)</p><pre> <code> <html>
<body>
   <h3><span class="ez-toc-section" id="i-20"> Содержание </span></h3> 
  <ul>
    <li> <a href = "http: // www.<img class="lazy lazy-hidden" src="//forjobathome.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/images.myshared.ru/19/1186521/slide_46.jpg' /><noscript><img src='/800/600/http/images.myshared.ru/19/1186521/slide_46.jpg' /></noscript> way2tutorial.com "target =" _ blank ">
      Интернет-руководство по веб-разработке </a> </li>
  </ul>
</body>
</html> </code> </pre><p> Нижний колонтитул (footer.html)</p><pre> <code> <html>
<body>
   <h4><span class="ez-toc-section" id="i-21"> Нижний колонтитул </span></h4> 
</body>
</html> </code> </pre><p> frame_example3.html</p><pre> <code> <html>
<head>
  <title> Пример фрейма 3 

 border = "0" >

Запустить его… »

кадров

Фреймы — это новое расширение HTML от Netscape, позволяющее отображать несколько страниц на одном экране. экран.Цель этого руководства — предоставить базовую основу для разработки фреймов.

Графическое представление фреймов.

Очень сложно описывать кадры, не думая о карте экрана и не видя примера страница в рамке. На следующем рисунке показана карта экрана только с двумя кадрами, разделяющими экран. вертикально (столбцы).

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

Чтобы отобразить то, что вы видели в приведенном выше примере, было создано шесть страниц. Первая страница с кодировка кадра, которую я назвал «myframe.html»; вторая страница с названием «title.html», на которой отображаются ссылки на другие страницы; третья страница называется «право. html «, который загружается в правый фрейм в начало; и три другие страницы, которые являются целями левого фрейма: «option1.html», option2.html и option3.html.

Теги для создания фреймов.

Основная страница фрейма (которую я назвал выше myframe.html ) начинается так же, как и любая другая. HTML-страница с тегами HTML, HEAD и TITLE. Но тег BODY — это , а не . Вместо этого теги FRAMESET охватывают теги определения кадра. Ниже приведены теги для myframe.html-страница:

мой фрейм

<без рамок>

Линейная страница

Позвольте мне пройти вас по каждому из этих тегов и объяснить, что они делают:

первый тег определяет (в данном случае), что строки не будут разделяться, так как rows = «100%», поэтому каждый кадр будет отображаться на экране полной строки .
второй тег определяет (в данном случае), что столбцы будут разделены на две части. frames, for columns = «20%, 80%», что означает, что первый кадр будет отображаться в 20% столбцы экрана, а второй будет отображаться в 80% оставшихся столбцов экрана. В следующем примере мы увидим другие аранжировки.
следующий тег немного сложнее. В рама.src = «title.html» определяет страницу, которая будет загружена в начале в первом Рамка; name = «left» присваивает имя первому кадру — я придумал очень оригинальное имя для это: осталось . Наконец, scrolling = «yes» позволяет пользователям прокручивать вверх и вниз, влево и вправо в рамка, если нужно.
второй тег src кадра определяет right.html как страницу для загрузки в начале во втором frame, дает ему имя right , а также делает его прокручиваемым (существует ли это слово ?!).
один тег завершает определение фреймов в этом простом примере.

Что произойдет, если браузер, который обращается к myframe.html , не поддерживает фреймы? В приведенном выше примере он отображает обычную страницу и игнорирует теги фрейма.

Как это достигается? Продолжим наш тур по коду первого примера:

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