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

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

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

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

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

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

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

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

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

2.插入框架集

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

3.拆分框架

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

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

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

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