|
Фреймы позволяют окно вашей странички разбить на несколько окон не зависящих друг от друга. Что позволяет организовать на сайте систему окон и загрузку нескольких файлов в одно окно браузера. Итак , начнем . Для начала создаем главный файл , где и будет находиться путь к файлам фрейма. <HTML><HEAD> <TITLE>Главный</TITLE> </HEAD> <BODY>
</BODY>
Теперь создаем файл lisa.htm. <HTML><HEAD> <TITLE>Фреймы</TITLE> </HEAD> <BODY> Lisa </BODY> </HTML>
... и файл terry.htm <HTML><HEAD> <TITLE>Фреймы</TITLE> </HEAD> <BODY> Terri </BODY> </HTML>
Далее из главного файла убираем тэги "BODY" и вставляем тэги фреймов "FRAMESET" <HTML><HEAD> <TITLE>Главный</TITLE> </HEAD>
<FRAMESET>
</HTML> Устанавливаем размеры для окон фрейма <FRAMESET COLS="50%,50%"></FRAMESET>
Указываем путь к файлам фрейма <FRAMESET COLS="50%,50%"><FRAME SRC="lisa.html"> <FRAME SRC="terri.html"> </FRAMESET> ПРОСМОТР. Создаем еще несколько файлов для фрейма и указываем к ним путь <FRAMESET COLS="20%,20%,20%,20%,20%"><FRAME SRC="lisa.html"> <FRAME SRC="terri.html"> <FRAME SRC="kim.html"> <FRAME SRC="tina.html"> <FRAME SRC="shannon.html"> </FRAMESET> ПРОСМОТР
Окна в фреймах могут быть как вертикильные... <FRAMESET COLS="10%,20%,30%,15%,25%"><FRAME SRC="lisa.html"> <FRAME SRC="terri.html"> <FRAME SRC="kim.html"> <FRAME SRC="tina.html"> <FRAME SRC="shannon.html"> </FRAMESET> ПРОСМОТР
... так и горизонтальные <FRAMESET ROWS="10%,20%,30%,15%,25%"><FRAME SRC="lisa.html"> <FRAME SRC="terri.html"> <FRAME SRC="kim.html"> <FRAME SRC="tina.html"> <FRAME SRC="shannon.html"> </FRAMESET> ПРОСМОТР Можно размер окна фрейма не указывать стандартно чтобы его можно было менять вручную. <FRAMESET COLS="50,*"><FRAME SRC="lisa.html"> <FRAME SRC="terri.html"> </FRAMESET> ПРОСМОТР
Можно сделать размер окна регулируемым с определенного значения . <FRAMESET COLS="50,*,2*"><FRAME SRC="lisa.html"> <FRAME SRC="terri.html"> <FRAME SRC="kim.html"> </FRAMESET> ПРОСМОТР Во всем окне браузера можно разместить окна как по горизонтали , так и по вертикали вместе. <FRAMESET COLS="50,*,2*"><FRAME SRC="lisa.html"> <FRAME SRC="terri.html"> <FRAMESET> </FRAMESET> </FRAMESET> <FRAMESET COLS="50,*,2*"> <FRAME SRC="lisa.html"> <FRAME SRC="terri.html"> <FRAMESET ROWS="50%,50%"> </FRAMESET> </FRAMESET> <FRAMESET COLS="50,*,2*"> <FRAME SRC="lisa.html"> <FRAME SRC="terri.html"> <FRAMESET ROWS="50%,50%"> <FRAME SRC="kim.html"> <FRAME SRC="tina.html"> </FRAMESET> </FRAMESET> ПРОСМОТР Таким образом окна можно располагать как угодно. <FRAMESET COLS="50,*,2*"><FRAMESET ROWS="50,*,*"> <FRAME SRC="lisa.html"> <FRAME SRC="lisa.html"> <FRAME SRC="lisa.html"> </FRAMESET> <FRAME SRC="terri.html"> <FRAMESET ROWS="50%,50%"> <FRAME SRC="kim.html"> <FRAME SRC="tina.html"> </FRAMESET> </FRAMESET> ПРОСМОТР Область где фреймы отсутствуют отделяются тэгами "NOFRAMES" и "/NOFRAMES". <FRAMESET COLS="50,*,2*"><FRAMESET ROWS="50,*,*"> <FRAME SRC="lisa.html"> <FRAME SRC="lisa.html"> <FRAME SRC="lisa.html"> </FRAMESET> <FRAME SRC="terri.html"> <FRAMESET ROWS="50%,50%"> <FRAME SRC="kim.html"> <FRAME SRC="tina.html"> </FRAMESET> </FRAMESET> <NOFRAMES> <BODY> </BODY> </NOFRAMES>
В окно фрейма можно вставлять графику. <FRAMESET COLS="50%,50%"><FRAME SRC="world.gif" WIDTH=146 HEIGHT=162> <FRAME SRC="terri.html"> </FRAMESET> ПРОСМОТР <FRAMESET COLS="146,*"> <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162> <FRAME SRC="terri.html"> </FRAMESET> ПРОСМОТР <FRAMESET COLS="146,*"> <FRAMESET ROWS="162,*"> <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162> <FRAME SRC="lisa.html"> </FRAMESET> <FRAME SRC="terri.html"> </FRAMESET> ПРОСМОТР Убираем прокрутку окна. <FRAMESET COLS="146,*"><FRAMESET ROWS="162,*"> <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO> <FRAME SRC="lisa.html"> </FRAMESET> <FRAME SRC="terri.html"> </FRAMESET> ПРОСМОТР Убираем границу между окнами <FRAMESET COLS="146,*"><FRAMESET ROWS="162,*"> <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,*"><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> <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 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> ПРОСМОТР Иногда на сайте необходимо чтобы по ссылке файл загружался в другом окне фрейма, попробуем зделать это: .
<FRAMESET COLS="33%,67%">
<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> ПРОСМОТР Для того чтобы файл по ссылке загружался в другом окне необходимо сначало для фрейма ввести имя... <FRAMESET COLS="33%,67%"><FRAME SRC="beth.html"> <FRAME SRC="terri.html" NAME="WINDOW-1"> </FRAMESET>
... а затем указать путь к этому окну. <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> ПРОСМОТР
Таким образом с помошью фреймов вы можете создать свою страницу на которой будет несколько окон
, тем самым можно организовать отдельную загрузку файлов в какое-то определенное окно, что улучшает навигацию по сайту
и отпадает необходимость при переходе к разделу сайта загружать все аттрибуты полностью. |