多窗框

毛慶禎
輔仁大學圖書資訊學系


Netscape 2.0 與 Internet Explorer 3.0 都支援多窗框 FRAME。

祗有三個標籤:

先定義窗框的外形, 再指定每個窗框的內容。


外形

以 FRAMESET 取代 BODY 標籤, 它有兩個主要屬性, 分別是定義列與欄。

<FRAMESET ROWS="50, 50"></FRAME>

<FRAMESET COLS="50%, 50%"></FRAME>

ROW 表示水平切割, COLS 表示垂直切割, 數字為圖素, 設定窗框的絕對大小, 百分比則是設定窗框的相對大小, 由螢幕自動調整每個窗框的圖素。這個觀念和 TABLE 裡的 WIDTH 屬性是同樣的意思。

不建議使用絕對大小, 相對大小的總和不得超過 100%, 否則由瀏覽器自行調整成 100%。

<FRAMESET ROWS="20%, 50, *"></FRAME>

有三個水平的窗框, 左邊第一個窗框佔 20%, 第二個窗框佔 50 圖素, 其他的都分配給第三個窗框。

<FRAMESET ROWS="25%, 75%"></FRAME>

<FRAMESET ROWS="*, 3*"></FRAME>

上述兩個標籤的用途是一樣的。

<FRAMESET ROWS="25%, 75%" FRAMEBORDER="20"></FRAME>

指定邊框的相細。

當然, 可以在窗框裡再切割新的窗框, 形成巢狀窗框的設計。


內容

FRAME 有八個屬性:

在 FRAMESET 裡宣告的窗框, 由 FRAME 指定其內容, 兩者的數量是相對的, 互相呼應。

<FRAMESET ROWS="75%, 25%">

<FRRAME SRC="frame-11.htm">

<FRRAME SRC="frame-11.htm">

</FRAMESET>

如果, 在 FRAME 裡加上 NORESIZE 屬性, 則該窗框的大小不能被使用者調整。

<FRAMESET ROWS="75%, 25%">

<FRRAME SRC="frame-11.htm" NORESIZE>

<FRRAME SRC="frame-11.htm">

</FRAMESET>

顯示的文件超過螢幕的範圍時, 作業系統會在右邊或下邊出現捲動軸; 窗框的設計亦然。要求不捲動畫面時, 超出的部份就無法閱讀了。

<FRAME SRC="frame-11.htm" NORESIZE SCROLLING="auto">

SCROLLING 有三個參數可用: yes, no, auto。

可以指定窗框裡的文件與邊緣的距離, 即天地左右的留白, 以圖素表示之。

<FRAME SRC="frame-11.htm" NORESIZE MARGINWIDTH="20" MARGINHEIGHT="50">

左右留白20點, 上下天地留白50點。

<NOFRAME></NOFRAME>

碰到不支援窗框時, 則顯示 NOFRAME 之間的內容。

<FRAME SRC="frame-11.htm" FRAMEBORDER="0">

邊框的參數有二: 0 或 1, 內定值是 1, 即有邊框。


超連結

可以為窗框命名:

<FRAME SRC="frame-11.htm" FRAMEBORDER="0" NAME="bottom">

超連結時, 指定連結的內容放在該窗框裡; 可以保持整個畫面不動, 祗有特定窗框的內容變動。

<A HREF="wpd.htm" TARGET="bottom">網頁製作</A>

離開多窗框設計模式時, 在超連結的地方加一個參數即可:

<A HREF="wpd.htm" TARGET="_parenet">網頁製作</A>

-blank, 在另一個新的瀏覽器視窗裡顯示該超鏈結文件。

輔仁大學圖書資訊學系 毛慶禎
mao@blue.lins.fju.edu.tw
http://www.lins.fju.edu.tw/~mao/wpd/frame.htm
2000/04/28