資源描述：
《Dreamweaver課件：第9章框架和框架集.ppt》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、第9章建立框架網(wǎng)頁內(nèi)容提要框架網(wǎng)頁的基本原理創(chuàng)建框架和框架集框架文件的結(jié)構(gòu)和保存框架的屬性和操作具體的框架實(shí)例學(xué)習(xí)目標(biāo)了解框架及框架集熟悉框架及框架集的創(chuàng)建掌握框架及框架集的基本操作掌握框架及框架集的屬性設(shè)置學(xué)會使用框架進(jìn)行簡單的頁面布局使用鏈接控制框架內(nèi)容9.1理解框架網(wǎng)頁的基本原理9.1理解框架網(wǎng)頁的基本原理所謂“框架”，就是將瀏覽器窗口劃分為若干個區(qū)域。框架網(wǎng)頁并不是一個真正意義上的網(wǎng)頁，它主要記錄在框架網(wǎng)頁中所包含的框架數(shù)量以及拆分方式等信息，每一個單獨(dú)的框架將由具有實(shí)際內(nèi)容的網(wǎng)頁填充。在上述框架網(wǎng)頁內(nèi)共有三個框架
2、，因此需要三個相對應(yīng)的網(wǎng)頁，因此，框架網(wǎng)頁加上三個獨(dú)立的網(wǎng)頁，共有四個網(wǎng)頁?？蚣艹Ｓ糜谡军c(diǎn)導(dǎo)航系統(tǒng)。網(wǎng)頁1和網(wǎng)頁2中上方的標(biāo)題和左側(cè)導(dǎo)航按鈕是相同的。標(biāo)題和導(dǎo)航按鈕分別對應(yīng)在兩個獨(dú)立的網(wǎng)頁中。右下方的內(nèi)容也分別對應(yīng)于獨(dú)立的網(wǎng)頁，利用框架的鏈接屬性，當(dāng)訪問者可以單擊菜單項(xiàng)要瀏覽其他內(nèi)容時，導(dǎo)航菜單和標(biāo)題則幾乎不發(fā)生任何變化。由此可見，框架網(wǎng)頁不但是頁面布局的解決方案，也是避免重復(fù)勞動的一種方法。9.1理解框架網(wǎng)頁的基本原理網(wǎng)頁1網(wǎng)頁29.2新建框架網(wǎng)頁9.2新建框架網(wǎng)頁在Dreamweaver中可以通過兩種方式插入框架集。一
3、種是自己直接拆分，另外一種是插入預(yù)先定義的框架集。Dreamweaver預(yù)先定義的框架集存放在“插入”工具欄“布局”選項(xiàng)中的“框架”按鈕中，用戶可以隨意選擇自己需要的框架集類型。9.2新建框架網(wǎng)頁建立框架的目的就是將窗口分成大小不同的子窗口,在不同的窗口中顯示不同的文檔內(nèi)容.9.2新建框架網(wǎng)頁新建框架網(wǎng)頁操作步驟：（1）建立站點(diǎn)及網(wǎng)頁（2）插入預(yù)先定義的框架集（3）自己直接拆分框架集拆分上框架效果圖9.2新建框架網(wǎng)頁9.3增加、調(diào)整和刪除框架9.3增加、調(diào)整和刪除框架增加、調(diào)整和刪除框架操作步驟：9.3增加、調(diào)整和刪除框架
4、（1）準(zhǔn)備工作（2）增加框架（3）刪除框架（4）調(diào)整框架提示:用戶還可以劃分已有框架，在當(dāng)前框架集文件中創(chuàng)建新的框架集。在其他框架集中的框架集被稱為“嵌入式框架集”。要創(chuàng)建嵌入式框架集，需要先將光標(biāo)停放在已有框架內(nèi)。按住Alt鍵單擊一下，然后在文檔窗口中拖動框架邊框（不要松開Alt鍵），將框架縱向或橫向劃分。效果圖9.4保存框架和框架集中的文件9.4.1按對應(yīng)關(guān)系保存框架集和框架集中的文件保存框架集和框架集中的文件操作步驟：9.4保存框架和框架集中的文件（1）保存框架和框架集（2）保存單個框架頁面效果圖一般在保存框架時,先
5、保存框架集,再保存框架9.4.2打開和關(guān)閉框架中的文件打開和關(guān)閉框架中的文件與打開和關(guān)閉網(wǎng)頁文件相類似。但要注意的是利用“文件”
6、“打開”命令，如果選取的是框架集文件，則可同時打開該框架集和其中的框架頁面。如果選取的是單個框架頁面，則只能打開該頁面。9.4保存框架和框架集中的文件課堂案例1-運(yùn)動休閑網(wǎng)案例學(xué)習(xí)目標(biāo):使用”新建”命令建立框架集.使用”頁面屬性”改變頁面邊距.使用”插入”面板”常用”選項(xiàng)卡中的按鈕制作完整的框架網(wǎng)頁.案例知識要點(diǎn):使用上方固定框架制作的網(wǎng)頁的結(jié)構(gòu)圖效果.使用屬性面板改變框架的大小.使用”表格”和
7、”圖像”按鈕插入表格和圖像制作完整的框架網(wǎng)頁效果.9.5使用框架面板9.5使用框架面板框架和框架集都是獨(dú)立的HTML文檔。要修改框架或框架集，必須先選取要修改的框架或框架集。選擇的方法包括在文檔窗口中直接選擇或使用框架面板進(jìn)行選擇。要在文檔窗口中直接選擇框架，可以按住Alt鍵在框架內(nèi)單擊。要在文檔窗口中直接選擇框架集，可以在框架的邊框上單擊。在“框架”面板中，框架集有明顯的三維邊框，而且框架有灰色線條并顯示框架名。9.5使用框架面板9.5使用框架面板9.5使用框架面板查看框架顯示“框架”面板效果圖9.6修改框架屬性9.6修
8、改框架屬性設(shè)置框架的屬性主要通過其屬性面板進(jìn)行。按住Alt鍵單擊框架，可查看框架屬性。9.6修改框架屬性“框架名稱”：決定用來作為超級鏈接目標(biāo)和腳本引用的當(dāng)前框架名?？蚣苊梢允且粋€單詞，也允許下劃線，但是不允許用短橫（-）、句點(diǎn)（.）和空格等，也不要使用中文?！霸次募保簺Q定框架的源文檔，可輸入文件名或單擊文件夾圖標(biāo)瀏覽并選擇文件。還有一種方法可以在框架中打開文件：先將光標(biāo)停放在框架中，然后選擇“文件”
9、“在框架中打開”?！皾L動”：決定在沒有足夠空間顯示當(dāng)前框架中的內(nèi)容時是否使用滾動條。該下拉列表有四個選項(xiàng)，大多數(shù)瀏覽器
10、默認(rèn)值為“自動”?！安荒苷{(diào)整大小”：使當(dāng)前框架不能重調(diào)大小，防止用戶拖動框架邊框?！斑吙颉保嚎刂飘?dāng)前框架的邊框。其選項(xiàng)為“是”、“否”和“默認(rèn)”。本選擇可以覆蓋為框架集定義的邊框設(shè)置。“邊框顏色”：設(shè)置所有和當(dāng)前框架相鄰的邊框的顏色。本設(shè)置可以覆蓋框架集的邊框顏色“邊界寬度”：設(shè)置左右邊距的寬度（單位為
