ФРЭЙМЫ (HTML Уроки)

Главная » Мастерская » Статьи » ФРЭЙМЫ (HTML Уроки)

Учебник по HTML (HTML Уроки) - Урок 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.htm"> </FRAMESET> <FRAME SRC="terri.htm"> </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.htm"> </FRAMESET> <FRAME SRC="terri.htm"> </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.htm"> </FRAMESET> <FRAME SRC="terri.htm"> </FRAMESET>

Мы можем предотвращать изменения размеров фрейма при просмотре. Если нет специальных обстоятельств, действительно нет никаких причин использовать этот атрибут.

Хорошо. Теперь, когда мы научились немного кадрировать фреймы, давайте вернемся к простым вещам и мы будем рвать (tear) связи между фреймами.

<FRAMESET COLS="33%,67%"> <FRAME SRC="beth.htm"> <FRAME SRC="terri.htm"> </FRAMESET>

Добавим связь из beth.htm с shannon.htm. Вначале откройте beth.htm в Notepad и добавьте следующее...

<HTML> <HEAD> <TITLE>My Framz Page</TITLE> </HEAD> <BODY> Beth You have to visit my friend Shannon </BODY> </HTML>

Затем добавьте связь и сохраните это.

<HTML> <HEAD> <TITLE>My Framz Page</TITLE> </HEAD> <BODY> Beth You have to visit my friend <A HREF="shannon.htm">Shannon</A> </BODY> </HTML>

Теперь испытайте это.

<FRAMESET COLS="33%,67%"> <FRAME SRC="beth.htm"> <FRAME SRC="terri.htm"> </FRAMESET>

Если Вы щелкните на этой связи, то увидите загрузку страницы Shannon в окно Beth. Мы понимаем, что не удивили Вас. Вы хотите щелкнуть на связи в окне Beth и загрузить это в окно Terri. Хорошо, но это потребует немного больше работы.

В вашей главной странице добавьте имя второму фрейму.

<FRAMESET COLS="33%,67%"> <FRAME SRC="beth.htm"> <FRAME SRC="terri.htm" NAME="WINDOW-1"> </FRAMESET>

Позвольте сделать комментарий. Этот второй фрейм не реально "Terri". Это просто второй фрейм и мы определили, что terri.htm - первый файл, который будет загружен в него. Если бы мы имели пустую метку <FRAME>, окно было бы ... пустым.

Обратите внимание, что - имена в <FRAME> NAME должны начинаться с алфавитно-цифрового символа. Все другие имена окон будут игнорироваться. (Исключительная ситуация, когда имя фрейм начинается с символа подчеркивания _ , назначение таких имен объясняется немного позже.)

Затем мы должны добавить кое-что к той связи в странице Beth, откройте beth.htm снова (в Notepad) и добавьте TARGET.

<HTML> <HEAD> <TITLE>My Framz Page</TITLE> </HEAD> <BODY> Beth You have to visit my friend <A HREF="shannon.htm" TARGET="WINDOW-1">Shannon</A> </BODY> </HTML>

Это заставит связь загружать в окно с именем WINDOW-1.

Такой вид связывания применяется, когда Вы хотите связать страницы на вашем узле. Но что делать, если Вы хотите установить связь с кое-чем вне вашего узла? Давайте добавим другую связь в страницу Beth.

<HTML> <HEAD> <TITLE>My Framz Page</TITLE> </HEAD> <BODY> Beth You have to visit my friend <A HREF="shannon.htm" TARGET="WINDOW-1">Shannon</A> And of course you have to visit Joe at <A HREF="http://junior.apk.net/~jbarta/" TARGET="WINDOW-1">Professional Web Design</A> </BODY> </HTML>

Как Вы можете видеть, это вынуждает какую-то внешнюю страницу загружаться в ваше окно

Как можно сделать, чтобы внешняя связь загружала в полное окно браузера? Просто, измените значение TARGET на _top.

<HTML> <HEAD> <TITLE>My Framz Page</TITLE> </HEAD> <BODY> Beth You have to visit my friend <A HREF="shannon.htm" TARGET="WINDOW-1">Shannon</A> And of course you have to visit Joe at <A HREF="http://junior.apk.net/~jbarta/" TARGET="_top">Professional Web Design</A> </BODY> </HTML>

Используйте всегда этот метод для внешних связей страницы. Поверьте, ваши читатели оценят это!

_top is - один из 4 так называемых 'волшебных адресатов'. Это _self, _blank, _parent и _top. - только эти адресаты могут начинать не с алфавитно-цифрового символа. Кроме того, любой другой адресат, начинающийся с символа _, кроме 'волшебных адресатов', будет игнорироваться.

Замечание- Важно определять TARGET="_top" ,а не TARGET="_TOP". Обычно HTML не чувствителен к регистру, но не в этом случае. Использование _TOP вместо _top будет иногда заставлять связь открываться в новом браузере, а не в полном окне существующего браузера. Упомянутый TARGET="_blank" загружает связь в новое окно браузера.

[дальше] [дальше]