在網(wǎng)頁設(shè)計中，框架是組織復(fù)雜頁面的一種重要方法?？蚣芸梢詫g覽器顯示窗口分割成幾個不同的小窗口，每個窗口可以獨立顯示不同的網(wǎng)頁，而且在替換窗口中的網(wǎng)頁文件時，各個窗口之間沒有影響。本章介紹框架網(wǎng)頁的應(yīng)用，主要內(nèi)容有：制作一個簡單框架網(wǎng)頁創(chuàng)建框架和框架集設(shè)置框架集屬性嵌套框架框架集中的超鏈接制作一個框架網(wǎng)頁制作一個簡單框架網(wǎng)頁要制作框架網(wǎng)頁，就要建立框架集?？蚣芗墙M織頁面內(nèi)容的常見方法，通過框架集可以將網(wǎng)頁的內(nèi)容組織到相互獨立的HTML頁面內(nèi)，相對固定的內(nèi)容（比如導(dǎo)航欄、標(biāo)題欄）和經(jīng)常變動的內(nèi)容分別以不同的文件保存將會大大提高網(wǎng)頁設(shè)計和維護的效率。本節(jié)制作一個簡單的框架網(wǎng)頁，先對框架集和框架等概念有一個概括的認識?？蚣芫W(wǎng)頁漸完善理解框架集HTML代碼創(chuàng)建框架和框架集鎖謂框架集就是指定義網(wǎng)頁結(jié)構(gòu)與屬性的HTML頁面，這其中包含了顯示在頁面中框架的數(shù)目，框架的尺寸，裝入框架的頁面的來源，以及其他一些可定義的屬性的相關(guān)信息?？蚣芗撁娌粫跒g覽器中顯示（noframes部分除外），它只是向瀏覽器提供如何顯示一組框架以及在這些框架中應(yīng)顯示哪些文檔的有關(guān)信息。使用預(yù)定義的框架集1．創(chuàng)建新的空預(yù)定義框架集2．在現(xiàn)在有文檔中創(chuàng)建預(yù)定義的框架集拆分和刪除框架拆分框架有以下幾種方法：將光標(biāo)放置在要拆分的框架中，從【修改】|【框架集】的子菜單中選擇拆分項。在“設(shè)計”視圖中，將框架邊框從視圖的邊緣拖入視圖的中間，以垂直或水平方式拆分一個框架或一組框架。如果要使用不在視圖邊緣的框架邊框來拆分框架，可以按住【Alt】鍵并同時拖動框架邊框。要將一個框架拆分成4個框架，請將框架邊框從“設(shè)計”視圖一角拖入框架的中間。如果要刪除一個框架，只需將它的邊框拖動到頁面之外或拖動到父框架的邊框上即可。如果要刪除的框架中的文檔有未保存的內(nèi)容，Dreamweaver將提示保存該文檔。設(shè)置框架集屬性框架和框架集是一些獨立的HTML文檔?？梢酝ㄟ^設(shè)置框架或框架集的屬性來對框架或框架集進行修改。對于框架和框架集的設(shè)置，既可以在框架集文件的源代碼中修改標(biāo)簽<frameset></frameset>和<frame/>的屬性來完成，也可以在【屬性】面板中進行，后者更加直觀。選中框架和框架集1．在設(shè)計視圖窗口中選擇2．在【框架】面板中選擇設(shè)置框架的屬性

框架的背景顏色可以在頁面屬性中進行設(shè)置，而框架的的其他屬性，比如確定各個框架集內(nèi)各個框架的名稱、源文件、鏈接、邊距、滾動、邊框和能否調(diào)整大小等，要在自己的屬性面板中進行設(shè)置。選取框架打開框架的【屬性】面板。如圖所示。設(shè)置框架集的屬性

使用框架集屬性面板可以設(shè)置邊框和邊框大小。設(shè)置框架屬性會覆蓋在框架集中設(shè)置的相應(yīng)屬性。比如，設(shè)置某框架的邊框?qū)傩?，將覆蓋在框架集中對該框架設(shè)置的邊框?qū)傩?。選取框架集，打開框架集的【屬性】面板。如圖所示。設(shè)置框架集的屬性邊框：設(shè)置文檔在瀏覽器中查看時是否顯示框架邊框。邊框顏色：設(shè)置邊框的顏色。邊框?qū)挾龋褐付蚣芗兴羞吙虻膶挾??？蚣艽笮。簡螕簟拘辛羞x擇范圍】區(qū)域左側(cè)或頂部的選項卡；然后在“值”文本框中，輸入高度或?qū)挾取Ｇ短卓蚣?/p>

嵌套框架是指在框架內(nèi)部再進一步包含框架集。使用嵌套框架可以為一個網(wǎng)頁文檔設(shè)置多個框架，而且它們都有獨立的HTML文檔和框架文檔。利用嵌套框架可以實現(xiàn)比較復(fù)雜的網(wǎng)頁框架結(jié)構(gòu)。下面制作一個嵌套框架網(wǎng)頁實例，具體制作步驟如下所述。建立嵌套框架集保存左側(cè)框架調(diào)整右側(cè)框架理解嵌套框架的HTML代碼框架集中的超鏈接

要在一個框架內(nèi)使用鏈接打開另一個框架中的文檔，必須設(shè)置鏈接目標(biāo)?？梢允褂脤傩悦姘逯械摹灸繕?biāo)】列表框，在彈出的菜單中指定被鏈接的目標(biāo)。在前面章節(jié)中介紹超鏈接時，已經(jīng)嘗試過設(shè)置鏈接目標(biāo)，但是由于當(dāng)時沒有使用框架頁，因此一些鏈接目標(biāo)的設(shè)置沒有效果，本節(jié)通過實例講解在框架頁的背景下設(shè)置超鏈接的目標(biāo)。相對鏈接目標(biāo)_top絕對鏈接目標(biāo)課堂實例――制作一個框架網(wǎng)頁訪問者在瀏覽框架網(wǎng)頁時，可以使某個框架中的內(nèi)容固定不變，通過導(dǎo)航條的鏈接更改主體框架的內(nèi)容，從而達到網(wǎng)頁布局的相對統(tǒng)一。在一般情況下，可以用框架來保持網(wǎng)頁中固定的幾個部分，比如網(wǎng)頁大標(biāo)題、導(dǎo)航條等，剩下的框架用來展現(xiàn)所選擇的網(wǎng)頁內(nèi)容。利用框架可以更加靈活地制作網(wǎng)頁，本節(jié)將制作一個基于框架的網(wǎng)頁。實例簡介

網(wǎng)頁中共分4個框架。頂部為標(biāo)題部分，顯示網(wǎng)頁的大標(biāo)題；中間左側(cè)為導(dǎo)航部分，提供各網(wǎng)頁的導(dǎo)航鏈接；中間右側(cè)為主體部分，顯示網(wǎng)頁主要內(nèi)容；底部為說明部分，主要包括一些版權(quán)信息。網(wǎng)頁展示的是一個語文課內(nèi)容，共分4大部分，分別為：課文正文、時代背景、中心思想和配樂朗誦。這4部分內(nèi)容分別放置在4個網(wǎng)頁中，并且通過導(dǎo)航鏈接控制在主框架中顯示。

網(wǎng)頁共分4個框架，頂部為標(biāo)題部分，左側(cè)為導(dǎo)航部分，右側(cè)為主體部分，底部為版權(quán)說明部分。瀏覽網(wǎng)頁時可以通過單擊左側(cè)導(dǎo)航欄中的鏈接切換主體部分的網(wǎng)頁內(nèi)容。效果如圖所示。制作步驟1．創(chuàng)建框架網(wǎng)頁2．編輯各框架內(nèi)的網(wǎng)頁文檔3．制作其他需要調(diào)用至主框架的網(wǎng)頁文件4．定義框架之間的超鏈接本章習(xí)題

上機練習(xí)

練習(xí)1制作一個3欄框架框架效果

制作一個3欄框架網(wǎng)頁效果，如下圖所示。練習(xí)2制作框架網(wǎng)頁框架網(wǎng)頁制作一個框架網(wǎng)頁，如圖所