1 / 20

第八章 頁框設定

第八章 頁框設定. 基本設定： <HTML> <HEAD> <TITLE>Frame(1)</TITLE> </HEAD> <FRAMESET COLS=2*,7*> <FRAME SRC="frameindex.htm" NAME="left"> <FRAME SRC="f0.htm" NAME="right"> </FRAMESET> </HTML>. frameindex.htm 裡面的每一個超鏈結都指明說要將內容顯示在名稱為 right 的窗框中。ＨＴＭＬ內容為： < a href=f1.htm target=right>f1.htm</a>

fidelio-langan
Download Presentation

第八章 頁框設定

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 第八章 頁框設定 基本設定： <HTML> <HEAD> <TITLE>Frame(1)</TITLE> </HEAD> <FRAMESET COLS=2*,7*> <FRAME SRC="frameindex.htm" NAME="left"> <FRAME SRC="f0.htm" NAME="right"> </FRAMESET> </HTML>

  2. frameindex.htm裡面的每一個超鏈結都指明說要將內容顯示在名稱為right的窗框中。ＨＴＭＬ內容為：frameindex.htm裡面的每一個超鏈結都指明說要將內容顯示在名稱為right的窗框中。ＨＴＭＬ內容為： <a href=f1.htm target=right>f1.htm</a> <a href=f2.htm target=right>f2.htm</a> <a href=f3.htm target=right>f3.htm</a> <a href=f4.htm target=right>f4.htm</a> <a href=f5.htm target=right>f5.htm</a>

  3. 怎麼指定將螢幕劃分為Ｎ個欄？ 看FRAMESET COLS後面接的字串裡面有幾個逗號就知道了。 <FRAMESET COLS=2*,7*> <FRAME SRC="frameindex.htm" NAME="left"> <FRAME SRC="f0.htm" NAME="right"> </FRAMESET>

  4. 怎麼指定每個欄的大小(1)？ 一種方法是指定每一欄的寬度，但聰明的你很快就會發現到這個方式並不好用。第一個問題是你不知道整個螢幕有多大，第二個問題是有的人的螢幕比較大，有的人的螢幕比較小。比較好的方法是用百分比的方式來表示。例如：<FRAMESET COLS=25%,75%>這樣一來就比就有彈性囉！不過記得所有百分比的加總必須剛好是一百。

  5. 怎麼指定每個欄的大小(2)？ 可是有的時候百分比偏偏不是很好用，例如說你要將螢幕切成三等分，前面講過三者加總必須是一百，那就有點累了，因為小學老師告訴過我們：三除以一百是永遠除不盡的。此時你可以考慮用另一種表示法 <FRAMESET COLS=1*,1*,1*> 一個星號代表一個單位，瀏覽器會將螢幕大小除以總星號數再依比例分配給各個窗框。

  6. 怎麼指定將螢幕劃分為Ｎ個列？ 將FRAMESET COLS改為FRAMESET ROWS <FRAMESET ROWS=2*,7*> <FRAME SRC="frameindex.htm" NAME="left"> <FRAME SRC="f0.htm" NAME="right"> </FRAMESET>

  7. 怎麼指定將螢幕同時劃分為Ｍ個列Ｎ個欄呢(1)？怎麼指定將螢幕同時劃分為Ｍ個列Ｎ個欄呢(1)？ <frameset cols="50%,50%"> 　<frameset rows="50%,50%"> 　　<frame src="f1.htm"> 　　<frame src="f2.htm"> 　</frameset> 　<frameset rows="1*,1*,1*"> 　　<frame src="f3.htm"> 　　<frame src="f4.htm"> 　　<frame src="f5.htm"> 　</frameset> </frameset>

  8. 怎麼指定將螢幕同時劃分為Ｍ個列Ｎ個欄呢(2)？怎麼指定將螢幕同時劃分為Ｍ個列Ｎ個欄呢(2)？ <frameset cols="50%,50%"> 是說螢幕畫面要劃分為兩欄。 接下來的： <frameset rows="50%,50%"> 　<frame src="f1.htm"> 　<frame src="f2.htm"> </frameset> 是說左邊那一欄要再劃分為兩列

  9. 怎麼指定將螢幕同時劃分為Ｍ個列Ｎ個欄呢(3)？怎麼指定將螢幕同時劃分為Ｍ個列Ｎ個欄呢(3)？ 接下來的： <frameset rows="1*,1*,1*"> 　<frame src="f3.htm"> 　<frame src="f4.htm"> 　<frame src="f5.htm"> </frameset> 是說右邊那一欄要再劃分為三列。

  10. 超連結的應用： 連結到全螢幕： <a href=“test1.htm” target=“_top”>連結一</a> 連結到新的一頁： <a href=“test2.htm” target=“_blank”>連結二</a> 連結到頁框： <a href=“test3.htm” target=“left”>連結三</a> 其中left 為頁框名稱

  11. 橫排視多窗框的設定： <FRAMESET ROWS="30%,25%,45%" > <FRAME> <FRAME> <FRAME> </FRAMESET>

  12. 直排多視窗框的設定： <FRAMESET COLS="150,200,150" > <FRAME> <FRAME> <FRAME> </FRAMESET>

  13. 窗框的大小調整 ： <FRAMESET COLS="30%,*,*"> <FRAME SRC="../homepage/dir-2/0211.htm" NORESIZE> <FRAME SRC="../homepage/dir-2/0212.htm"> <FRAME SRC="../homepage/dir-2/0215.htm"> </FRAMESET>

  14. 窗框捲動軸的設定 ： <FRAMESET COLS="30%,35%,35%"> <FRAME SRC="../homepage/dir-2/0211.htm"> <FRAME SRC="../homepage/dir-2/0212.htm" SCROLLING="no"> <FRAME SRC="../homepage/dir-2/0215.htm"> </FRAMESET>

  15. 窗框中內容顯示的邊界設定： <FRAMESET COLS="30%,*,*"> <FRAME SRC="../homepage/dir-2/0211.htm" MARGINWIDTH="20" MARGINHEIGHT="50"> <FRAME SRC="../homepage/dir-2/0212.htm" > <FRAME SRC="../homepage/dir-2/0225.htm" MARGINWIDTH="50" MARGINHEIGHT="20"> </FRAMESET>

  16. 無支援窗框架構的設定 ： <FRAMESET COLS="30%,*,*"> <FRAME SRC="../homepage/dir-2/0211.htm"> <FRAME SRC="../homepage/dir-2/0212.htm"> <FRAME SRC="../homepage/dir-2/0215.htm"> <NOFRAME> <BODY> 此部份只有在不支援FRAME[多視窗框]的 瀏覽器中才會顯示出來的。 </BODY> </NOFRAME> </FRAMESET>

  17. 窗框邊的設定 ： <FRAMESET COLS="30%,*,*"> <FRAME SRC="frame-11.htm" FRAMEBORDER="0"> <FRAME SRC="frame-11.htm" FRAMEBORDER="0"> <FRAME SRC="frame-11.htm" FRAMEBORDER="0"> </FRAMESET>

  18. 窗框間隔的設定 ： <FRAMESET COLS="30%,*,*" FRAMESPACING="20"> <FRAME SRC="../homepage/dir-2/0211.htm"> <FRAME SRC="../homepage/dir-2/0212.htm"> <FRAME SRC="../homepage/dir-2/0215.htm"> </FRAMESET>

  19. 窗框邊的顏色設定： <FRAMESET COLS="30%,*,*" BORDERCOLOR="blue"> <FRAME SRC="../homepage/dir-2/0211.htm"> <FRAME SRC="../homepage/dir-2/0212.htm"> <FRAME SRC="../homepage/dir-2/0215.htm"> </FRAMESET>

  20. 期中考試： 把網頁分成左右兩個頁框，左頁框網頁有五個連結，分別可連結到右頁框的五個網頁，這五個網頁“必須”為新的創作，“不可”使用以前做過的網頁，否則不予計分。 兩個頁框分別的原始頁內容自定。

More Related