- •Кафедра экономики и финансов предприятий Информационные системы в экономике:
- •1.Понятие Internet и Intranet
- •4.Понятие гипертекста
- •5.Язык гипертекстовой разметки - html
- •6.Структура html-страницы
- •7. Форматирование текста
- •8. Списки в html
- •9. Таблицы в html
- •10. Гипертекстовые ссылки
- •11.Html-страницы на основе фреймов
- •11.Редактор FrontPage Express
11.Html-страницы на основе фреймов
Фрейм представляет собой отдельное рабочее окно обозревателя, в ряде случаев разделенное еще на несколько различных фреймов. Совокупность таких окон называют фреймовой структурой. Фреймовая структура позволяет разбивать основную область на сколько угодно составляющих областей. Каждый фрейм – это не что иное, как отдельный HTML-документ, загружающийся обозревателем в предназначенном для него окне. Таким образом, страница с фреймовой структурой – это набор взаимосвязанных электронных документов, параметры и свойства которых определяются настройками всей структуры.
При помощи фреймов можно значительно улучшить внешний вид и функциональность информационных систем и Web-приложений. Каждое подокно, или фрейм, может иметь следующие свойства:
- каждый фрейм загружается независимо от других фреймов
- каждый фрейм имеет собственное имя, позволяющее переходить к нему из другого фрейма
- размер фрейма может быть изменен пользователем непосредственно на экране при помощи мыши (если это не запрещено указанием специального параметра).
Чаще всего прибегают к фреймовой структуре в следующих случаях:
- создание неподвижной или прокручиваемой навигационной панели управления;
- одновременное отображение информации в нескольких местах;
- постоянное визуальное присутствие определенного текстового, графического или иного объекта;
- разработка Web-интерфейса для онлайн-игр.
Для описания фреймовых структур в HTML предусмотрен ряд специальных тегов и атрибутов.
Тег <frameset> (парный) является основным тегом фреймовой структуры и записывается в заголовке HTML-страницы.
Особенностью HTML-страницы с фреймами является отсутствие элемента <body>.
Тег <FRАМЕ> определяет внешний вид и поведение фрейма. Этот тег не имеет закрывающего тега, поскольку в нем ничего не содержится. Вся суть тега <FRАМЕ> в его атрибутах:
Основные атрибуты данного тега:
marginheight="0" - определяет ширину верхнего и нижнего полей фрейма.
marginwidth="0" - определяет ширину левого и правого полей фрейма.
scrolling="yes" (no, auto) - линейка прокрутки будет всегда (никогда, если надо).
name="window-1" - имя фрейма, используется для ссылки на него из других документов (фреймов), с помощью параметра тэга <a> target (target="имя_фрейма").
rows="100,200,*" - определяет количество и размеры горизонтальных фреймов (рядов). Размеры задаются в процентах или пикселях.
cols="10%,20%,70%" - определяет количество и размеры вертикальных фреймов (колонок).Размеры задаются в процентах или пикселях.
border - определяет ширину рамок фреймов в пикселях.
Пример: <frame src="right.html" name="Right" scrolling=no marginheight=20 marginwidth=10>
Этот пример описывает фрейм с именем "Right", в котором отображается файл "right.html". У фрейма: не будет полос прокрутки, отступы от верхнего и нижнего края = 20пк, от левого и правого = 10 пк.
Задание 5.
Используя страницы созданные по заданиям 2-4 создать HTML-страницу с фреймовой структурой. Левый фрейм должен занимать ¼ страницы и отображать ссылки на страницы созданные в предыдущих заданиях и ссылку возврата на главную страницу (главная страница отображается при открытии страницы и содержит название темы всех страниц). Страницы по ссылкам должны загружаться в правом фрейме.