第八章頁框設定

第八章頁框設定基本設定：

<HTML><HEAD><TITLE>Frame(1)</TITLE></HEAD><FRAMESET COLS=2*,7*> <FRAME SRC="frameindex.htm" NAME="left"> <FRAME SRC="f0.htm" NAME="right"></FRAMESET></HTML>

frameindex.htm 裡面的每一個超鏈結都指明說要將內容顯示在名稱為 right 的窗框中。ＨＴＭＬ內容為：

<a href=f1.htm target=right>f1.htm</a><a href=f2.htm

target=right>f2.htm</a><a href=f3.htm



target=right>f5.htm</a>

怎麼指定將螢幕劃分為Ｎ個欄？

看 FRAMESET COLS 後面接的字串裡面有幾個逗號就知道了。

<FRAMESET COLS=2*,7*> <FRAME SRC="frameindex.htm" NAME="left"> <FRAME SRC="f0.htm" NAME="right"></FRAMESET>

怎麼指定每個欄的大小 (1) ？

一種方法是指定每一欄的寬度，但聰明的你很快就會發現到這個方式並不好用。第一個問題是你不知道整個螢幕有多大，第二個問題是有的人的螢幕比較大，有的人的螢幕比較小。比較好的方法是用百分比的方式來表示。例如： <FRAMESET COLS=25%,75%> 這樣一來就比就有彈性囉！不過記得所有百分比的加總必須剛好是一百。

怎麼指定每個欄的大小 (2) ？

可是有的時候百分比偏偏不是很好用，例如說你要將螢幕切成三等分，前面講過三者加總必須是一百，那就有點累了，因為小學老師告訴過我們：三除以一百是永遠除不盡的。此時你可以考慮用另一種表示法 <FRAMESET COLS=1*,1*,1*> 一個星號代表一個單位，瀏覽器會將螢幕大小除以總星號數再依比例分配給各個窗框。

怎麼指定將螢幕劃分為Ｎ個列？

將 FRAMESET COLS 改為 FRAMESET ROWS

<FRAMESET ROWS=2*,7*> <FRAME SRC="frameindex.htm" NAME="left"> <FRAME SRC="f0.htm" NAME="right"></FRAMESET>

怎麼指定將螢幕同時劃分為Ｍ個列Ｎ個欄呢 (1) ？

<frameset cols="50%,50%"> <frameset rows="50%,50%"> <frame src="f1.htm"> <frame src="f2.htm"> </frameset> <frameset rows="1*,1*,1*"> <frame src="f3.htm"> <frame src="f4.htm"> <frame src="f5.htm"> </frameset></frameset>


<frameset cols="50%,50%">是說螢幕畫面要劃分為兩欄。

接下來的：<frameset rows="50%,50%"> <frame src="f1.htm"> <frame src="f2.htm"></frameset>是說左邊那一欄要再劃分為兩列


接下來的：<frameset rows="1*,1*,1*"> <frame src="f3.htm"> <frame src="f4.htm"> <frame src="f5.htm"></frameset>是說右邊那一欄要再劃分為三列。

超連結的應用：

連結到全螢幕：<a href=“test1.htm” target=“_top”>連結一 </a>

連結到新的一頁：<a href=“test2.htm” target=“_blank”> 連結二 </a>

連結到頁框：<a href=“test3.htm” target=“left”> 連結三 </a>其中 left 為頁框名稱

橫排視多窗框的設定：

<FRAMESET ROWS="30%,25%,45%" > <FRAME> <FRAME> <FRAME></FRAMESET>

直排多視窗框的設定：

<FRAMESET COLS="150,200,150" > <FRAME> <FRAME> <FRAME></FRAMESET>

窗框的大小調整：

<FRAMESET COLS="30%,*,*"><FRAME SRC="../homepage/dir-2/0211.htm" NORESIZE><FRAME SRC="../homepage/dir-2/0212.htm"><FRAME SRC="../homepage/dir-2/0215.htm"></FRAMESET>

窗框捲動軸的設定：

<FRAMESET COLS="30%,35%,35%"> <FRAME SRC="../homepage/dir-2/0211.htm"> <FRAME SRC="../homepage/dir-2/0212.htm" SCROLLING="no"> <FRAME SRC="../homepage/dir-2/0215.htm"></FRAMESET>

窗框中內容顯示的邊界設定：

<FRAMESET COLS="30%,*,*"> <FRAME SRC="../homepage/dir-2/0211.htm" MARGINWIDTH="20" MARGINHEIGHT="50"> <FRAME SRC="../homepage/dir-2/0212.htm" > <FRAME SRC="../homepage/dir-2/0225.htm" MARGINWIDTH="50" MARGINHEIGHT="20"></FRAMESET>

無支援窗框架構的設定：

<FRAMESET COLS="30%,*,*"> <FRAME SRC="../homepage/dir-2/0211.htm"> <FRAME SRC="../homepage/dir-2/0212.htm"> <FRAME SRC="../homepage/dir-2/0215.htm"> <NOFRAME> <BODY> 此部份只有在不支援 FRAME[ 多視窗框 ] 的瀏覽器中才會顯示出來的。 </BODY> </NOFRAME></FRAMESET>

窗框邊的設定：

<FRAMESET COLS="30%,*,*"> <FRAME SRC="frame-11.htm" FRAMEBORDER="0"> <FRAME SRC="frame-11.htm" FRAMEBORDER="0"> <FRAME SRC="frame-11.htm" FRAMEBORDER="0"></FRAMESET>

窗框間隔的設定：

<FRAMESET COLS="30%,*,*" FRAMESPACING="20"> <FRAME SRC="../homepage/dir-2/0211.htm"> <FRAME SRC="../homepage/dir-2/0212.htm"> <FRAME SRC="../homepage/dir-2/0215.htm"></FRAMESET>

窗框邊的顏色設定：

<FRAMESET COLS="30%,*,*" BORDERCOLOR="blue"> <FRAME SRC="../homepage/dir-2/0211.htm"> <FRAME SRC="../homepage/dir-2/0212.htm"> <FRAME SRC="../homepage/dir-2/0215.htm"></FRAMESET>

期中考試：

把網頁分成左右兩個頁框，左頁框網頁有五個連結，分別可連結到右頁框的五個網頁，這五個網頁“必須”為新的創作，“不可”使用以前做過的網頁，否則不予計分。

兩個頁框分別的原始頁內容自定。

Documents

第八章 頁框設定

第八章頁框設定