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

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

2、構(gòu)的HTML網(wǎng)頁，定義的內(nèi)容有窗口顯示的框架數(shù)、各個(gè)框架的大小和載入框架的網(wǎng)頁的地址等屬性。5.2 框架的基本操作 創(chuàng)建框架集創(chuàng)建預(yù)定義的框架集創(chuàng)建嵌入式框架集創(chuàng)建無框架內(nèi)容設(shè)置框架集屬性創(chuàng)建框架集重點(diǎn)提示1）如何新建一個(gè)HTML文檔。2）創(chuàng)建框架集。3）刪除框架。實(shí)例：新建一個(gè)HTML文檔。 要求掌握創(chuàng)建框架集的兩種方法 單擊菜單“修改”“框架頁”，選擇所需要的拆分方式。 按?。ˋlt）鍵從任何一條邊框或一個(gè)角上拖拽出新的框架。 如果想刪除某個(gè)框架，只需將該框架邊框拖出此頁即可。如果在即將刪除的框架中顯示的文檔還有尚未保存的內(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)建無框架內(nèi)容重點(diǎn)提示1）“無框架內(nèi)容”命令的使用。2）如何編輯“無框架內(nèi)容”。實(shí)例3：如何編輯和使用“無框架內(nèi)容”。5.3設(shè)置框架屬性重點(diǎn)提示1）框架的選擇。2）框架屬性的設(shè)置。選擇框架有如下兩種方法：方法一：單擊菜單“窗口”“其他”“框架”，或按快捷鍵（Shift）（F2），將會(huì)打開框架面板，在其中選擇需要編輯屬性的框架。方法二：按?。ˋLT）鍵選擇需要編輯屬性的框架。5.4 框架中使用鏈接實(shí)例4：綜合實(shí)例（點(diǎn)擊這里進(jìn)入助教視頻）具體要求如下：架集中包含三個(gè)框架。1、上面的框架為固定內(nèi)容，不隨點(diǎn)擊鏈接更新內(nèi)容。2、左下框架為控制框架，通過點(diǎn)擊里面的鏈接來控制右下框架內(nèi)容改變。3、右下框架為被控制框架，受左下框架中鏈接的控制而更新內(nèi)容，而且其自身的鏈接能夠控制其自己更新內(nèi)容。本 章 小 結(jié) 通過這一章的學(xué)習(xí)，我們