框架是布局XHTML 的一種特殊方式。它可以通過frame標(biāo)簽將網(wǎng)頁分成多個區(qū)域，通過這些區(qū)域顯示不同的網(wǎng)頁。在帶框架的網(wǎng)頁中，必須使用框架集標(biāo)簽將這些框架組織成框架集。1.框架和框架集

框架和框架集是兩個不同的東西。網(wǎng)站制作框架只是網(wǎng)頁中的一個區(qū)域，其中可以顯示一個XHTML文檔，與瀏覽器窗口中其他區(qū)域的內(nèi)容無關(guān)。通常兩個或多個框架可以組合成一個網(wǎng)頁。

框架集是一種HTML 文檔，它定義了一組框架和屬性的布局，例如每個框架中初始顯示的數(shù)量、大小、位置和URL。 frameset文件本身并不包含要在瀏覽器中顯示的HTML內(nèi)容，而只是提供了瀏覽器顯示單個框架的方法和規(guī)范。所謂framed webpage就是由包括frame的frameset組成的網(wǎng)頁。2.框架網(wǎng)頁的優(yōu)點(diǎn)

帶框架的網(wǎng)頁具有鮮明的特點(diǎn)。在設(shè)計網(wǎng)頁的過程中，框架的使用必須滿足簡單、易用、易于瀏覽和維護(hù)的條件。布局簡單

在使用Dreamweaver 設(shè)計網(wǎng)頁時，最常用的網(wǎng)頁布局工具是分層div 或表格。在使用圖層或表格布局時，通常需要在網(wǎng)頁中不斷插入各種標(biāo)簽和對象，并為這些對象設(shè)置屬性。使用frame布局非常簡單，點(diǎn)擊幾下鼠標(biāo)就可以實(shí)現(xiàn)網(wǎng)頁的整體布局，所有的尺寸和寬度都可以通過鼠標(biāo)拖動實(shí)現(xiàn)。制作方便

使用Dreamweaver制作整個網(wǎng)站時，網(wǎng)站的每一頁都有一些相同的元素，例如導(dǎo)航欄、頁腳等。前面已經(jīng)介紹了使用庫來插入這些元素。其實(shí)可以使用框架來設(shè)計網(wǎng)頁，將導(dǎo)航欄和頁腳保存為單獨(dú)的網(wǎng)頁，通過框架調(diào)用。整個網(wǎng)站的所有網(wǎng)頁都可以使用導(dǎo)航欄頁面和頁腳頁面。適用于長頁面

在一些比較長的網(wǎng)頁中（如大型文章或博客、網(wǎng)站的后臺程序頁面等），用戶可能需要拖動滾動條才能瀏覽整個網(wǎng)頁。在正常的網(wǎng)頁中，用戶瀏覽完網(wǎng)頁后，通常需要將滾動條拖回到網(wǎng)頁頂部，才能繼續(xù)使用導(dǎo)航欄。如果在網(wǎng)頁中使用框架，將導(dǎo)航欄作為單獨(dú)的框架使用，用戶可以直接使用導(dǎo)航欄，而無需拖動滾動條。由于這個優(yōu)勢，很多論壇都喜歡用frame來做導(dǎo)航欄。一個框架網(wǎng)頁通常由多個網(wǎng)頁組成。例如，如果一個網(wǎng)頁由3 個框架組成，那么它應(yīng)該包含4 個網(wǎng)頁，框架集，每個框架應(yīng)該有一個單獨(dú)的網(wǎng)頁?？蚣芗刂凭W(wǎng)頁在每個框架中的顯示方式。

Dreamweaver 中為用戶預(yù)定義了各種框架集類型。使用這些預(yù)定義的框架集類型，您可以輕松地創(chuàng)建各種布局的框架網(wǎng)頁。在制作框架網(wǎng)頁之前，應(yīng)先執(zhí)行[查看][視覺助手][框架邊框]命令，使Dreamweaver顯示框架邊框。制作有框架布局的網(wǎng)頁通常有以下四種方法。1.新建框架網(wǎng)頁

在Dreamweaver 中，執(zhí)行【文件】【新建】命令，打開【新建文檔】對話框。在該對話框中選擇【示例中的頁面】【框架集】選項(xiàng)，可以在列表菜單中選擇各種框架，如圖5-22所示。

2.插入框架集

除了創(chuàng)建新的帶框架的網(wǎng)頁外，您還可以將框架集插入到您已經(jīng)創(chuàng)建的其他類型的網(wǎng)頁中。打開需要插入框架的網(wǎng)頁，點(diǎn)擊【插入】工具欄中的【布局】和【框架】選項(xiàng)卡，彈出框架類型菜單。點(diǎn)擊相應(yīng)的框架類型，創(chuàng)建框架網(wǎng)頁，如圖5-23所示。

3.拆分框架

拆分框架也是創(chuàng)建框架網(wǎng)頁的常用方法。打開網(wǎng)頁文檔后，執(zhí)行【修改】【框架集】命令，可以選擇【拆分左框架】等子命令。4.插入HTML

另一種插入框架網(wǎng)頁的方法是在打開的網(wǎng)頁中執(zhí)行【插入記錄】【HTML】【框架】命令，選擇各種類型的框架，將其HTML代碼插入到網(wǎng)頁中。

插入圖框后，會彈出【圖框標(biāo)簽輔助功能屬性】對話框。在此對話框中，您可以為每一幀設(shè)置一個標(biāo)題。設(shè)置好標(biāo)題后，點(diǎn)擊【確定】按鈕，完成圖框的創(chuàng)建。

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn)，每一個項(xiàng)目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！