框架頁(yè)和框架集

《框架頁(yè)和框架集》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、框架的主要作用是用來(lái)增強(qiáng)網(wǎng)頁(yè)的導(dǎo)航功能。通過(guò)框架的定位頁(yè)面作用，可以更整齊的排列頁(yè)面中的對(duì)象?！窨蚣茼?yè)和框架集框架在網(wǎng)頁(yè)設(shè)計(jì)中可以將窗口分成多個(gè)不同的區(qū)域，每個(gè)區(qū)域可以分別顯示不同的網(wǎng)頁(yè)?？蚣苡蓛蓚€(gè)部分組成--框架集和單個(gè)框架?？蚣芗瘜?zhuān)門(mén)負(fù)責(zé)框架的設(shè)置：網(wǎng)頁(yè)顯示的框架數(shù)，框架的大小，是分行型還是分列型，或者是混合型；載入框架的網(wǎng)頁(yè)源，等等。另外的就是單個(gè)框架，也就是普通的HTML文檔分別被放置到各框架中，當(dāng)鏈接到設(shè)置框架的HTML文檔時(shí)，整個(gè)框架以及各HTML文檔就會(huì)一起顯示在瀏覽器中。在每個(gè)框架中，都有一個(gè)藍(lán)色的區(qū)域，這個(gè)區(qū)域是主框架的位

2、置。當(dāng)在一個(gè)頁(yè)面插入框架時(shí)，原來(lái)的頁(yè)面就自動(dòng)成了主框架的內(nèi)容。一般主框架用來(lái)放置網(wǎng)頁(yè)內(nèi)容，而其它小框架用來(lái)進(jìn)行導(dǎo)航。1、執(zhí)行【文件】

3、【新建】命令創(chuàng)建一個(gè)新的網(wǎng)頁(yè)文件。2、將當(dāng)前鼠標(biāo)光標(biāo)定位在需要插入框架的位置，執(zhí)行如下操作之一即可：?執(zhí)行【插入】

4、【HTML】

5、【框架】命令。?執(zhí)行【修改】

6、【框架集】

7、【拆分框架】命令。?在【插入】欄的【布局】選項(xiàng)卡中單擊【框架】按鈕。3、按照設(shè)計(jì)要求，在“框架”列表中選擇所需的框架結(jié)構(gòu)?！?.3.2創(chuàng)建框架1．框架的插入“框架”按鈕1、執(zhí)行【文件】

8、【新建】命令創(chuàng)建一個(gè)新的網(wǎng)頁(yè)文件。2、將光標(biāo)定位到頁(yè)面

9、中，執(zhí)行如下操作之一即可：?執(zhí)行【查看】

10、【可視化助理】

11、【框架邊框】命令。?在【文檔工具欄】中單擊【視圖選項(xiàng)】按鈕，執(zhí)行【可視化助理】

12、【框架邊框】命令。3、頁(yè)面四周顯示出框架的邊框線。4、將光標(biāo)定位到頁(yè)面中，執(zhí)行如下操作之一即可：?將鼠標(biāo)移到【文檔窗口】邊界線上，當(dāng)鼠標(biāo)變成為（左右分割框架）或（上下分割框架）時(shí)，拖動(dòng)鼠標(biāo)至相應(yīng)位置，即可創(chuàng)建一條邊框線。?將鼠標(biāo)移到【邊框架】角上，當(dāng)鼠標(biāo)變成為形狀時(shí)，拖動(dòng)鼠標(biāo)至相應(yīng)位置，即可創(chuàng)建4個(gè)邊框。2．插入自定義框架1、執(zhí)行【文件】

13、【新建】命令創(chuàng)建一個(gè)新的網(wǎng)頁(yè)文件。2、將光標(biāo)定位到頁(yè)面中，單擊【布

14、局】選項(xiàng)卡中的【框架】按鈕，完成框架的插入。3、將光標(biāo)定位到主框中，單擊【布局】選項(xiàng)卡中的【框架】按鈕，按照設(shè)計(jì)要求，插入嵌套的框架結(jié)構(gòu)。3．重復(fù)插入框架雖然DreamweaverMX提供了最常用的13種框架模型，但是在實(shí)際操作時(shí)還是可能會(huì)需要使用到其它形式的框架模型，這時(shí)可以用重復(fù)插入的方法，創(chuàng)建各種形式的框架結(jié)構(gòu)。重復(fù)插入框架可以隨意創(chuàng)建框架格式。重復(fù)插入框架時(shí)，每個(gè)框架都會(huì)被自動(dòng)命名，提高了效率；而且框架的形式是用rows“﹡，80”這樣只指定一個(gè)全框架大小的語(yǔ)句，可以適應(yīng)各種分辯率的瀏覽器窗口。如果是多層嵌套的框架，則必須分別保存多

15、個(gè)導(dǎo)航框架。1、執(zhí)行【文件】

16、【新建】命令創(chuàng)建一個(gè)新的網(wǎng)頁(yè)文件。2、將當(dāng)前鼠標(biāo)光標(biāo)定位在需要插入框架的位置，執(zhí)行【修改】

17、【框架集】

18、【拆分左/右/上/下框架】命令。然后按照設(shè)計(jì)要求，拆分框架。4．分割框架另外，也可以用拖動(dòng)鼠標(biāo)的方法來(lái)分割框架：執(zhí)行【可視化助理】

19、【框架邊框】命令，然后按照“插入自定義框架”的方式設(shè)置即可?！?.3.3框架的編輯和制作框架在網(wǎng)頁(yè)上的應(yīng)用可以說(shuō)是形式多樣，所以，熟練運(yùn)用框架的屬性，可以使網(wǎng)頁(yè)的框架結(jié)構(gòu)美觀而實(shí)用。使框架成為一個(gè)整體：雖然應(yīng)用框架后，窗口被分為幾個(gè)部分，但出于美觀考慮，應(yīng)該使框架看起來(lái)像是個(gè)整體

20、，一般采用的方法是把框架的邊界設(shè)置為0。然后把導(dǎo)航框中的元素確定位置，不進(jìn)行移動(dòng)，使?jié)L動(dòng)條只出現(xiàn)在主框架中。同時(shí)，將框架頁(yè)的背景設(shè)置為一致。在編輯完成框架的結(jié)構(gòu)后，有時(shí)會(huì)發(fā)現(xiàn)錯(cuò)誤，這時(shí)可以通過(guò)替換與刪除框架來(lái)達(dá)到目的。1．替換框架與刪除框架在某些多層嵌套框架建立完成后，有時(shí)需要重新設(shè)置某一層的框架結(jié)構(gòu)，這時(shí)就需要替換框架。替換框架就是將框架集中某個(gè)框架的內(nèi)容替換成另外一個(gè)框架文件。（1）替換框架1、打開(kāi)已經(jīng)設(shè)置完成的框架集。在【框架】面板中單擊需要替換的那個(gè)框架頁(yè)，進(jìn)行編輯。2、執(zhí)行命令【文件】

21、【在框架中打開(kāi)】命令。3、彈出【選擇HTML

22、文件】對(duì)話框。在其中選擇替換文件，單擊【確定】按鈕。將鼠標(biāo)定位在某一框架頁(yè)內(nèi)，按住【Alt】鍵，單擊鼠標(biāo)左鍵，就選中了框架頁(yè)，同時(shí)在編輯區(qū)該框架頁(yè)周?chē)幸蝗μ摼€，鼠標(biāo)光標(biāo)變成形狀。（1）選擇框架頁(yè)1、打開(kāi)設(shè)置完成的框架集。在【框架】面板中單擊需要?jiǎng)h除的框架頁(yè)，進(jìn)行編輯。2、將光標(biāo)定位在要?jiǎng)h除框架的框架頁(yè)邊框，將邊框移動(dòng)至框架外沿，即可刪除框架。2．選擇框架頁(yè)和框架集（2）刪除框架將鼠標(biāo)定位在框架邊框上，當(dāng)鼠標(biāo)光標(biāo)變成或形狀時(shí)，單擊鼠標(biāo)左鍵，就選中整個(gè)了框架，同時(shí)在編輯區(qū)該框架集周?chē)幸蝗μ摼€。（2）選擇框架集（1）保存框架集1、選中整個(gè)框架

23、，執(zhí)行【文件】

24、【保存全部】或【文件】

25、【框架集另存為】命令。2、此時(shí)，彈出一個(gè)存儲(chǔ)框架集設(shè)置選項(xiàng)的對(duì)話框（同時(shí)在編輯區(qū)整個(gè)框架集周?chē)幸蝗μ摼€），在【文件名】文本框中鍵入文件名