107dreamweaver8中文版應(yīng)用教程書(shū)代號(hào)

Dreamweaver

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

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

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

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

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

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

框架，將jmtp