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

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

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

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

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

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

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

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