【設定框架】 |
程式說明 |
FRAME被稱之為框架,也就是在一個視窗中可以合併多個網頁, 但是也可以利用程式將一個網頁分割成幾部份,透過框架的使用, 網頁的設計將會更加具有變化與彈性。 |
存放位置 |
將下列程式存放至 <body> 標籤後 </body> 標籤前。 |
程式介紹 | |||
在開始學習此程式時請個位先作四個範例網頁檔案名如下為:
index.html首頁,a.html編號a網頁,b.html編號b網頁,c.html編號c網頁。 |
|||
原始碼 | 效果呈現 | ||
<HTML> <HEAD> <TITLE>框窗實作</TITLE> </HEAD> <FRAMESET COLS="120,*">
<FRAME SRC="a.htm">
</FRAMESET> |
|
垂直分割 | |||
此標籤可以設定網頁的縱向切割,網頁的分割具有多種不同的設定方式, 透過像素、百分比的方式,甚至可以多重的切割。 |
|||
原始碼 | 效果呈現 | ||
<FRAMESET COLS="120,*">
<FRAME SRC="a.htm"> </FRAMESET> |
|
水平分割 | |||
設定網頁的橫向分割,設定的方法與垂直分割相同, 也可透過像素、百分比的方式設定,甚至也可多重分割。 |
|||
原始碼 | 效果呈現 | ||
<FRAMESET ROWS="120,*">
<FRAME SRC="a.htm"> </FRAMESET> |
|
框架分隔線粗細 | |
設定框架分隔線的粗細程度,此設定值影響在同一頁面中的所有分割頁面。 | |
原始碼 | 效果呈現 |
<FRAMESET ROWS="120,*" BORDER="3">
<FRAME SRC="a.htm"> </FRAMESET> |
暫時未提供 |
設定是否使用分隔線 | |
設定框架頁是否使用分隔線,此標籤設定的是『是否使用』, 而分隔線的粗細則是透過BORDER參數來設定。
NO和0 : 隱藏分隔線 |
|
原始碼 | 效果呈現 |
<FRAMESET FRAMEBORDER="0">
<FRAME SRC="a.htm"> </FRAMESET> |
暫時未提供 |
設定分隔線的色彩 | |
為分割網頁的分隔線設定顏色。 | |
原始碼 | 效果呈現 |
<FRAMESET BORDERCOLOR="FF0000">
<FRAME SRC="a.htm"> </FRAMESET> |
暫時未提供 |
框架距離 | |
表示框架與框架間的保留空白的距離,以免看起來太擠。 | |
原始碼 | 效果呈現 |
<FRAMESET FRAMESPACING=5>
<FRAME SRC="a.htm"> </FRAMESET> |
暫時未提供 |
框架垂直邊緣空間設定 | |
此標籤可以設定框架網頁垂直邊緣所保留的空間。 | |
原始碼 | 效果呈現 |
<FRAMESET ROWS="120,*">
<FRAME SRC="a.htm" MARGINHIGHT=2> </FRAMESET> |
暫時未提供 |
框架水平邊緣空間設定 | |
此標籤可以設定框架網頁水平邊緣所保留的空間。 | |
原始碼 | 效果呈現 |
<FRAMESET ROWS="120,*">
<FRAME SRC="a.htm" MARGINWIDTH=2> </FRAMESET> |
暫時未提供 |
固定框架 | |
設定不讓使用者可以改變這個框框的大小,如果沒有設定這個參數, 使用者可以很容易的拉動框架,改變其大小。 |
|
原始碼 | 效果呈現 |
<FRAMESET COLS="120,*">
<FRAME SRC="a.htm" NORESIZE> </FRAMESET> |
暫時未提供 |
設定網頁名稱 | |
用此標籤來為網頁設定名稱,用來與超連結的target參數配合使用, 例如A.html網頁有超連結將其target參數(target="BOY")設定成 跟B.html(NAME="BOY")網頁的名稱一樣,那麼點A.html的超連結內容將會出現在B.html。 |
|
原始碼 | 效果呈現 |
<FRAMESET COLS="120,*">
<FRAME SRC="a.htm"> </FRAMESET> |
暫時未提供 |
三等份分割法 | ||||
先將水平分割設定好在將垂直分割設定一次便可。 | ||||
原始碼 | 效果呈現 | |||
<FRAMESET COLS="120,*"> <FRAME SRC="a.htm"> <FRAMESET ROWS="120,*">
<FRAME SRC="b.htm"> </FRAMESET> |
|
注意事項 |
在開始學習此程式時請切記不可輸入與本程式無相關或不相容的內容(語法.程式.圖文等等) 否則會無法網頁分割的效果。 此程式無法存放<body></body>程式及此程式可存放的內容。 |
│課程編撰:不二家│單元編號:H16 篇│版權所有:神羅集團│ |