框 架 標 籤 教 學
事前解說
框架標籤就是<FRAME>
FRAME在整份教學文件中,可以說是一個很好用,但也是最難的部份,但是,打出來的語法卻只有一點點而以, 而框架只是把原本一個好好的視窗分成幾個部份,然後用類似連結的方法,連入某頁進來而以,若你有去過史萊 母的第一個家,或是我的網頁,剛進去,就是以框架的方式來做的
框架的重點
框架有一個很重要的地方,就是因為框架和BODY這個標籤是相對等的,所以沒法一起使用,也就是說在BODY標籤的開始到結尾都不會有FRAME標籤的出現 ,而FRAME的開頭到結尾也不會有BODY標籤的出現,但可以分開來用,不過在框架用法中較少用到BODY標籤的,只有在瀏覽器不支援框架,才須用到的
框架的基本架構
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<FRAMESET>
<FRAME>
<FRAME>
</FRAMESET>
</HTML>

解說:
在FRAME剛開始是以FRAMESET來開始的,中文意思是框架設定,而在開頭和結尾中間則用FRAME來表示,主要用在呼叫文件進來,並設定框架的名字

垂直,水半的分割 ( COLS,ROWS屬性 )
垂直 COLS
水半 ROWS
這兩個屬性是加在FRAMESET的後面用的,而在兩個屬性後就是來很要分成幾個區域的
用法:
<FRAMESET COLS="200,150,*">
<FRAME>
<FRAME>
<FRAME>
</FRAMESET>
這個是分成垂直的視窗,而我們要分成3個區域,第一個為200,第二個為150,第三個的 * 代表其它的部份,而這個其它部份是什麼意思,而又是 多大,都要依使用者那時螢幕的解析度而定了
垂直範例效果

<FRAMESET ROWS="20%,*,15%,*">
<FRAME>
<FRAME>
<FRAME>
<FRAME>
</FRAMESET>
這個是分成水平的視窗,我們這次要分成4個,而不只可以用數字而且可以用百分比,而在第一及第三分別為20%,15%,在第二及第四為 * 表示第二,四平分剩下的部份

水平範例效果

另外FRAMESET還有個BORDER的屬性,我想這我不必多說,應該知道怎麼用了吧

SRC屬性
SRC又是個很熟的東西,沒錯,就是在圖片標籤中出現過的東西,這也不難吧
<FRAMESET ROWS="70,70,*">
<FRAME SRC="a.htm">
<FRAME SRC="b.htm">
<FRAME SRC="c.htm">
</FRAMESET>
範例效果
NORESIZE屬性
你是否看過有的網頁的框架可以任意拉著中間的線,然後改變大小,而對於有些人來說,他不喜歡別人可以任意改變大小 而就用NORESIZE的屬性就可以了
<FRAME SRC="c.htm" NORESIZE>
SCROLLING屬性
這個屬性是控制,每個區域中的捲軸,而其值有AUTO,NO,YES三種,而預設值為AUTO也就是自動,作者個人建議用這個就好了 不過可能有時還是會有用到NO的時候的
<FRAME SRC="c.htm" SCROLLING=AUTO>
MARGINHEIGHT,MARGINWIDTH屬性
MARGINHEIGHT 區域中的內容離區域上方的距離
MARGINWIDTH 區域中的內容離區域左邊的距離
<FRAME SRC="c.htm" MARGINHEIGHT=30 MARGINWIDTH=10>
NAME屬性
在台灣,個都地區都有一個地方,在電腦中把硬碟分割,每個分割區都有一定的代號
而在框架中,也不例外哦,而其最主要的功能我在TRAGE屬性會說到的 <FRAME SRC="c.htm" NAME="c">
巢狀框架
巢狀框架可以說是框架中用的滿多的一種,若學過程式設計的人,對巢狀這個名詞不陌生吧 其實巢狀框架只是比較省時而以,不然其實可以寫成很多個FRAME的文件,然後連進來,不過很麻煩, 用巢狀只要寫一個FRAME的文件就好了
而巢狀就是在FRAMESET中還有FRAMESET的功能

<FRAMESET COLS="20%,80%">
 <FRAMESET ROWS="17%,83%">
  <FRAME SRC="a.htm" NAME="a" NORESIZE>
  <FRAME SRC="b.htm" NAME="b" SCROLLING=NO>
 </FRAMESET>
 <FRAME SRC="c.htm" NAME="c" MARGINHEIGHT=0>
</FRAMESET>

紅色的那區本來應為一個FRAME的,但後來因為巢狀框架,而變成FRAMESET
首先原本要分成垂直的左右區域兩個,而在這兩個中的左邊方的那個在做水平的兩個區域,上面為A.HTM,下面為B.HTM ,而右邊的那個則為C.HTM

巢狀範例效果
本章範例
exam91.htm

<HTML>
<HEAD>
<TITLE>框架標籤教學 </TITLE>
</HEAD>
<FRAMESET COLS="20%,80%">
 <FRAMESET ROWS="17%,83%">
  <FRAME SRC="counter.htm" NAME="up" SCROLLING=NO>
  <FRAME SRC="files.htm" NAME="left" NORESIZE>
 </FRAMESET>
 <FRAME SRC="home.htm" NAME="right" MARGINHEIGHT=50>
</FRAMESET>
</HTML>

counter.htm 計數器

files.htm 選單頁按了連結後你會覺的怪怪的,我會在目標屬性中教到的

home.htm 內容頁

這上面四個HTML的檔案是我網頁剛進去時的用法

範例效果

作者:  醒吾技術學院  國貿系  陳義元  E-mail
完成日期:1999年3月24日

[ 上一頁 | 回主頁 | 下一頁 ]