Уважаемые гости и пользователи нашего форума!
Это очень полезный текст. Очень хорошо прописанны детали, прямо текст для "чайников". Но всё, что здесь есть вам несомненно пригодится!
Фреймы — несколько разделов или окон в окне браузера. В каждом фрейме отображается своя html-страничка. Например, слева — меню, справа — странички, открывающиеся после клика по выбранному пункту меню.
В html-код главной страницы с фреймами вставляется информация о расположении фреймов и местоположении страниц для каждого из фреймов. Т.е. никакие тексты и картинки в самом коде этой главной фреймовой странички не указываются.
Деление окна браузера на 2 вертикальных фрейма
пишем перед тегами body (см. структуру html-страницы):
<frameset cols="200,*">
<frame src="page1.html" name="f1">
<frame src="page2.html" name="f2">
</frameset>
Тег frameset задает деление окна на столбцы (cols). Через запятую перечислены размеры этих столбцов: первый — 200 пикселей (а можно указывать размеры в процентах от всего экрана), второй — «звездочка» — т.е. все оставшееся место на экране. Если вы хотите увидеть на экране 3 столбика, то указывайте 3 цифры через запятую. Можно написать: <frameset cols="20%,30%,*">
page1.html — страничка, открывающаяся в первом фрейме с именем f1.
page2.html — вторая.
Деление окна браузера на 2 горизонтальных фрейма
пишем перед тегами body:
<frameset rows="100,*">
<frame src="page1.html" name="f1">
<frame src="page2.html" name="f2">
</frameset>
rows — указывает на то, что экран будет делиться на фреймы по горизонтали. Например, в самом верху — меню с логотипом сайта, а внизу — меняющиеся странички.
Свойства фреймов
Сразу после указания имени фрейма могут быть перечислены его свойства:
<frame src="page1.html" name="f1" scrolling="no" noresize border="2" bordercolor="#FF0000" marginheight="20" marginwidth="10">
scrolling — указывает, будет ли полоса прокрутки в данном фрейме (yes — будет, no — нет).
noresize — запрещает гостю сайта изменять размеры фреймов путем растягивания границ двойной стрелкой мыши.
border — ширина границ между фреймами (их можно полностью убрать: frameborder=0)
bordercolor — цвет границ
marginheight — высота верхнего отступа между границей фрейма и началом текста/рисунка
marginwidth — ширина боковых отступов между боковыми границами фреймов и началом текста/рисунка
Ссылки в фреймах
Ссылка на фрейм:
<a href="page4.html" target="f1">ссылка</a>
target указывает на то, что страничка page4.html откроется ВНУТРИ фрейма с именем f1. Вот зачем нужно указывать имена фреймов во frame src Кстати, с iframe target'ы работают так же. Об iframe смотрите в соответствующей статье!
Автор урока— Ollenkka