 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Создание фреймов
|
|
Используя фреймы, можно значительно улучшить внешний вид и функциональность сайта. С помощью фреймов экран разделяется на несколько окон, в каждом из которых отображается содержимое отдельной страницы. Используя фреймы, можно одновременно загрузить в одно окно браузера несколько Web-страниц.
Размер фрейма может изменяться пользователем прямо на экране с помощью мыши. Каждый фрейм имеет собственный адрес, что позволяет отображать его, независимо от других фреймов, а собственное имя, позволяет переходить к нему из других фреймов. Такие свойства фреймов позволяют размещать в одном фрейме информацию, которую автор считает необходимым постоянно показывать пользователю. Это может быть логотип фирмы, набор управляющих кнопок, меню и т.д. С помощью фреймов можно создавать также окна запросов, когда в одном фрейме находится собственно запрос, а в другом - его результаты.
Рассмотрим, как с помощью фреймов поместить в окне браузера меню для перехода на другие страницы сайта и сами страницы.
Для описания фреймов используется отдельный HTML-файл.
Вместо тэгов <body>..</body> в файле, описывающем фреймы, используется пара тэгов <frameset>..</frameset> с атрибутами rows (строки) или cols (колонки), определяющими, как делится экран – по горизонтали или по вертикали. В качестве значений этих атрибутов можно использовать числовое значение высоты или ширины фрейма в пикселях или в процентах от 1% до 100%.
Например, если вы нужно разделить окно браузера по горизонтали на два равных по размеру фрейма, то код HTML должен быть таким:
<frameset row="50%,50%">
Значения атрибутов отделяются один от другого запятой. Для того, чтобы разделить окно браузера по вертикали на два фрейма шириной 200 и 600 пикселей, следует написать:
<frameset cols="200,600">
Однако фактическая ширина и высота окна фрейма зависит от текущего разрешения монитора. Поэтому, если у пользователя установлено разрешение, например, 1024х768 пикселов, т.е. ширина экрана – 1024 пикселя, то часть экрана может остаться незаполненной.
По этой причине рекомендуется задавать размеры фреймов в процентах так, чтобы их сумма была равна 100%. Если необходимо для одного из окон указать фиксированный размер в пикселях, то размер другого окна можно не указывать, заменив его значение символом *. В этом случае браузер сам подберет нужный размер для второго окна.
Создадим для отображения нашего сайта два вертикальных фрейма. Для первого фрейма, в котором будет выводиться меню, установим фиксированную ширину – 160 пикселей, а размер второго предоставим определить браузеру, заменив его звездочкой *:
<frameset cols="160,*">
Таким образом, мы указали, что окно браузера должно быть разделено по вертикали на два фрейма. Для описания каждого фрейма в отдельности используются одиночные тэги <frame>, которые должны находиться внутри элемента <frameset>..</frameset>. Обязательным атрибутом тэга <frame> является src, значение его - адрес документа, который должен находиться в данном фрейме. Так как в первом фрейме будет находиться файл menu.html, то данный тэг следует записать так:
<frame src="menu.html">
Во второй фрейм должен загружаться файл lab1.html, поэтому второй тэг <frame> будет таким:
<frame src="lab1.html">
Для того, чтобы во второй фрейм могли загружаться также и все остальные страницы сайта – lab2.html и другие, которые, возможно, будут созданы, – необходимо с помощью атрибута name присвоить данному фрейму имя, которое, будучи указано в ссылках любого документа в качестве значения атрибута target, определит, в какой именно фрейм следует загрузить документ.
Напомним, что в общем случае, при переходе по ссылке новый документ открывается в том же окне. Именно для того, чтобы при переходе по ссылкам нашего меню страницы открывались не в первом фрейме, в котором расположено меню, а во втором, мы использовали в предыдущем вопросе в ссылках меню атрибут target со значением "frame": target="frame", где "frame" –это имя второго фрейма. И теперь имя "frame" следует присвоить второму фрейму, в котором должен открываться файл lab1.html. Поэтому второй тэг <frame> в окончательном виде должен быть записан так:
<frame src="lab1.html" name="frame">
Окончательный код HTML-кода данной страницы должен иметь вид:
<head>
<title>Лаборатория АСУ ТП
</title>
</head>
<frameset cols="160,*">
<frame src="menu.html">
<frame src="lab1.html" name="frame">
</frameset>
</html>
Сохраниv файл в папке Lab под именем index.html.
Имя index.html должно обязательно присваиваться файлу с главной страницей каждого сайта. Именно этот файл открывается по умолчанию при обращении к Web-узлу, если не указано другое имя файла. На некоторых сайтах имя главной страницы может быть index.htm, a index.html отображается не как страница, а как папка с именами файлов. Это надо уточнять у администратора узла.
Фреймы — удобное и эффективное средство для размещения информации на Web-страницах. Однако, используя его, не следует терять чувства меры. Слишком большое количество окон на экране не улучшает восприятие информации. Не располагайте на экране более трех фреймов и старайтесь не применять их без необходимости.
Дата публикования: 2015-01-23; Прочитано: 223 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
