|
幀窗口是一種復(fù)雜的頁(yè)面技術(shù)，應(yīng)用幀窗口使得用戶可以在同一個(gè)瀏覽器窗口中瀏覽不同網(wǎng)站的內(nèi)容，可以在一個(gè)小窗口中發(fā)出查詢命令而在另一個(gè)小窗口中接收查詢結(jié)果。實(shí)現(xiàn)幀窗口的思路是將瀏覽器窗口按照功能分割成多個(gè)小窗口。每個(gè)窗口都對(duì)應(yīng)有自己的HTML頁(yè)面，按照一定的組合方式組合在一起，以實(shí)現(xiàn)特殊的效果。 在HTML中用<frameset>（分割窗口標(biāo)記）來(lái)分割窗口，<frameset>在多窗口頁(yè)面中的地位就相當(dāng)于<body>在普通單窗口頁(yè)面中的地位，在頁(yè)面中用<frameset>……</frameset>標(biāo)志頁(yè)面主體部分的起止位置。而且，<frameset>標(biāo)記決定了怎樣劃分窗口，以及每個(gè)窗口的位置和大小。其基本語(yǔ)法結(jié)構(gòu)如下： <frameset cols＝n rows=n frameborder=yes|no border＝n bordercolor＝#n framespacing=n> cols和rows：是決定頁(yè)面如何分割的兩個(gè)參數(shù)。分割左右窗口用cols，各幀的左右寬度用占窗口寬度的百分比來(lái)表示。比如：cols="30%,40%,*"就表示水平方向分割成三個(gè)窗口，各自所占總寬度的百分比依次是30%，40%和30%。其中"*"表示剩余部分，也就是說(shuō)"*"對(duì)應(yīng)的小窗口寬度為剩余的寬度。分割上下窗口用rows，同樣采用百分比的設(shè)定方法。 frameborder：是指定各分窗口是（ye）否（no）要加邊框；如果加過(guò)框的話，則用 border參數(shù)指定邊框的寬度，bordercolor指定邊框的顏色。 framespacing：用于設(shè)定各分窗口之間的間隔大小，默認(rèn)值是0。 用<frameset>標(biāo)記把窗口分割好后，各窗口的屬性是用HTML的<frame>標(biāo)記來(lái)定義的，所以<frameset>標(biāo)記中必須包含<frame>標(biāo)記，用以定義各分窗口的屬性。其語(yǔ)法如下： <frame align=left|center|right|top|bottomv name=framename src＝url noresize scrolling＝y(tǒng)es|on|auto frameborder=yes|no bordercolor＝＃n marginheight=n marginwidth＝n> align：設(shè)定分窗口的位置是靠左（left）、靠右（right）、居中（center）、靠上（top）還是靠底（bottom）。 name：用于指定分窗口的名稱，src則用于指定分窗口所對(duì)應(yīng)的HTML頁(yè)面地址。 noresize：是對(duì)用戶來(lái)說(shuō)的，當(dāng)<frame>標(biāo)記中包含此參數(shù)的時(shí)候，用戶就不能用鼠標(biāo)調(diào)整修改各分窗口的大小。 scrolling：設(shè)定分窗口是否要滾動(dòng)條。scrolling=no時(shí)不要滾動(dòng)條，scrolling＝y(tǒng)es時(shí)表示要滾動(dòng)條，scrolling＝auoto時(shí)表示根據(jù)實(shí)際情況自動(dòng)設(shè)置滾動(dòng)條。 frameborder和bordercolor：是設(shè)定分窗口有無(wú)邊框和邊框顏色的。但對(duì)象只限于用<frame>標(biāo)記的分窗口。 marginheight和marginwidth：分別用于設(shè)定分窗口的上下邊緣和左右邊緣的寬度。 用上面的兩個(gè)標(biāo)記，就能夠?qū)崿F(xiàn)多窗口頁(yè)面，下面將舉例說(shuō)明。 1、左小右大兩窗口 這種頁(yè)面一般在左邊的窗口放一個(gè)網(wǎng)站導(dǎo)航頁(yè)，右面放網(wǎng)站頁(yè)面內(nèi)容。制作方法： 先用<frameset>標(biāo)記并通過(guò)設(shè)置其cols參數(shù)，沿水平方向分割成兩個(gè)窗口，左邊的窗口占20%，右邊的窗口取剩余部分，再用<frame>標(biāo)記分別定義兩個(gè)窗口的屬性。完成后的分幀頁(yè)面源代碼如下： <html> <head> <title>分幀窗口示例</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <frameset cols="20%,*" > <frame name="leftFrame" noresize src="ahtml.htm"> <frame name="mainFrame" noresize src="bhtml.htm"> </frameset> <noframes> <body> <p>很抱歉！這是一個(gè)分幀頁(yè)面，但由于你的瀏覽器不支持，所以不能瀏覽！ </p> <p>Sorry!This page uses frames,but your browser doesn't support them . </body></noframes> </html> 從上面的代碼看，設(shè)計(jì)幀窗口頁(yè)面并沒(méi)有想象得那么復(fù)雜，但以下幾點(diǎn)在具體操作時(shí)要注意： 1）用<frame>標(biāo)記定義分窗口屬性時(shí)，要注意其在<frameset>標(biāo)記中的順序，切不要搞亂了； 2）分窗口的名稱雖可隨意定，但最好是以其所在位置命名比較好； 3）分窗口的scrolling（滾動(dòng)條）一般取其默認(rèn)值"auto"比較好； 4）雖然在最終往往不要分窗口的邊框，但在設(shè)計(jì)階段，還是設(shè)置為有邊框比較好，這樣在編輯時(shí)一目了然； 5）上面頁(yè)面代碼中后面那句話一般加上為好，因?yàn)橛械臑g覽器版本不支持分幀頁(yè)面，若沒(méi)加那名話，用戶的瀏覽器若不支持分幀時(shí)，看到的是一片空白，不知是怎么一回事了，有那句話提示一下就明白了。 2、一頂一左一右頁(yè)面
先看這種分幀頁(yè)面的源代碼： <frameset rows="20%,*"> <frame name="topFrame" scrolling="NO" noresize src="toppage.htm" > <frameset cols="18%,*"> <frame name="leftFrame" noresize src="leftpage.htm"> <frame name="mainFrame" src="mainpage.htm"> </frameset> </frameset> 從上面的代碼中可看出，建立復(fù)雜分幀頁(yè)面的方法是由簡(jiǎn)到繁，如本例中，先用<frameset>定義其“rows”參數(shù)，把窗口分成上下兩個(gè)窗口，再用<frame>標(biāo)記定義上部窗口，因下部窗口還需再分，所以不用<frame>定義其屬性，而是用<frameset>標(biāo)記設(shè)置其cols參數(shù)，把它再分成左右兩個(gè)窗口，因已達(dá)目的，所以開(kāi)始用<frame>標(biāo)記定義左右兩個(gè)窗口的屬性。 只要記?。合却址?，后細(xì)分，cols橫向分， rows縱向分，無(wú)需再分的窗口用<frame>定義屬性，這些基本原則，制作分幀窗口頁(yè)面就會(huì)輕松自如。 |
|
|
來(lái)自： 甘孜雄鷹 > 《網(wǎng)頁(yè)》
