Html как сделать фреймы в html

Html как сделать фреймы в html

Html как сделать фреймы в html

Html как сделать фреймы в html

> > Фреймы в HTML

«Фреймы в HTML» – десятый урок учебника HTML. В этом уроке мы поговорим об использовании фреймов в HTML, разберем фреймовую структуру и научимся создавать фреймы самостоятельно.

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

Особенности фреймов в HTML.

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

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

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

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

Но для общего развития стоит сказать несколько слов о создании фреймов в HTML.

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

В создании фреймов нет ничего трудного. Вместо тела документа <body></body> используется конструкция вида<frameset></frameset>.

Вообще структура кода при создании фреймов очень напоминает табличную HTML структуру:

  • для начала мы разбиваем все окно браузера на несколько областей, по горизонтали <FRAMESET cols=»20%, 80%»></FRAMESET> или по вертикали <FRAMESET rows=»60%, 40%»></FRAMESET>. Значения пропорций можно указывать как в процентах, так и простым числом, отвечающим за размер в пикселах.
  • Далее мы можем разбить каждое окно в отдельности на произвольное количество частей, конструкцией вида<FRAMESET rows=»10%, 20%,70%»></FRAMESET> или же подгрузить файл в фрейм конструкцией <FRAME src=»frame1.html»>.

Для большей наглядности приведем небольшой пример:

<HTML>
<HEAD>
</HEAD>
<FRAMESET cols=»30%, 70%»>
<FRAMESET rows=»100, 200″>
<FRAME src=»fr1.html»>
<FRAME src=»fr2.html»>
</FRAMESET>
<FRAME src=»imf_1.gif»>
</FRAMESET>
</HTML> FRAME1 FRAME3 FRAME2

Идея очень проста. Для начала создается основной фрейм, который покрывает собой всю страницу. В атрибутах данного фрейма мы указываем, что он будет разбит на два подфрейма в соотношении 3/7. Далее, перед закрытием основного фрейма, мы создаем еще одно окно внутри левой части основного фрейма и в его атрибутах указываем, что он будет также разбит на два подфрейма по вертикали и с заданными параметрами высоты (100 и 200 px).

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

Это важно.

Здесь стоило бы заметить, что заполнение фреймов начинается с самого левого, самого верхнего и самого младшего фрейма.

Как вы можете видеть в примере первым делом заполняется FRAME1, т. к. он является самым младшим фреймом, расположенным в левом верхнем углу. Соответственно последним заполняется FRAME3, т. к. он самый старший фрейм в созданной нами иерархии.

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

В следующем уроке будут подведены итоги обучения HTML.

EltisBook.ru - Как создать свой сайт | Copyright © 2010 - 2017 | Все права на сайт принадлежат Маркину Антону | SEO блог Маркина Антона

Копирование текстов без согласования разрешается при наличии dofollow ссылки на источник информации.

Заказать разработку интернет магазина, идеального для seo продвижения по ссылке


Источник: http://www.eltisbook.ru/html/freimi-v-html.php


Html как сделать фреймы в html

Html как сделать фреймы в html

Html как сделать фреймы в html

Html как сделать фреймы в html

Html как сделать фреймы в html

Html как сделать фреймы в html