《框架的應(yīng)用》word版

《《框架的應(yīng)用》word版》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫。

1、第七章框架的應(yīng)用框架技術(shù)可以將瀏覽器分割成多個小窗口，并且在每個小窗口中，可以顯示不同的網(wǎng)頁，這樣就可以很方便的在瀏覽器中瀏覽不同的網(wǎng)頁效果。當(dāng)瀏覽器分割成多個窗口后，各窗口就會扮演不同的角色，實現(xiàn)不同的功能。舉例來說，有些論壇就是把瀏覽器分割成兩個窗口，一個窗口主要來顯示帖子的標(biāo)題，而另一個窗口會顯示具體的內(nèi)容。這樣的設(shè)計顯然比起一個窗口的網(wǎng)頁在瀏覽時方便得多，而且用戶也可以任意的切換題目?？蚣芗夹g(shù)也多用于后臺管理頁面排版。1框架的基本結(jié)構(gòu)框架的基本結(jié)構(gòu)主要分為框架和框架集兩個部分。它是利用

2、ame>標(biāo)記與標(biāo)記來定義。其中標(biāo)記用于定義框架，而標(biāo)記則用于定義框架集。標(biāo)記不可以包含在標(biāo)記中，直接將該標(biāo)記包含在標(biāo)記中。2框架的設(shè)置常見的對窗口的分割包括：水平分割、垂直分割和嵌套分割。具體采用哪種分割方式，取決于實際需要，可用

3、rameset>標(biāo)記中的rows(水平分割)或cols(垂直分割)屬性來進行分割。在完成窗口的分割后，接下來就要設(shè)置每個分割出來的子窗口。設(shè)置子窗口的屬性都在相應(yīng)的子窗口的標(biāo)記中。其中，最重要的屬性為子窗口的名稱(name屬性)和要導(dǎo)入到框架中的子窗口HTML文件的路徑(src屬性)。2.1窗口的水平分割rows屬性可定義一個水平分割的窗口框架。格式：…

4、set>ürows屬性的值代表各子窗口的高度，第一個子窗口高為高度1，第二個子窗口高為高度2，依此類推，而最后一個*，則代表最后一個子窗口的高度，值為其它子窗口高度分配后所剩余的高度。ü設(shè)置高度數(shù)值的方式有兩種：采用整數(shù)設(shè)置，單位為像素px：用百分比設(shè)置，如：實例1.html：

5、"80,120,*">在水平分割窗口后，設(shè)置第一個窗口的高度為80px，第二個窗口中的高度為120px，第三個窗口的高度是瀏覽器的寬度減去前兩個窗口的高度。網(wǎng)頁效果如圖7-1。圖7-1設(shè)置窗口的水平分割2.2窗口的垂直分割cols屬性可定義一個垂直分割的窗口框架。格式：

6、"url">…垂直寬度值的設(shè)置，與水平分割高度值的設(shè)置方式相同。實例2.html：網(wǎng)頁效果如圖7-2。圖7-2設(shè)置窗口的垂直分割2.3窗口的嵌套分割在實際應(yīng)用中，“廠”字型框架使用極為廣泛?！皬S”字型的網(wǎng)頁就是窗

7、口中包含水平和垂直分割，如圖7-3所示，實現(xiàn)“廠”字型框架需要對窗口進行嵌套分割。所謂的嵌套分割是指一個窗口框架還包含了另一個窗口框架。整個框架將用數(shù)個標(biāo)記建立。先用的rows屬性對窗口進行上下分割，然后再用cols屬性把下面的窗口進行垂直分割，就完成了“廠”字型的框架。實例3.html：

8、cols="20%,*">網(wǎng)頁效果如圖7-3。圖7-3設(shè)置窗口的嵌套分割2.4框架的邊框在標(biāo)記中，可運用border屬性控制分割窗口框架的邊框。格式：n為整數(shù)，代表此窗口框架的寬度，單位為像素(px)。實例4.html：