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

1 Фреймы в HTML

2 Фреймы Фрейм (англ. frame кадр, рамка) в самом общем случае данное слово обозначает структуру, содержащую некоторую информацию. Фрейм (в языке HTML) область окна браузера для представления отдельной WEB-страницы, то есть по сути это отдельное окно.

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

4 Элементы фреймовой структуры Тег - определяет структуру фреймов на WEB- странице. Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная WEB-страница определяемая с помощью тега FRAME. Тег - определяет свойства отдельного фрейма, на которые делится окно браузера.

5 Элементы фреймовой структуры Тег - создает плавающий фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы. Тег - содержимое тега NOFRAMES отображается в браузере, когда он не поддерживает фреймы и не умеет их интерпретировать. Браузеры, которые работают с фреймами, полностью игнорируют содержимое тега NOFRAMES.

6 Особенности фреймовой структуры Фреймовые структуры затрудняет работу поисковых роботов, тема самым снижая потенциальную возможность нахождения Вашего сайта в поисковых системах. Фреймы скрывают заголовок страницы, устанавливаемый через тег, и всегда показывают только заголовок сайта. По этой причине понравившуюся страницу невозможно поместить в раздел «Избранное» браузера. Использование этих тегов требует обязательного указания как Transitional или Frameset;

7 Особенности фреймовой структуры Документ HTML, в котором описывается фреймовая структура (называемый документом с фреймами), выглядит не так, как документ HTML без фреймов. Стандартный документ имеет один раздел и один раздел. Документ с фреймами имеет раздел и раздел, который заменяет раздел BODY. …

8 Тег Элемент определяет содержимое и вид одного фрейма. Должен располагаться в контейнере Не является контейнером. Закрывающий тег не требуется.

9 Тег Атрибуты: src Определяет URL файла, предназначенного для загрузки во фрейм. src = URL name Задает уникальное имя фрейма, которое можно указать в качестве цели ссылки (как значение атрибута target тега ). name = имя фрейма noresize Определяет, можно изменять размер фрейма пользователю или нет. noresize scrolling Способ отображения полосы прокрутки во фрейме. scrolling = auto | no | yes

10 Тег Атрибуты: bordercolor Цвет линии границы (некоторые браузеры не поддерживают этот атрибут, например Opera). bordercolor = цвет | #RRGGBB frameborder Отображать рамку вокруг фрейма или нет (некоторые браузеры не поддерживают этот атрибут, например Opera). frameborder =1 | 0

11 Тег Тег задает расположение фреймов в основном окне агента пользователя. Является контейнером. Закрывающий тег обязателен. Тег заменяет собой элемент на WEB- странице. Допустимо использовать вложенную структуру элементов, это позволяет разбить один фрейм на две и более области. В контейнере FRAMESET размещаются теги, описывающие свойства отдельного фрейма. В контейнере FRAMESET может присутствовать элемент NOFRAMES с альтернативным содержимым для агентов пользователей, не поддерживающих фреймы или сконфигурированных так, чтобы их не показывать.

12 Тег Атрибуты: bordercolor Цвет линии границы (некоторые браузеры не поддерживают этот атрибут, например Opera). bordercolor = цвет | #RRGGBB frameborder Определяет отображать рамку вокруг фрейма или нет (некоторые браузеры не поддерживают этот атрибут, например Opera). frameborder = 1 | 0 border Толщина границы между фреймами. border = n framespacing Аналог параметра border, задает ширину границы. более старый параметр и поддерживается браузерами для совместимости с их ранними версиями. framespacing = n

13 Тег Атрибуты: cols Устанавливает ширину или пропорции фреймов в виде колонок. cols = 100, 500 cols = 20%, 20%, 60% cols = 1*, 1*, 2*, 3* rows Задает размер или пропорции фреймов в виде строк. rows = 100, 500 rows = 20%, 20%, 60% rows = 1*, 1*, 2*, 3*

14 Фреймовая структура Фреймы

15 Фреймы в GOOGLE

16 Фреймы в IE

17 Фреймы в SAFARI

18 Фреймы в FIREFOX

19 Фреймы в OPERA

20 Вложение фреймовая структура Фреймы

21 Вложение фреймовая структура Фреймы

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

23 Тег Тег NOFRAMES Ваш браузер не поддерживает фреймы.

24 Тег Тег создает плавающий фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы. Является контейнером. Закрывающий тег обязателен. Содержание тега игнорируется браузерами, не поддерживающих данный тег. Для таких браузеров можно указать альтернативный текст, который увидят пользователи. Он должен располагаться между элементами и.

25 Тег Атрибуты: src Путь к файлу, содержимое которого будет загружаться во фрейм. src = URL name Имя фрейма. name="имя" scrolling Способ отображения полосы прокрутки во фрейме. scrolling= auto | no | yes frameborder Устанавливает, отображать границу вокруг фрейма или нет. frameborder= yes | no | 1 | 0

26 Тег Атрибуты: align Определяет как фрейм будет выравниваться по краю, а также способ обтекания его текстом. align=bottom|top|middle|left|right|texttop|absmiddl e|baseline height Высота фрейма. height = n | % width Ширина фрейма. width = n | % hspace Горизонтальный отступ от фрейма до окружающего контента. hspace = n vspace Вертикальный отступ от фрейма до окружающего контента. vspace = n

27 Фреймы