1. 基本架構:
  2. <html>
    <head>
         <title>Frame</title>
    </head>
    <frameset 屬性(值)><!--分割視窗開始宣告-->
    <frame 屬性(值)><!--子視窗宣告,不須結束標籤-->
    <frame 屬性(值)><!--子視窗宣告,不須結束標籤-->
    </frameset 屬性(值)><!--分割視窗結束宣告-->
    <noframe> <!--不支援瀏覽器開始宣告-->
          <body>

                This page uses frames, but your browser doesn"t support them.
                <!--不支援瀏覽器時,顯示內容(中英皆可)-->
          </body>
    </noframes>
    <!--不支援瀏覽器開始結束宣告-->
    </html>


  3. <frameset屬性>:
    • row="x1,x2" 單位 piexls or %,每一列用一個數字,將視窗上下分割使用
    • (參考模式三 , 四)
    • cols="x1,x2" 單位 piexls or %,每一欄用一個數字,將視窗左右分割使用。
    • (參考模式一)
    • Row & Cols 可交叉或混合使用,惟每一組分割個視窗均需加
      <FrameSet Rows(Cols)=.....>
    • (參考模式二)
    • frameborder="n" 單位 piexls,內定(1)有線條邊框
    • border="n" 單位 piexls,同 frameborder,NS 適用
    • bordercolor="#" 單位(RGB or Color),邊框顏色
    • src="URL" 指定要被開啟之網頁的路徑及檔名
    • name="text" 為開啟之視窗指定的檔稱,如 top、body、down、left、right、menu
    • frameborder="n" 單位 piexls,內定(1)有線條邊框
    • marginheight="n" 單位 piexls,邊高,上下留白距離
    • marginwidth="n"(IE used)單位 piexls,邊寬,為左右留白距離
    • noresize (視窗大小不可手動調整)
    • scroll="yes/no/auto" (捲軸捲動與否)
    • target 屬性:
      • name 這表開啟的位置是在,被命名為 name 的分割視窗內。
      • _parent 這表示父子關係,也就是您會開啟前一個視窗網頁,與 "_top" 相近。
      • _top 這表示將本身的分割視窗頁關閉,並在原處開啟一個單頁的網頁。
      • _self 這表示在自己本頁(分割視窗)內切換,與不加 target 同。
      • _new 這表示開啟一個新視窗,後續開啟時新視窗會蓋掉前面已開啟的舊視窗。
      • _blank 也表示開啟一個新的視窗,後續開啟時會產生另一個新的視窗(不會蓋掉前面已開啟的舊視窗)。

A.分割視窗標籤,讓您的網頁更多變化。 以下是各種分割效果

常見瀏覽視窗型式
左【右】分割 上【側】分割 上【中】下分割 上【下】分割 整頁型
模式一 模式二 模式三 模式四 模式五
按上面圖示可查看詳細圖解及原始碼

B.現在我們用幾個實例來逐一介紹這幾組標籤(請用檢視=>原始碼查看;並請用NC Browser比較差異處)
  1.分割視窗A上、下分割視窗。
  2.分割視窗B左、右分割視窗。
  3.分割視窗C及相關屬性左、中、右分割視窗,Target屬性用法。
  4.巢狀分割視窗壹分割視窗中的分割視窗,幕景效果。
  5.分離式分割視窗將分割視窗分成三個單獨視窗,JavaScript效果。
  6.上中下分割利用底圖讓分割視窗變的更有特殊效果。
  7.巢狀分割效果貳利用空白四邊框讓分割視窗變的很特殊。
  8.特殊分割效果參運用Target="_top"創造不一樣的閱讀效果。
  9.懸浮視窗只有 IE 才有的特殊分割
D.其他注意事項
  1.分割視窗標籤,您只要知道他的包覆及開啟原理,其實就很簡單了。
  2.【如何將網址固定】,也是分割視窗一大功能,有空請自行練習。
  3.配合美工功力,能創造出很棒的視窗效果。
  4.當您的資料很多,尤其以文字、圖片為主的網站,很適合採用分割視窗。
F.本次作業:
  1.請比照此圖完成分割視窗,用test.htm作為右邊body等Link之網頁。
  2.做個Linking然後將完成的分割視窗,全部傳上到您的主機,命名為frame.htm。
  3.再來信告訴我,您已完成並上傳完畢,我會上去看看您的結果。
  4.如果您作的不錯,我將給您新課程,繼續下去;反之,我也會告訴您何處要改進。