Главная
Уроки
Конспекты
Хостинг
Контакты



 

Фреймы

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

Итак, что же такое фреймы? Фреймы позволяют открыть в одном окне браузера не один, а сразу несколько документов. Давайте поближе познакомимся с фреймами и попробуем сделать страничку состоящую из фреймов. Страничка будет состоять их трех документов: меню(menu.html), заголовок(shapka.html) и документа с содержанием(main.html). Выглядеть страница будет примерно так:

Заголовок
меню
Содержание сайта

Для того, чтобы создать страничку с применением фреймов нам не понадобится тэг <body>, но здесь нам понадобится другой тэг: <frameset> </frameset>. Посмотрите как это выглядит:

<html>
<head>
     <title>Фреймы</title>
<frameset>


</frameset>
</head>
</html>

Итак, наша страничка будет состоять из двух рядов, притом второй будет поделен пополам. Для задания высоты рядов существует специальный атрибут rows, а для задания ширины атрибут cols. Значения для этих атрибутов задаются пикселями, процентами, и, если надо задать что фрейм будет занимать оставшееся пространство, то следует ставить значение "*". Давайте разделим страничку на два ряда при помощи фреймов и зададим верхним фреймом страничку с заголовком(shapka.html):

<html>
<head>
     <title>Фреймы</title>
<frameset rows="70, *">
<frame src="shapka.html">

</frameset> </head>
</html>

Как видите, я задал первому ряду значение высоты =70 и то, что это страница shapka.html. И еще я поставил звездочку, что задает второму ряду всю оставшуюся свободную страничку. Но как раз этот второй фрейм я не обозначил, т.к. мы хотим поделить его на два (меню и содержание страницы). Для этого внутри уже созданного фрейма создадим еще один:


<html>
<head>
     <title>Фреймы</title>
<frameset rows="70, *">
<frame src="shapka.html">

<frameset cols="150, *">
 <frame src="menu.html">
 <frame src="main.html">
</frameset>

</frameset>

</head>
</html>


Тут я добавил еще один ряд и поделил его на две колонки (меню и содержание страницы), т.е. menu.html и main.html. Для первого столбца(меню), при помощи атрибута cols я поставил ширину 150 пикселов, а для содержания страницы всю оставшуюся область страницы.

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

Изучение основ языка HTML вы закончили. Теперь я советую Вам сделать практическую работу, чтобы попробовать сделать более-менее полноценную страничку. Ну а потом делайте свой сайт и идите на следующий урок, чтобы узнать как разместить сайт в сети Интернет.



 


|Все уроки |
| Назад | Главная |

| Главная | История HTML | Зачем нужен сайт | Уроки | Конспекты | Практическая работа | Тест | Скрипты | О хостинге | Контакты |