《第2章 Dreamweaver 8基礎(chǔ)課件.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《第2章 Dreamweaver 8基礎(chǔ)課件.ppt（40頁(yè)珍藏版）》請(qǐng)?jiān)趨R文網(wǎng)上搜索。

1、第第2 2章章 DreamweaverDreamweaver 8 8基礎(chǔ)基礎(chǔ)2.1 2.1 【案例【案例1111】“DreamweaverDreamweaver 8 8學(xué)習(xí)天地學(xué)習(xí)天地”網(wǎng)頁(yè)網(wǎng)頁(yè)2.2 2.2 【案例【案例1212】“長(zhǎng)城長(zhǎng)城世界建筑史上一大奇跡世界建筑史上一大奇跡”網(wǎng)網(wǎng)頁(yè)頁(yè) 2.3 2.3 【案例【案例1313】“中國(guó)名勝中國(guó)名勝故宮故宮”網(wǎng)頁(yè)網(wǎng)頁(yè) 2.4 2.4 【案例【案例1414】“中國(guó)名勝中國(guó)名勝故宮故宮”網(wǎng)頁(yè)修改網(wǎng)頁(yè)修改 2.5 2.5 【案例【案例1515】“國(guó)畫(huà)欣賞國(guó)畫(huà)欣賞”網(wǎng)頁(yè)網(wǎng)頁(yè) 2.1 2.1 【案例【案例1111】“DreamweaverDreamwea

2、ver 8 8學(xué)習(xí)天地學(xué)習(xí)天地”網(wǎng)網(wǎng)頁(yè)頁(yè)1新建和打開(kāi)網(wǎng)頁(yè)文檔新建和打開(kāi)網(wǎng)頁(yè)文檔（1）新新建建網(wǎng)網(wǎng)頁(yè)頁(yè)文文檔檔：?jiǎn)螁螕魮簟拔奈募薄靶滦陆ńā辈瞬藛螁蚊盍?，即即可可調(diào)調(diào)出出“新新建建文文檔檔”對(duì)話框。對(duì)話框。從從該該對(duì)對(duì)話話框框可可以以看看出出，利利用用它它可可以以建建立立各各種種類類型型的的文文件件。從從“類類別別”列列表表框框中中選選擇擇“基基本本頁(yè)頁(yè)”選選項(xiàng)項(xiàng)，然然后后選選擇擇“基基本本頁(yè)頁(yè)”列列表表框框中中的的“HTML選選項(xiàng)項(xiàng)”，再再單擊【創(chuàng)建】按鈕，即可新建一個(gè)空白的單擊【創(chuàng)建】按鈕，即可新建一個(gè)空白的HTML網(wǎng)頁(yè)文檔。網(wǎng)頁(yè)文檔。另另外外，在在“文文檔檔類類型型”下下拉拉列列表

3、表框框中中可可以以選選擇擇文文件件類類型型，單單擊擊【首首選選參參數(shù)數(shù)】按鈕可以調(diào)出按鈕可以調(diào)出 “首選參數(shù)首選參數(shù)”對(duì)話框。對(duì)話框。（2）打打開(kāi)開(kāi)網(wǎng)網(wǎng)頁(yè)頁(yè)文文檔檔：?jiǎn)螁螕魮簟拔奈募薄按虼蜷_(kāi)開(kāi)”菜菜單單命命令令，調(diào)調(diào)出出“打打開(kāi)開(kāi)”對(duì)對(duì)話話框框。在在該該對(duì)對(duì)話話框框內(nèi)內(nèi)選選中中要要打打開(kāi)開(kāi)的的HTML文文檔檔，單單擊擊【打打開(kāi)開(kāi)】按按鈕鈕，即即可可將將選選定的定的HTML文檔打開(kāi)。例如，可打開(kāi)前面編寫(xiě)的名字為文檔打開(kāi)。例如，可打開(kāi)前面編寫(xiě)的名字為HTML1.HTML文檔。文檔。另另外外，在在“Macromedia Dreamweaver 8”對(duì)對(duì)話話框框狀狀態(tài)態(tài)下下，單單擊擊【打打開(kāi)開(kāi)】按

4、按鈕鈕，也可以調(diào)出也可以調(diào)出“打開(kāi)打開(kāi)”對(duì)話框。對(duì)話框。2保存和關(guān)閉文檔保存和關(guān)閉文檔（1）單擊）單擊“文檔文檔”“保存保存”菜單命令，可以原名字保存當(dāng)前的文檔。菜單命令，可以原名字保存當(dāng)前的文檔。（2）單單擊擊“文文檔檔”“另另存存為為”菜菜單單命命令令，即即可可調(diào)調(diào)出出“另另存存為為”對(duì)對(duì)話話框框。利利用該用該 對(duì)話框可以將當(dāng)前的文檔以其他名字保存。對(duì)話框可以將當(dāng)前的文檔以其他名字保存。（3）單單擊擊“文文檔檔”“保保存存全全部部”菜菜單單命命令令，即即可可將將當(dāng)當(dāng)前前正正在在編編輯輯的的所所有有文文檔以原名保存。檔以原名保存。（4）單單擊擊“文文檔檔”“關(guān)關(guān)閉閉”菜菜單單命命令令，即即可

5、可關(guān)關(guān)閉閉打打開(kāi)開(kāi)的的當(dāng)當(dāng)前前文文檔檔。如如果果當(dāng)當(dāng)前文檔在修改后沒(méi)有存盤(pán)，則會(huì)調(diào)出一個(gè)提示框，提示用戶是否保存文檔。前文檔在修改后沒(méi)有存盤(pán)，則會(huì)調(diào)出一個(gè)提示框，提示用戶是否保存文檔。（5）單擊）單擊“文檔文檔”“全部關(guān)閉全部關(guān)閉”菜單命令，即可關(guān)閉所有打開(kāi)的文檔。菜單命令，即可關(guān)閉所有打開(kāi)的文檔。3頁(yè)面屬性設(shè)置頁(yè)面屬性設(shè)置將將鼠鼠標(biāo)標(biāo)指指針針移移到到網(wǎng)網(wǎng)頁(yè)頁(yè)文文檔檔窗窗口口的的空空白白處處，單單擊擊鼠鼠標(biāo)標(biāo)右右鍵鍵，調(diào)調(diào)出出一一個(gè)個(gè)快快捷捷菜菜單單，再再單單擊擊快快捷捷菜菜單單內(nèi)內(nèi)的的“頁(yè)頁(yè)面面屬屬性性”菜菜單單命命令令，調(diào)調(diào)出出“頁(yè)頁(yè)面面屬屬性性”對(duì)對(duì)話話框框。另另外外，單單擊擊網(wǎng)網(wǎng)頁(yè)頁(yè)文

6、文檔檔窗窗口口的的空空白白處處，再再單單擊擊網(wǎng)網(wǎng)頁(yè)頁(yè)文文檔檔“屬屬性性”欄欄內(nèi)內(nèi)的的【頁(yè)頁(yè)面面屬屬性】按鈕也可以調(diào)出性】按鈕也可以調(diào)出“頁(yè)面屬性頁(yè)面屬性”對(duì)話框。對(duì)話框。利利用用“頁(yè)頁(yè)面面屬屬性性”對(duì)對(duì)話話框框，可可以以設(shè)設(shè)置置頁(yè)頁(yè)面面的的標(biāo)標(biāo)題題文文本本、頁(yè)頁(yè)面面字字體體、頁(yè)頁(yè)面面背背景景色色或或圖圖像像、頁(yè)頁(yè)面面大大小小與與位位置置、背背景景圖圖像像的的透透明明度度等等。利利用用“頁(yè)頁(yè)面面屬屬性性”對(duì)對(duì)話話框設(shè)置網(wǎng)頁(yè)頁(yè)面參數(shù)的方法簡(jiǎn)介如下?？蛟O(shè)置網(wǎng)頁(yè)頁(yè)面參數(shù)的方法簡(jiǎn)介如下。（1）背背景景顏顏色色設(shè)設(shè)置置：?jiǎn)螁螕魮簟颈潮尘熬邦侇伾堪窗粹o鈕 ，會(huì)會(huì)調(diào)調(diào)出出一一個(gè)個(gè)顏顏色色面面板板。利利用該

7、顏色板可以設(shè)置網(wǎng)頁(yè)的背景顏色。用該顏色板可以設(shè)置網(wǎng)頁(yè)的背景顏色。（2）背背景景圖圖像像設(shè)設(shè)置置：?jiǎn)螁螕魮簟绊?yè)頁(yè)面面屬屬性性”（外外觀觀）對(duì)對(duì)話話框框中中“背背景景圖圖像像”文文本本框右邊的【瀏覽】按鈕，調(diào)出框右邊的【瀏覽】按鈕，調(diào)出“選擇圖像源文件選擇圖像源文件”對(duì)話框。對(duì)話框。利利用用該該對(duì)對(duì)話話框框選選擇擇網(wǎng)網(wǎng)頁(yè)頁(yè)背背景景圖圖像像，再再單單擊擊【確確認(rèn)認(rèn)】按按鈕鈕，即即可可給給網(wǎng)網(wǎng)頁(yè)頁(yè)背背景景填填充充選選中中的的圖圖像像。如如果果圖圖像像文文檔檔不不在在本本地地站站點(diǎn)點(diǎn)的的文文件件夾夾內(nèi)內(nèi)，則則在在單單擊擊【確確認(rèn)認(rèn)】按鈕后，會(huì)提示用戶將該圖像文檔復(fù)制到本地站點(diǎn)的圖像文件夾內(nèi)。按鈕后，會(huì)提

8、示用戶將該圖像文檔復(fù)制到本地站點(diǎn)的圖像文件夾內(nèi)。（3）文文本本顏顏色色設(shè)設(shè)置置：?jiǎn)螁螕魮簟疚奈谋颈绢侇伾堪窗粹o鈕，會(huì)會(huì)調(diào)調(diào)出出顏顏色色面面板板。利利用用它它可可以以設(shè)置文本顏色，其方法與設(shè)置背景顏色的方法一樣。設(shè)置文本顏色，其方法與設(shè)置背景顏色的方法一樣。（4）頁(yè)頁(yè)面面四四個(gè)個(gè)方方向向的的邊邊距距設(shè)設(shè)置置：通通過(guò)過(guò)四四個(gè)個(gè)文文本本框框可可以以設(shè)設(shè)置置頁(yè)頁(yè)面面四四個(gè)個(gè)方方向向的的邊邊距距，單單位位為為像像素素?！白笞筮呥吘嗑唷焙秃汀坝矣疫呥吘嗑唷痹O(shè)設(shè)置置只只對(duì)對(duì)IE瀏瀏覽覽器器有有效效，“上上邊邊距距”和和“下邊距下邊距”設(shè)置只對(duì)設(shè)置只對(duì)Netscape Navigator瀏覽器有效。瀏覽器

9、有效。（5）頁(yè)頁(yè)面面文文本本的的字字體體和和大大小小設(shè)設(shè)置置：利利用用該該對(duì)對(duì)話話框框中中的的“頁(yè)頁(yè)面面字字體體”和和“大大小小”下拉列表框可以設(shè)置頁(yè)面中文本的字體和文本大小。下拉列表框可以設(shè)置頁(yè)面中文本的字體和文本大小。（6）頁(yè)頁(yè)面面文文字字設(shè)設(shè)置置：?jiǎn)螁螕魮暨x選中中“分分類類”列列表表框框中中的的“標(biāo)標(biāo)題題/編編碼碼”選選項(xiàng)項(xiàng)，此此時(shí)時(shí)的的“頁(yè)頁(yè)面面屬屬性性”對(duì)對(duì)話話框框。利利用用該該對(duì)對(duì)話話框框可可以以設(shè)設(shè)置置網(wǎng)網(wǎng)頁(yè)頁(yè)標(biāo)標(biāo)題題、文文檔檔的的類類型型和和網(wǎng)網(wǎng)頁(yè)的編碼等，在對(duì)話框底部還顯示頁(yè)的編碼等，在對(duì)話框底部還顯示“站點(diǎn)站點(diǎn)”文件夾的位置等信息。文件夾的位置等信息。（7）標(biāo)標(biāo)題題大大小小

10、和和顏顏色色設(shè)設(shè)置置：?jiǎn)螁螕魮暨x選擇擇“頁(yè)頁(yè)面面屬屬性性”對(duì)對(duì)話話框框中中“分分類類”欄欄中中的的“標(biāo)標(biāo)題題”選選項(xiàng)項(xiàng)，此此時(shí)時(shí)“頁(yè)頁(yè)面面屬屬性性”（標(biāo)標(biāo)題題）對(duì)對(duì)話話框框。在在“標(biāo)標(biāo)題題字字體體”下下拉拉列列表表框框中中選選擇擇一一種種標(biāo)標(biāo)題題的的字字體體（此此處處選選擇擇“同同頁(yè)頁(yè)面面字字體體”選選項(xiàng)項(xiàng)），在在“標(biāo)標(biāo)題題1”到到“標(biāo)題標(biāo)題6”欄可以設(shè)置標(biāo)題的大小和顏色。欄可以設(shè)置標(biāo)題的大小和顏色。（8）鏈鏈接接字字屬屬性性的的設(shè)設(shè)置置：?jiǎn)螁螕魮暨x選擇擇“頁(yè)頁(yè)面面屬屬性性”對(duì)對(duì)話話框框中中“分分類類”欄欄中中的的“鏈鏈接接”選選項(xiàng)項(xiàng)，此此時(shí)時(shí)切切換換到到“頁(yè)頁(yè)面面屬屬性性”（鏈鏈接接）對(duì)對(duì)話

11、話框框?？煽梢砸岳糜迷撛搶?duì)對(duì)話話框框內(nèi)內(nèi)的的“鏈鏈接接字字體體”和和“鏈鏈接接顏顏色色”欄欄來(lái)來(lái)設(shè)設(shè)置置鏈鏈接接文文字字的的字字體體、大大小小、風(fēng)風(fēng)格格、顏顏色色等等?！白冏儞Q換圖圖像像鏈鏈接接”欄欄的的作作用用是是當(dāng)當(dāng)圖圖像像不不能能顯顯示示時(shí)時(shí)，將將顯顯示示為為該該欄欄設(shè)設(shè)置置的的顏顏色色?！耙岩言L訪問(wèn)問(wèn)鏈鏈接接”欄欄的的作作用用是是設(shè)設(shè)置置單單擊擊過(guò)過(guò)的的鏈鏈接接字字的的顏顏色色。“活活動(dòng)動(dòng)鏈鏈接接”欄欄的的作作用用是是設(shè)設(shè)置置獲獲得得焦焦點(diǎn)點(diǎn)的的鏈鏈接接字字的的顏顏色色。“下下畫(huà)畫(huà)線線樣樣式式”欄欄的的作作用用是設(shè)置鏈接字的下畫(huà)線樣式。是設(shè)置鏈接字的下畫(huà)線樣式。（9）跟跟蹤蹤圖圖像

12、像屬屬性性設(shè)設(shè)置置：?jiǎn)螁螕魮暨x選擇擇“頁(yè)頁(yè)面面屬屬性性”對(duì)對(duì)話話框框中中“分分類類”欄欄中中的的“跟跟蹤蹤圖圖像像”選選項(xiàng)項(xiàng)，此此時(shí)時(shí)切切換換到到“頁(yè)頁(yè)面面屬屬性性”（跟跟蹤蹤圖圖像像）對(duì)對(duì)話話框框。利利用用該該對(duì)對(duì)話話框框可可以以設(shè)設(shè)置置跟跟蹤蹤圖圖像像的的屬屬性性，跟跟蹤蹤圖圖像像也也叫叫描描圖圖?！案欅檲D圖像像”文文本本框框用用來(lái)來(lái)設(shè)設(shè)置置在在頁(yè)頁(yè)面面編編輯輯過(guò)過(guò)程程中中使使用用的的描描圖圖圖圖像像的的地地址址和和名名稱稱?！巴竿该髅鞫榷取睓跈诘牡淖髯饔檬钦{(diào)整描圖的透明度。用是調(diào)整描圖的透明度。4建立本地站點(diǎn)建立本地站點(diǎn)建建立立本本地地站站點(diǎn)點(diǎn)就就是是將將本本地地主主機(jī)機(jī)磁磁盤(pán)盤(pán)中中

13、的的一一個(gè)個(gè)文文件件夾夾定定義義為為站站點(diǎn)點(diǎn)，然然后后將將所所有有文文檔檔都都存存放放在在該該文文件件夾夾中中，以以便便于于管管理理。通通常常在在設(shè)設(shè)計(jì)計(jì)網(wǎng)網(wǎng)頁(yè)頁(yè)前前，應(yīng)應(yīng)先先建建立立本本地地站點(diǎn)。建立本地站點(diǎn)的方法如下。站點(diǎn)。建立本地站點(diǎn)的方法如下。（1）在在“文文件件”面面板板中中的的第第一一個(gè)個(gè)下下拉拉列列表表框框中中單單擊擊“管管理理站站點(diǎn)點(diǎn)”選選項(xiàng)項(xiàng)，調(diào)調(diào)出出“管管理理站站點(diǎn)點(diǎn)”對(duì)對(duì)話話框框。單單擊擊“站站點(diǎn)點(diǎn)”“管管理理站站點(diǎn)點(diǎn)”菜菜單單命命令令，也也可可以以調(diào)調(diào)出出“管理站點(diǎn)管理站點(diǎn)”對(duì)話框。對(duì)話框。（2）單擊該對(duì)話框中的【新建】按鈕，調(diào)出它的）單擊該對(duì)話框中的【新建】按鈕，調(diào)出

14、它的“新建新建”快捷菜單。快捷菜單。（3）單單擊擊“新新建建”快快捷捷菜菜單單中中的的“站站點(diǎn)點(diǎn)”菜菜單單命命令令，可可調(diào)調(diào)出出“站站點(diǎn)點(diǎn)定定義義為為”（基本）對(duì)話框。（基本）對(duì)話框。單單擊擊“站站點(diǎn)點(diǎn)”“新新建建站站點(diǎn)點(diǎn)”菜菜單單命命令令，可可以以直直接接調(diào)調(diào)出出“站站點(diǎn)點(diǎn)定定義義為為”（基基本）對(duì)話框。本）對(duì)話框。（4）在在“站站點(diǎn)點(diǎn)定定義義為為”（基基本本）對(duì)對(duì)話話框框內(nèi)內(nèi)的的第第1個(gè)個(gè)文文本本框框中中輸輸入入站站點(diǎn)點(diǎn)的的名名稱稱（例例如如：“我我的的第第1個(gè)個(gè)站站點(diǎn)點(diǎn)”）。再再單單擊擊【下下一一步步】按按鈕鈕，“站站點(diǎn)點(diǎn)定定義義為為”（基本）對(duì)話框變?yōu)槿鐖D所示的內(nèi)容。（基本）對(duì)話框變?yōu)?/p>

15、如圖所示的內(nèi)容。（5）如如果果要要使使用用服服務(wù)務(wù)器器技技術(shù)術(shù)（例例如如：ASP.NET等等），可可以以單單擊擊選選中中第第2個(gè)個(gè)單單選按鈕。然后從它下面的下拉列表框（選中第選按鈕。然后從它下面的下拉列表框（選中第2個(gè)單選按鈕后才會(huì)出現(xiàn)）中選個(gè)單選按鈕后才會(huì)出現(xiàn)）中選擇擇要要使使用用的的服服務(wù)務(wù)器器技技術(shù)術(shù)名名稱稱，否否則則單單擊擊選選中中第第1個(gè)個(gè)單單選選按按鈕鈕。此此處處單單擊擊選選中中第第1個(gè)單選按鈕。個(gè)單選按鈕。（6）單單擊擊【下下一一步步】按按鈕鈕，“站站點(diǎn)點(diǎn)定定義義為為”（基基本本）對(duì)對(duì)話話框框變變?yōu)闉槿缛鐖D圖2-1-18所所示示（還還沒(méi)沒(méi)有有選選擇擇文文件件夾夾）。如如果果在在本

16、本地地編編輯輯網(wǎng)網(wǎng)頁(yè)頁(yè)，編編輯輯好好后后再再上上傳傳到到服服務(wù)務(wù)器器，可可單單擊擊選選中中第第1個(gè)個(gè)單單選選按按鈕鈕，通通常常選選中中該該單單選選按按鈕鈕。選選中中第第2個(gè)個(gè)單單選選按按鈕鈕，可以直接對(duì)服務(wù)器上的文件進(jìn)行編輯?？梢灾苯訉?duì)服務(wù)器上的文件進(jìn)行編輯。單單擊擊 按按鈕鈕，調(diào)調(diào)出出一一個(gè)個(gè)對(duì)對(duì)話話框框，用用來(lái)來(lái)選選擇擇一一個(gè)個(gè)文文件件夾夾作作為為站站點(diǎn)點(diǎn)的的根根目目錄錄。要要求求該該文文件件夾夾必必須須在在此此之之前前已已經(jīng)經(jīng)建建立立。此此處處選選擇擇第第1個(gè)個(gè)單單選選按按鈕鈕，選選擇擇的的文文件件夾夾路徑為路徑為“E:DRAWTD”，直接將直接將“E:DRAWTD”文件夾作為本地站點(diǎn)文件夾。文件夾作為本地站點(diǎn)文件夾。（7）單單擊擊【下下一一步步】按按鈕鈕，“站站點(diǎn)點(diǎn)定定義義為為”（基基本本）對(duì)對(duì)話話框框。在在第第1個(gè)個(gè)列列表表框中選擇框中選擇“無(wú)無(wú)”選項(xiàng)，設(shè)置不連接到遠(yuǎn)程服務(wù)器。選項(xiàng)，設(shè)置不連接到遠(yuǎn)程服務(wù)器。（8）單單擊擊【下下一一步步】按按鈕鈕，調(diào)調(diào)出出“站站點(diǎn)點(diǎn)定定義義為為”（基基本本）對(duì)對(duì)話話框框中中新新的的內(nèi)內(nèi)容容。此此時(shí)時(shí)對(duì)對(duì)話話框框中中將將顯顯示示出出“站站點(diǎn)點(diǎn)”設(shè)