Dreamweaver

8中文版應(yīng)用教程第7章

創(chuàng)建和使用框架重點內(nèi)容：創(chuàng)建框架與框架集選擇框架與框架集的方法設(shè)置框架與框架的屬性編輯框架頁面一、什么是框架與框架集框架實際上由兩部分組成，即框架與框架集?？蚣苁菫g覽器窗口中的一個區(qū)域，它可以顯示與瀏覽器窗口的其余部分中所顯示內(nèi)容無關(guān)的HTML文檔。使用框架的最常見的情況是，一個框架顯示包含導航控件的文檔，而另一個框架顯示含有內(nèi)容的文檔?？蚣芗荋TML文件，它定義一組框架的布局和屬性，包括框架的數(shù)目、框架的大小和位置以及在每個框架中初始顯示的頁面的URL?？蚣艿淖畛Ｒ娪猛揪褪菍Ш健Ｒ唤M框架通常包括一個含有導航條的框架和另一個要顯示主要內(nèi)容頁面的框架。但是，框架的設(shè)計比較復雜；而且在很多情況下，可以不必創(chuàng)建框架就能達到相同的效果。例如，如果想讓導航條顯示在頁面的左側(cè)，則既可以用一組框架代替的頁面，也可以只是在站點中的每一頁上包含該導航條。二、創(chuàng)建框架與框架集1.使用預定義創(chuàng)建框架集Dreamweaver中提供的預定義框架種類很多，用戶可以根據(jù)自己的實際需要選擇一種框架類型。使用預定義的框架集的方法分為兩種，一種是通過“插入”工具欄“布局”類中的“框架”按鈕創(chuàng)建，別一種是通過選擇“文件”|“新建”命令，打開“新建文檔”對話框來創(chuàng)建。2.自定義框架集如果要自己設(shè)計框架集，只需將鼠標移至框架邊框上，當鼠標指針變?yōu)殡p向箭頭時，按下鼠標向文檔窗口內(nèi)拖動，即可創(chuàng)建框架集。除此之外，還可以應(yīng)用“修改”|“框架頁”級聯(lián)菜單下的相關(guān)命令拆分框架。二、創(chuàng)建框架與框架集3.創(chuàng)建嵌套框架集要創(chuàng)建嵌套框架集，應(yīng)先將插入點置于要創(chuàng)建嵌套框架集的框架中，使用前面介紹的創(chuàng)建框架集的命令，即可在框架中創(chuàng)建嵌套框架集。最常見的嵌套框架是頂行有一個框架（框架中顯示公司的徽標），在底行有兩個框架（一個導航框架和一個內(nèi)容框架）。4.刪除框架要刪除一個框架，首先將光標放在創(chuàng)建好的框架上，當光標指針變?yōu)閯?chuàng)建框架時的形狀后，拖動框架至邊框上；若頁面中有多個框架，可將其拖到父框架的邊框上。三、選擇框架與框架集1.在文檔窗口中選擇要在文檔窗口的設(shè)計視圖中選擇一個框架，按住Alt鍵的同時單擊框架內(nèi)部。要在文檔窗口的設(shè)計視圖中選擇一個框架集，單擊框架集的某一內(nèi)部框架邊框（要執(zhí)行這一操作，框架邊框必須是可見的）。2.在“框架”面板中選擇“框架”面板提供所見即所得的效果，在“框架”面板中單擊框架或環(huán)繞框架集的邊框，即可在文檔窗口中選擇該框架或框架集。在“框架”面板和文檔窗口的設(shè)計視圖中，框架周圍都會顯示一個選擇輪

廓。四、設(shè)置框架與框架集屬性1.設(shè)置框架屬性使用框架屬性面板可以設(shè)置框架名稱、源文件、滾動條、邊框及邊框顏色等內(nèi)容。要設(shè)置框架屬性，首先選擇要設(shè)置屬性的框架，則在框架的屬性面板中顯示所選框架的屬性。2.設(shè)置框架集屬性使用框架集屬性面板可以查看和設(shè)置大多數(shù)框架集屬性，包括設(shè)置框架集的邊框、邊框顏色及邊框?qū)挾鹊葍?nèi)容。要設(shè)置框架集屬性，首先選擇要設(shè)置屬性的框架集，則在屬性面板中顯示所選框架集的屬性。五、編輯框架頁面1.設(shè)置框架中文檔的背景打開“頁面屬性”對話框，應(yīng)用其中的“背景顏色”或“背景圖像”選項可以為選擇的文檔設(shè)置背景顏色和背景圖像。2.使用鏈接控制框架內(nèi)容要設(shè)置目標框架，用戶可以在設(shè)計視圖中選擇文本或?qū)ο?，在屬性面板?/p>

“鏈接”選項中設(shè)置要鏈接的文件，在“目標”下拉列表框中，選擇鏈接的文檔應(yīng)在其中顯示的框架或窗口。3.替換框架文件選擇“文件”|“在框架中打開”命令，打開“選擇HTML文件”對話框，選擇要替換的文件，然后單擊“確定”按鈕，即可完成框架文件的替換。六、保存框架和框架集文件1.保存框架集文件要保存框架集文件，可以在框架集面板或文檔窗口中選擇框架集，然后選擇“文件”|“保存框架頁”命令，或選擇“文件”|“框架集另存為”命令，打開“另存為”對話框。在“文件名”文本框中輸入要保存框架集的名稱。2.保存在框架中顯示的文檔要保存在框架中顯示的文檔，首先單擊文檔所在的框架，然后選擇“文

件”|“保存框架”命令或選擇“文件”|“框架另存為”命令，打開“另存為”對話框。3.保存與一組框架關(guān)聯(lián)的所有文件要保存在框架中顯示的文檔，首先單擊文檔所在的框架，然后選擇“文件”|“保存框架”命令或選擇“文件”|“框架另存為”命令，打開“另存為”對話框。七、解決瀏覽器無法顯示框架的問題若要編輯無框架頁面，首先選中框架集，再選擇“修改”|“框架頁”|“編輯無框架內(nèi)容”命令。此時

Dreamweaver將清除文檔窗口，正文區(qū)域上方出現(xiàn)“無框架內(nèi)容”標簽。當訪問者使用不支持框架的瀏覽器訪問框架時，看到的將是一個空白的頁面。用戶可以在這個空白的頁面中加入一段文字，提示訪問者使用的瀏覽器不支持框架，無法顯示框架及網(wǎng)頁的內(nèi)容。八、實例假設(shè)某網(wǎng)站中已存在3個jmtp01.html、jmtp02.html和jmtp03.html網(wǎng)頁，現(xiàn)在要創(chuàng)建一個框架，將jmtp01.html鏈接至頂

框架，將jmtp