§7. Использование фреймов.
С помощью фреймов можно создать профессионально оформленные Web –страницы. Разделив страницу на части, каждая из которых обновляется отдельно, можно создать для них различные элементы интерфейса. Фреймы позволяют идеально оформить страницы. При изучении этой темы необходимо придерживаться следующей последовательности рассмотрения вопросов:
назначение фреймов;
создание фреймов;
загрузка в фреймы целых страниц;
настройка фреймов;
структура фреймов;
присвоение имен фреймам и загрузка страниц в именованные окна фреймов;
перемещение по фреймам.
Приведем основные дескрипторы, используемые в фреймах.
№ |
Дескриптор |
Значения параметров |
Назначение |
1 |
FRAMESET ROWS="25%,*" |
% или число |
Делит страницу на горизонтальные рамки в установленном соотношении |
2 |
<FRAMESET COLS="25%,*" |
% или число |
Делит страницу (оставшуюся часть) на вертикальные рамки в установленном соотношении |
3 |
FRAMEBORDER="параметр" |
yes, no |
Делает бордюр (окантовку рамки) видимым или не видимым. |
4. |
<FRAME SRC="Имя html файла” > |
|
Загружает в фрейм (рамку) страницу |
5. |
BORDER |
0,1,2 |
Устанавливает стиль бордюра |
6. |
SCROLLING |
yes, no, auto |
Определяет присутствие полос прокрутки в окне фрейма. Применяется в дескрипторе <FRAME> |
7. |
NORESIZE |
|
Границы фрейма закрепляет жестко. Применяется в дескрипторе <FRAME> |
8. |
NAME |
|
Присваивает фреймам имена. Применяется в дескрипторе <FRAME> |
Рассмотрим пример. Страница разделяется на 3 фрейма. В каждый фрейм загружается страница.
<HTML>
<HEAD>
<TITLE>Фреймы</TITLE>
</HEAD>
<FRAMESET ROWS="35%,*" FRAMEBORDER="yes">
<FRAME SRC="прим 1.htm">
<FRAMESET COLS=" 50%,*">
<FRAME SRC="666.htm" >
<FRAME SRC="8_web.htm" >
</FRAMESET>
</FRAMESET>
</HTML>
Содержание файла 8_web.htm.
<HTML>
<HEAD>
<TITLE>Глава 8</TITLE>
</HEAD>
<BODY>
<p>Фреймы используются </p>
<p>для оформления страниц</p>
</BODY>
</HTML>
Содержание файла 666.htm"
<HTML>
<HEAD>
<TITLE>Таблицы</TITLE>
</HEAD>
<BODY>
<TABLE BORDER=2
<TABLE COLS="3"
<TR>
<TH ROWSPEAN =5>
Второй фрейм
</TH></TR>
<TR><TH> 1 курс </TH><TR>
<TR> <TD>1.Иванов Николай Петрович</TD><TD></TR>
<TR><TD>2.Петров Николай Иванович</TD><TD></TR>
<TR><TD>3.Александров Алексей Николаевич </TD></TR>
</BODY>
</HTML>
Содержание файла прим 1.htm"
<HTML>
<HEAD>
<TITLE> Буквица </TITLE>
</HEAD>
<BODY>
<Font size=7>П<Font size=5>ервый <Font size=7>Ф<Font size=5>рейм!
</BODY>
</HTML>
В результате имеем следующую Web-страницу. Конечно в школьном курсе трудно рассматривать создание форм, сценариев и т.д. Как было сказано выше, для создания Web-страниц можно использовать HTML редакторы, в том числе и Microsoft Word. Но главное, чтобы учащиеся могли рассматривать эти страницы в режиме НTML и внести соответсвующие изменения, дополнения, понять технологию Web броузера.
|
|
После прохождения темы “Фреймы” учащимся можно предложить долгосрочные творческие задания по оформлению Web страниц следующего содержания:
Мой класс.
Моя школа
Мой город
Моя семья
В старших классах можно усложнить задания. Например. Создать электронный реферат по теме, справочник по математике, физике, химии для учащихся определенного класса.
Конкурс Web страниц может быть внутришкольный, городской, районный.