Пример оформления главной страницы ЭОР «Все о
капутсе» с помощью фреймов.
Фреймовая (рамка)
верстка – подобна табличной верстке, но более универсальна. Фрейм это
законченный отдельный HTML-документ, входящую в общую структуру страницы, и
может быть отражен совместно с другими HTML-документами, в браузере.
При разбиении экрана на фреймы (кадры ) были заданы
две строки rows="110,*" и
три столбца cols="20%,*,20%".
Использование * дает возможность задать резиновую верстку.
При «резиновой»
вёрстке размер страницы задается в процентах к ширине окна браузера, что позволяет
(почти) устранить зависимость от разрешения пользовательского монитора.
На нашей странице одновременно
отображается четыре html-документа: рис.html ,
sod.html, istor.html,
sod1.html.
Весь блок описания фреймовой
структуры должен стоять выше тега BODY, иначе в браузере фреймовая структура не просматривается. Тег BODY в файле можно удалять.
<html>
<head>
<title>Главная</title>
</head>
<!-- frames -->
<frameset
rows="110,*">
<frame src="рис.html" marginwidth="10" marginheight="10"
scrolling="auto" frameborder="0"
target="_top">
<frameset
cols="20%,*,20%">
<frame name="" src="sod.html"
marginwidth="10" marginheight="10" scrolling="auto"
frameborder="0">
<frame name="текст" src="istor.html"
marginwidth="10" marginheight="10"
scrolling="auto" frameborder="0">
<frame name="текст1"
src="sod1.html"" marginwidth="10"
marginheight="10" scrolling="auto"
frameborder="0">
</frameset>
</frameset>
<body>
</body>
</html>
Атрибут scrolling="auto"
позволяет автоматически появляться полосе прокрутки.
Чтобы
загрузить документ в другое окно было проделано следующее. Самому большому
кадру из нашего примера присвоено имя «текст»
- frame
name="текст"
(имя, конечно, может быть любым).
А
ссылку ставим так:
<a href="beloc.html"> target="текст"
белокочанная капуста</a>.
Файл
beloc.html будет грузиться в целевой кадр,
помеченный нами как текст
Но
если фрейм содержит много ссылок, нет необходимости добавлять атрибуты target ко всем тегам <A>. Атрибут target
задается по умолчанию, так что браузер будет отправлять каждую загружаемую по
ссылке страницу в заданный вами фрейм.Чтобы задать атрибут target
по
умолчанию, добавьте следующий тег раздел заглавия (то есть между тегами <head>
и </head> <base target="текст">
Файлы
sod.html, istor.html, sod1.html
загружаемые в это окно содержат тег <base target="текст">. Параметр target
(цель)
указывает на эту метку.
Чтобы
страница грузилась не в кадр, а целиком заняла бы окно браузера, надо поставить
в гиперссылке атрибут target, указывающий на специальную метку _top (вверх).
Комментариев нет :
Отправить комментарий