第三篇
HTML教學
網頁研習室 第八節
分割視窗
 
<FrameSet> 製作思考步驟
簡單十個步驟,教您輕鬆完成表格製作
請先拿出鉛筆與紙張來,並在紙上簡單畫出您想要的分割視窗樣子。
叫出電腦內記事本 (NotePade) ,寫下這段表格基本語法:
<FrameSet Attributes> 指示分割視窗開始宣告,取代原有 <Body> 的位置
<Frame Attributes> 指示第一個子視窗開始宣告,不須結束標籤
<Frame Attributes> 指示第二個子視窗開始宣告,不須結束標籤
<Frame 依須要,可以往下增加...> 指示第三個子視窗開始宣告,不須結束標籤
</FrameSet> 指示分割視窗結束宣告,取代原有 </Body> 的位置
備註:把握 1 + N 原則,不論您將如何分割視窗,他都是 1 個(宣告)主頁 + 您要分割的頁數。
算一下共要分為多少列 (Rows) 及多少欄 (Cols) 位,將需要的數量加到 FrameSet 語法內。
備註:橫排的分割視窗便是列 (Rows),直排的分割視窗就是欄 (Cols)。
假設:共有 3 個列 (Rows),將此數量插到分割視窗基本語法內,X 表示這個值可用 %Pixel 來設定,語法便是:
<FrameSet Rows="X1,X2,X3"> 指示分割視窗開始宣告
<Frame 1> 指示第一個子視窗開始宣告,不須結束標籤
<Frame 2> 指示第二個子視窗開始宣告,不須結束標籤
<Frame 3> 指示第三個子視窗開始宣告,不須結束標籤
</FrameSet> 指示分割視窗結束宣告
如果是巢狀分割視窗,而不是單純的列 (Rows) 或欄 (Cols) 的分割視窗時。
做法:請先決定大(區)塊的分割,再細分小(區)塊視窗。
假設:有 2 個大(區)塊欄 (Cols) 及 3 個小(區)塊列 (Rows) 要分割,X,Y 表值可用 %Pixel ,語法表示如下:
<FrameSet Cols="Y1,Y2"> 指示2 個大(區)塊欄 (Cols) 分割視窗開始宣告
<Frame 1> 指示第一個 Y1 子視窗開始宣告,不須結束標籤
    <FrameSet Rows="X1,X2,X3"> 指示3 個小(區)塊列 (Rows) 分割視窗開始宣告,取代 Y2 子視窗開始宣告
    <Frame 1> 指示第一個 X1 子視窗開始宣告,不須結束標籤
    <Frame 2> 指示第二個 X2 子視窗開始宣告,不須結束標籤
    <Frame 3> 指示第三個 X3 子視窗開始宣告,不須結束標籤
    </FrameSet> 指示3 個小(區)塊列 (Rows) 分割視窗結束宣告
</FrameSet> 指示2 個大(區)塊欄 (Cols) 分割視窗結束宣告
完成以上基本設定後,再於各標籤內加入屬性與值,存檔後叫出來比對及修正錯誤。
Frame 內加入欲開啟視窗之指定名稱 (name="文字") 及方式 (target="_值")。
完成後再存檔一次,並叫出來做最後比對及修正錯誤。
就是如此簡單依樣畫葫蘆,完成任何分割視窗之製作。
下載列印或列印列印分割視窗 (FrameSet) 製作思考步驟