Знакомства на Just click it
Скоро новый год!
Онлайн радио
Вверх
Новые статьи

Ретро газета в подарок
Архив

Фреймы в HTML

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

 

 

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

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

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

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

 



HTML формы
Заключение
Наверх
Источник: Создание сайтов
Мы В Контакте Мы на Facebook Лента новостей RSS
Копирование и публикация материалов сайта разрешены только при наличии активной ссылки на источник
2011 - наши дни.. © Контакты | Лого | Реклама на сайте | Вебмастерам