|
1. 別急、別急，分割視窗可是一門學問，要分割也是要一步一步來的。看看剛剛那例子，想像畫面是一個蛋糕，你要怎麼割，才能割成那樣呢？
| 原始碼 |
呈現結果 |
<HTML>
<HEAD>
<TITLE>框窗實作 </TITLE>
</HEAD>
</HTML>
|
|
2. 各位會發現，奇怪，在上面的語法中，怎麼都沒見到 <BODY></BODY> 熟悉的身影？呵呵...沒錯，它已經被待會兒要加進去的
<FRAMESET></FRAMESET> 標籤給取代了！也就是說，如果我們要分割畫面，就要先用<FRAMESET>標籤告訴電腦說：『喂！我要開始分割了！』此時，<BODY>
是派不上用場的，所以躲到一旁涼快去了！
3. 現在開始動手割割看囉！我們先將畫面分成左右兩邊，如下圖：
| 原始碼 |
呈現結果 |
<HTML>
<HEAD>
<TITLE>框窗實作</TITLE>
</HEAD>
<FRAMESET COLS="120,*" >
<FRAME SRC="a.htm" NAME="左">
<FRAME SRC="b.htm" NAME="右">
</FRAMESET>
</HTML>
|
|
4. 在<FRAMESET>中，我們要告訴電腦到底是要左右分（COLS）？還是上下分（ROWS）。一開始我們是左右分，所以我們寫成<FRAMESET
COLS="120,*"。COLS="120,*" 就是說，左邊那一欄強制定為 120
點，右邊則隨視窗大小而變。除了直接寫點數外，我們亦可用百分比來表示，例如COLS="20%,80%"也是可以的。
5. 然後，再將右邊的框窗再割成上下兩個畫面。如下圖：
| 原始碼 |
呈現結果 |
<HTML>
<HEAD>
<TITLE>框窗實作</TITLE>
</HEAD>
<FRAMESET COLS="120,*">
<FRAME SRC="a.htm" NAME="左">
<FRAMESET ROWS="100,*">
<FRAME SRC="b.htm"
NAME="右上">
<FRAME SRC="c.htm" NAME="右下">
</FRAMESET>
</FRAMESET>
</HTML>
|
|
6. 看見了沒？原本的 <FRAME SRC="b.htm"
NAME="2">在第 3 點的語法中）被另一組<FRAMESET ROWS="100,*">取代了！所以要注意喔！第二組<FRAMESET
ROWS="100,*">是被第一組<FRAMESET COLS="120,*">
包圍起來的喔！
7. 不知不覺就大功告成了，其實只要將最後完成的那些語法存成 index.htm，然後再準備三個檔 a.htm
、b.htm 、c.htm 那麼就完工囉！當然，這是一個最好的分割法，再將一些進階的標籤在底下一一說明。 |
【 框架概念 】
我們可以看見，右邊的這個視窗，一共分為 1 、 2 、 3 三個框架，每一個框架，各有其顯示的內容分別是
a.htm、b.htm、c.htm 三個檔案。然而左下角的那個 index.htm 是做什麼用的呢？