第4章 使用框架教學(xué)課件 網(wǎng)頁制作基礎(chǔ)教程（Dreamweaver CS6 第2版）

第4章使用框架教學(xué)課件網(wǎng)頁制作基礎(chǔ)教程（DreamweaverCS6第2版）工信版主編黃洪杰電子工業(yè)出版社網(wǎng)頁制作基礎(chǔ)教程

(DreamweaverCS6第2版)電子教案第4章使用框架項(xiàng)目1框架概述子項(xiàng)目1框架與框架集框架由單個(gè)框架和框架集兩部分組成。單個(gè)框架是指瀏覽器窗口中的一個(gè)區(qū)域，顯示的是瀏覽器窗口中某一個(gè)部分的內(nèi)容，與瀏覽器中的其他內(nèi)容沒有直接關(guān)系。框架集由若干個(gè)單框架組成，每個(gè)單框架顯示不同的內(nèi)容，整個(gè)框架集占滿整個(gè)瀏覽器的窗口。子項(xiàng)目1框架與框架集我們可以這樣理解框架：一個(gè)框架由幾個(gè)獨(dú)立的頁面組成。在一般情況下，這些頁面只顯示全部內(nèi)容的一部分，我們可以通過滾動(dòng)條瀏覽頁面的全部內(nèi)容?；蛘咭部梢哉f，框架實(shí)現(xiàn)了在一個(gè)窗口中瀏覽多個(gè)頁面。

子項(xiàng)目2框架的優(yōu)缺點(diǎn)框架將頁面分割為兩個(gè)或兩個(gè)以上的部分，各部分分別獨(dú)立下載到本地計(jì)算機(jī)上并顯示出來。這幾個(gè)部分既互相獨(dú)立，又可以互相鏈接，每一個(gè)部分的顯示速度不受其他頁面的制約，這使得頁面更加生動(dòng)?？蚣艿囊粋€(gè)優(yōu)點(diǎn)是，當(dāng)在一個(gè)框架頁面中單擊超鏈接時(shí)，可以在另一個(gè)框架頁面中顯示內(nèi)容，而不需要將第一個(gè)框架頁面中的內(nèi)容再做一遍?？蚣艿牧硪粋€(gè)優(yōu)點(diǎn)是每一個(gè)框架都有滾動(dòng)條，瀏覽者可以獨(dú)立滾動(dòng)每一個(gè)框架，這對(duì)于整個(gè)網(wǎng)頁的交互性非常有用。子項(xiàng)目2框架的優(yōu)缺點(diǎn)框架的缺點(diǎn)：框架難以實(shí)現(xiàn)不同框架中各元素的精確圖形對(duì)齊。有的瀏覽器不支持框架技術(shù)?？蚣苤屑虞d的每個(gè)頁面的URL不顯示在瀏覽器地址欄中。瀏覽者很難將特定頁面設(shè)為書簽項(xiàng)目2創(chuàng)建框架子項(xiàng)目1插入框架

單擊“插入”菜單，在彈出的菜單中選擇“HTML”，然后選擇其下一級(jí)菜單的“框架”，選擇一種框架集的命令。“框架標(biāo)簽輔助功能屬性”對(duì)話框要求為每一個(gè)框架制定一個(gè)標(biāo)題。子項(xiàng)目2調(diào)整框架的大小

改變框架的大小是件非常容易的事，只需將鼠標(biāo)指針移至框架的分界處，當(dāng)鼠標(biāo)指針顯示發(fā)生變化時(shí)，將其拖至適宜的位置即可。子項(xiàng)目3更改框架集的樣式

1.拆分框架選中一個(gè)框架。單擊“修改”菜單，在彈出的菜單中選擇“框架集”，然后在彈出的下一級(jí)菜單中選擇“拆分左框架”命令。子項(xiàng)目3更改框架集的樣式

2.刪除框架單擊鼠標(biāo)，選中要?jiǎng)h除的框架，此時(shí)是沒有光標(biāo)。將鼠標(biāo)指針移動(dòng)到框線上，鼠標(biāo)指針變成雙向箭頭時(shí)，拖動(dòng)鼠標(biāo)到最左端，框架變小，直至消失。子項(xiàng)目4設(shè)置框架、框架集的屬性單擊“窗口”菜單，在下拉菜單中選擇“框架”命令，在窗口右邊出現(xiàn)“框架”面板。子項(xiàng)目4設(shè)置框架、框架集的屬性在默認(rèn)的情況下，框架的框線是隱藏的，也就是說，在瀏覽器中是根本看不到框架存在的。在“屬性”面板中，更改邊框?yàn)椤笆恰?，可以顯示框架。子項(xiàng)目4設(shè)置框架、框架集的屬性在屬性面板中，還有一個(gè)重要的設(shè)置時(shí)是否顯示滾動(dòng)條。共有是、否、自動(dòng)、默認(rèn)四個(gè)選項(xiàng)。其中自動(dòng)是指當(dāng)網(wǎng)頁內(nèi)容超出框架范圍是自動(dòng)顯示滾動(dòng)條，否則不顯示滾動(dòng)條。子項(xiàng)目5保存框架Dreamweaver為每一個(gè)框架以及整個(gè)框架集各提供一個(gè)“保存”對(duì)話框。也就是說，有N個(gè)框架，就有保存N+1個(gè)“另存為”對(duì)話框。單擊菜單欄上的“文件”，可以發(fā)現(xiàn)“文件”菜單下的“保存”命令變成了“保存框架”和“框架另存為”等命令。