1. Повторение. Как создать файл, используя Internet Explorer? Ответ: Открыть существующий файл, затем Вид/HTML-код/Файл/Создать. Написать текст создания HTML кода Web-страницы, затем Файл/ сохранить как (имя файла с расширением *.htm)..
2. Фреймы. Фрейм (Рамка) – это мощный механизм представления информации на WEB-страницах. С помощью фреймов экран разделяют на несколько областей, в каждой из которых отображается содержимое отдельной страницы и даже WEB-узла. Для разделения экрана используют парные тэги <frameset>...</frameset>
Для описания каждого фрейма используют тэг
<frameset>
Пример 1. Создадим четыре Web- страницы цвета, а
затем покажем их в разных фреймах одной странички.
Фрейм А. Файл A.htm
<TITLE>Рамка. Страничка А</TITLE>
</HEAD>
<body bgcolor=”#FF00FF”>
Фрейм А розового цвета</body>
Фрейм B. Файл B.htm
</html>
<HTML> <HEAD>
<TITLE>Рамка. Страничка B</TITLE>
</HEAD>
<body bgcolor=”#00FF00”>
Фрейм B зеленого цвета</body>
</html>
Фрейм С. Файл C.htm
<HTML> <HEAD>
<TITLE>Рамка. Страничка С</TITLE>
</HEAD>
<body bgcolor=”#FFFF00”>
Фрейм C желтого цвета</body>
</html>
Фрейм D. Файл D.htm
<HTML> <HEAD>
<TITLE>Рамка. Страничка D</TITLE>
</HEAD>
<body bgcolor=”#FFFFFF”>
Фрейм А белого цвета</body>
</html>
Теперь разделим экран на четыре колонки, и
в каждой из них будет отдельный фрейм.
Демонстрация фреймов.
<HTML> <HEAD>
<TITLE>Демонстрация фреймов</TITLE>
</HEAD>
<FRAMESET COLS=”25%, 25%, 25%,25%”>
<FRAME SRC=”A.htm”>
<FRAME SRC=”B.htm”>
<FRAME SRC=”C.htm”>
<FRAME SRC=”D.htm”>
</FRAMESET>
</html>
Можно выполнить рамки разного размера.
Здесь * - оставшаяся часть. Для того, чтобы
загрузить в первый фрейм 10%, во второй -10%, в третий и четвертый фрейм
– оставшуюся часть, причем в последнюю в 2 раза больше, чем в третью,
напишем следующий тэг:
< FRAMESET COLS=”10%, 10%,*,2*”>
Аналогично тому, как мы выполняли
разделение экрана на колонки, можно выполнить разделение экрана на
дорожки ROWS.
< FRAMESET ROWS=”10%, 10%,*,2*”>
В тэг
При этом, если изображение не помещается в
рамку, появляется полоса прокрутки. Можно управлять полосой прокрутки.
Имеется атрибут SCROLLING, принимающий значения:
SCROLLING=YES - всегда будет полоса прокрутки.
SCROLLING=NO - никогда не будет полосы прокрутки.
SCROLLING=AUTO - появление полосы прокрутки выполняется автоматически.
3. Задание. Создать Web –
странички с 4 горизонтальными фреймами. Здесь первый фрейм розового
цвета и второй фрейм зеленого цвета занимают по 10%. Третий и четвертый
фрейм занимают остальное пространство. Поместить в третий и четвертый
фреймы графические изображения. Причем в четвертом фрейме - изображение
внутри WEB-странички E.htm. Пример выполнения задания файл Demo3.htm :
<html><head>
<title>Демонстрация фреймов 1</title></head>
<frameset rows="10%,10%,*,2*" border = 10 >
<frame src="A.htm">
<frame src="B.htm">
<frame src="1.jpg">
<frame src="E.htm" scrolling=Yes>
</html>
4.Связь между фреймами.
Можно установить связь страниц во фрейме. Возьмем страничку a2.htm.
Добавим тэги гиперссылки на файл D.htm и гиперссылку на сайт
Санкт-Петербурга.
При этом атрибут TARGET имеет 4 значения:
TOP – загружает содержимое страницы, заданной ссылкой, в окно, игнорируя
используемые фреймы;
BLANK – загружает содержимое страницы, заданной ссылкой, в новое пустое
окно;
SELF - загружает содержимое страницы, заданной ссылкой, в окно, которое
содержит ссылку.
PARENT - загружает содержимое страницы, заданной ссылкой, в окно,
являющееся непосредственным владельцем набор фреймов.
Файл A2.htm
<title>Рамка. Страничка А</title></head>
<body bgcolor="#ff00ff">
Фрейм А розового цвета
<br>
<a href="http://www.spb.ru/" TARGET=_TOP>САЙТ ПЕТЕРБУРГ</A>
<br>
<a href="D.htm" TARGET=TOP>НА D</A>
</body></html>
Теперь можно загрузить эти файл a2.htm и
B2.htm в фрейм.
Файл DEMO11.htm.
<html><head>
<title>Демонстрация фреймов 11</title></head>
<frameset cols="50%, 50%">
<frame src="a2.htm">
<frame src="B2.htm" >
</frameset>
</html>
 |
 |
 |
