《框架頁和框架集》PPT課件

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

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

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

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

4、【HTML】

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

6、【框架集】

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

8、【新建】命令創(chuàng)建一個新的網(wǎng)頁文件。2、將光標定位到頁面中，執(zhí)行如下操作之一

9、即可：?執(zhí)行【查看】

10、【可視化助理】

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

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

13、【新建】命令創(chuàng)建一個新的網(wǎng)頁文件。2、將光標定位到頁面中，單擊【布局】選項卡中的【框架】按鈕，完

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

15、【新建】命

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

17、【框架集】

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

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

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

21、【在框架中打開】命令。3、彈出【選擇HTML文件】對話框。在其中選擇替換文件，單擊【確定】按鈕。將鼠標定

22、位在某一框架頁內(nèi)，按住【Alt】鍵，單擊鼠標左鍵，就選中了框架頁，同時在編輯區(qū)該框架頁周圍有一圈虛線，鼠標光標變成形狀。（1）選擇框架頁1、打開設(shè)置完成的框架集。在【框架】面板中單擊需要刪除的框架頁，進行編輯。2、將光標定位在要刪除框架的框架頁邊框，將邊框移動至框架外沿，即可刪除框架。2．選擇框架頁和框架集（2）刪除框架將鼠標定位在框架邊框上，當(dāng)鼠標光標變成或形狀時，單擊鼠標左鍵，就選中整個了框架，同時在編輯區(qū)該框架集周圍有一圈虛線。（2）選擇框架集（1）保存框架集1、選中整個框架，執(zhí)行【文件】

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

24、【框架集另存為】命令。2、此時

25、，彈出一個存儲框架集設(shè)置選項的對話框（同時在編輯區(qū)整個框架集周圍有一圈虛線），在【文件名】文本框中鍵入文件名