Фреймы - Урок 4
Теперь мы опробуем пару малых эффектов. Хотя они работают не со всеми браузерами. Если браузер не понимает атрибут, он только игнорирует его.
Во первых мы можем изменять толщину рамок...
<FRAMESET COLS="154,*" BORDER=20>
<FRAMESET ROWS="170,*">
<FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO
MARGINWIDTH=1 MARGINHEIGHT=1>
<FRAME SRC="lisa.html">
</FRAMESET>
<FRAME SRC="terri.html">
</FRAMESET>
Мы можем изменять цвет рамок.
<FRAMESET COLS="154,*" BORDER=20 BORDERCOLOR="#FFOOOO">
<FRAMESET ROWS="170,*">
<FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO
MARGINWIDTH=1 MARGINHEIGHT=1>
<FRAME SRC="lisa.html">
</FRAMESET>
<FRAME SRC="terri.html">
</FRAMESET>
Мы можем выключить рамки для индивидуального <FRAMESET> с FRAMEBORDER.
<FRAMESET COLS="154,*" BORDER=20 BORDERCOLOR="#FFOOOO">
<FRAMESET ROWS="170,*" FRAMEBORDER=NO
>
<FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO
MARGINWIDTH=1 MARGINHEIGHT=1>
<FRAME SRC="lisa.html">
</FRAMESET>
<FRAME SRC="terri.html">
</FRAMESET>
Мы можем предотвращать изменения размеров фрейма при просмотре. Если нет специальных обстоятельств, действительно нет никаких причин использовать этот атрибут.
<FRAMESET COLS="154,*" BORDER=20 BORDERCOLOR="#FFOOOO">
<FRAMESET ROWS="170,*" FRAMEBORDER=NO >
<FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO
MARGINWIDTH=1 MARGINHEIGHT=1>
<FRAME SRC="lisa.html">
</FRAMESET>
<FRAME SRC="terri.html" NORESIZE>
</FRAMESET>
Хорошо. Теперь, когда мы научились немного кадрировать фреймы, давайте вернемся к простым вещам и мы будем рвать (tear) связи между фреймами.
<FRAMESET COLS="33%,67%">
<FRAME SRC="beth.html">
<FRAME SRC="terri.html">
</FRAMESET>
Добавим связь из beth.html с shannon.html. Вначале откройте beth.html в Notepad и добавьте следующее...
<HTML>
<HEAD>
<TITLE>My Framz Page</TITLE>
</HEAD>
<BODY>
Beth<P>
You have to visit my friend Shannon
</BODY>
</HTML>
Затем добавьте связь и сохраните это.
<HTML>
<HEAD>
<TITLE>My Framz Page</TITLE>
</HEAD>
<BODY>
Beth<P>
You have to visit my friend <A HREF="shannon.html">Shannon</A>
</BODY>
</HTML>
Теперь испытайте это.
<FRAMESET COLS="33%,67%">
<FRAME SRC="beth.html">
<FRAME SRC="terri.html">
</FRAMESET>
Если Вы щелкните на этой связи, то увидите загрузку страницы Shannon в окно Beth. Мы понимаем, что не удивили Вас. Вы хотите щелкнуть на связи в окне Beth и загрузить это в окно Terri. Хорошо, но это потребует немного больше работы.
В вашей главной странице добавьте имя второму фрейму.
<FRAMESET COLS="33%,67%">
<FRAME SRC="beth.html">
<FRAME SRC="terri.html" NAME="WINDOW-1">
</FRAMESET>
Позвольте сделать комментарий. Этот второй фрейм не реально "Terri". Это просто второй фрейм и мы определили, что terri.html - первый файл, который будет загружен в него. Если бы мы имели пустую метку <FRAME>, окно было бы ... пустым.
Обратите внимание, что - имена в <FRAME> NAME должны начинаться с алфавитно-цифрового символа. Все другие имена окон будут игнорироваться. (Исключительная ситуация, когда имя фрейм начинается с символа подчеркивания _ , назначение таких имен объясняется немного позже.)
Затем мы должны добавить кое-что к той связи в странице Beth, откройте beth.html снова (в Notepad) и добавьте TARGET.
<HTML>
<HEAD>
<TITLE>My Framz Page</TITLE>
</HEAD>
<BODY>
Beth<P>
You have to visit my friend <A HREF="shannon.html" TARGET="WINDOW-1">Shannon</A>
</BODY>
</HTML>
Это заставит связь загружать в окно с именем WINDOW-1.
Такой вид связывания применяется, когда Вы хотите связать страницы на вашем узле. Но что делать, если Вы хотите установить связь с кое-чем вне вашего узла? Давайте добавим другую связь в страницу Beth.
<HTML>
<HEAD>
<TITLE>My Framz Page</TITLE>
</HEAD>
<BODY>
Beth<P>
You have to visit my friend <A HREF="shannon.html" TARGET="WINDOW-1">Shannon</A><P>
And of course you have to visit Joe at <A HREF="http://junior.apk.net/~jbarta/"
TARGET="WINDOW-1">Professional Web Design</A><P>
</BODY>
</HTML>
Как можно сделать, чтобы внешняя связь загружала в полное окно браузера? Просто, измените значение TARGET на _top.
<HTML>
<HEAD>
<TITLE>My Framz Page</TITLE>
</HEAD>
<BODY>
Beth<P>
You have to visit my friend <A HREF="shannon.html" TARGET="WINDOW-1">Shannon</A><P>
And of course you have to visit Joe at <A HREF="http://junior.apk.net/~jbarta/"
TARGET="_top">Professional Web
Design</A><P>
</BODY>
</HTML>
_top is - один из 4 так называемых 'волшебных адресатов'. Это _self, _blank, _parent и _top. - только эти адресаты могут начинать не с алфавитно-цифрового символа. Кроме того, любой другой адресат, начинающийся с символа _, кроме 'волшебных адресатов', будет игнорироваться.
Замечание- Важно определять TARGET="_top" ,а не TARGET="_TOP". Обычно HTML не чувствителен к регистру, но не в этом случае. Использование _TOP вместо _top будет иногда заставлять связь открываться в новом браузере, а не в полном окне существующего браузера. Упомянутый TARGET="_blank" загружает связь в новое окно браузера.
Введение | Урок 1 | Урок 2 | Урок 3 | Урок 4 | Урок 5 | Урок 6 | Урок 7 |
Таблицы, Формы и Итак, Вы хотите построить Web Страницу! |