Dreamweaver實(shí)例教程第5章

1、第五章框架的使用學(xué)習(xí)目標(biāo)1）了解在網(wǎng)頁(yè)中框架的作用；2）熟練掌握如何創(chuàng)建框架；3）掌握在Dreamweaver 8.0中創(chuàng)建框架和設(shè)置框架屬性的方法；4）掌握使用鏈接控制框架內(nèi)容的方法；5）會(huì)保存框架及框架集。5.1 框架概述重點(diǎn)提示1）框架的作用。2）框架的組成。 在網(wǎng)頁(yè)中使用框架可以把瀏覽器的窗口分隔為若干相互獨(dú)立又有聯(lián)系的區(qū)域，在每一個(gè)區(qū)域中顯示一個(gè)獨(dú)立的網(wǎng)頁(yè)文件。也可以把它理解成，將包含某種聯(lián)系的多個(gè)HTML網(wǎng)頁(yè)呈現(xiàn)在一個(gè)瀏覽器窗口中?？蚣苡煽蚣芗涂蚣軆刹糠纸M成。框架：?jiǎn)蝹€(gè)的框架是瀏覽器窗口中的一個(gè)區(qū)域，在此區(qū)域中可以顯示一個(gè)獨(dú)立的HTML文檔?？蚣芗菏窃谝粋€(gè)文檔內(nèi)定義了一組框架結(jié)

2、構(gòu)的HTML網(wǎng)頁(yè)，定義的內(nèi)容有窗口顯示的框架數(shù)、各個(gè)框架的大小和載入框架的網(wǎng)頁(yè)的地址等屬性。5.2 框架的基本操作 創(chuàng)建框架集創(chuàng)建預(yù)定義的框架集創(chuàng)建嵌入式框架集創(chuàng)建無(wú)框架內(nèi)容設(shè)置框架集屬性創(chuàng)建框架集重點(diǎn)提示1）如何新建一個(gè)HTML文檔。2）創(chuàng)建框架集。3）刪除框架。實(shí)例：新建一個(gè)HTML文檔。 要求掌握創(chuàng)建框架集的兩種方法 單擊菜單“修改”“框架頁(yè)”，選擇所需要的拆分方式。 按?。ˋlt）鍵從任何一條邊框或一個(gè)角上拖拽出新的框架。 如果想刪除某個(gè)框架，只需將該框架邊框拖出此頁(yè)即可。如果在即將刪除的框架中顯示的文檔還有尚未保存的內(nèi)容，則會(huì)提示是否要保存，而刪除框架集只需直接關(guān)閉框架集文件，如果此

3、框架集已經(jīng)被保存，則需要從站點(diǎn)中刪除。創(chuàng)建預(yù)定義的框架集重點(diǎn)提示1）如何使用框架集格式。2）如何在HTML文檔中插入預(yù)定義的框架集。實(shí)例2：使用三種方法在HTML文檔中插入預(yù)定義的框架集。1）在“插入面板”中選擇“布局”，點(diǎn)擊框架圖標(biāo)，從中選擇一種框架集模式。2）選擇菜單“插入”“HTML”“框架”，選擇一種框架集模式。3）在新建文件時(shí)直接使用預(yù)定義框架集，創(chuàng)建嵌入式框架集重點(diǎn)提示1）框架嵌套的概念。2）框架嵌套的方法。創(chuàng)建無(wú)框架內(nèi)容重點(diǎn)提示1）“無(wú)框架內(nèi)容”命令的使用。2）如何編輯“無(wú)框架內(nèi)容”。實(shí)例3：如何編輯和使用“無(wú)框架內(nèi)容”。5.3設(shè)置框架屬性重點(diǎn)提示1）框架的選擇。2）框架屬性的設(shè)置。選擇框架有如下兩種方法：方法一：?jiǎn)螕舨藛巍按翱凇薄捌渌薄翱蚣堋保虬纯旖萱I（Shift）（F2），將會(huì)打開(kāi)框架面板，在其中選擇需要編輯屬性的框架。方法二：按?。ˋLT）鍵選擇需要編輯屬性的框架。5.4 框架中使用鏈接實(shí)例4：綜合實(shí)例（點(diǎn)擊這里進(jìn)入助教視頻）具體要求如下：架集中包含三個(gè)框架。1、上面的框架為固定內(nèi)容，不隨點(diǎn)擊鏈接更新內(nèi)容。2、左下框架為控制框架，通過(guò)點(diǎn)擊里面的鏈接來(lái)控制右下框架內(nèi)容改變。3、右下框架為被控制框架，受左下框架中鏈接的控制而更新內(nèi)容，而且其自身的鏈接能夠控制其自己更新內(nèi)容。本 章 小 結(jié) 通過(guò)這一章的學(xué)習(xí)，我們