Dreamweaver全套教案.doc

課題 認(rèn)識(shí)Dreamweaver一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)?！緦W(xué)習(xí)步驟】1、Dreamweaver的功能Dreamweaver可以像普通的字處理軟件一樣編輯Internet上以HTML格式保存的所有文件，也就是網(wǎng)頁(yè)；它支持動(dòng)態(tài)HTML，可以在網(wǎng)頁(yè)中產(chǎn)生動(dòng)畫(huà)；還可以在網(wǎng)頁(yè)中插入各種插件，以產(chǎn)生特殊效果。Dreamweaver可用于管理站點(diǎn)，它像文件夾一樣創(chuàng)建和打開(kāi)站點(diǎn)，用不同的方式查看站點(diǎn)中各個(gè)網(wǎng)頁(yè)之間的關(guān)系，調(diào)整站點(diǎn)的組織結(jié)構(gòu)，使整個(gè)站點(diǎn)條理清晰。2、Dreamweaver的窗口（1） 標(biāo)題欄（2） 菜單欄（3） 工具欄（4） 視圖欄（5） 文件夾列表(6)工作區(qū)3.網(wǎng)頁(yè)工作區(qū)的三個(gè)視圖方式選項(xiàng)它們分別是“普通”、“HTML”“預(yù)覽”，它們之間的相互切換十分容易實(shí)現(xiàn)的。普通視圖方式是Dreamweaver對(duì)網(wǎng)頁(yè)所見(jiàn)即所得編輯方式的最佳體現(xiàn)，在此方式下，可以像在Word中那樣直接進(jìn)行各種編輯操作，實(shí)現(xiàn)網(wǎng)頁(yè)編輯的所有功能。HTML視圖實(shí)際上是一個(gè)文本編輯器，其中給出了普通視圖方式下所件網(wǎng)頁(yè)的HTML代碼。在這里可以用菜單命令進(jìn)行復(fù)制、粘貼、刪除、查找等操作。對(duì)于HTML語(yǔ)言中的不同成分均用不同的顏色顯示，這樣比較容易區(qū)分各種語(yǔ)法成分。為了在制作網(wǎng)頁(yè)過(guò)程中能夠隨時(shí)查看網(wǎng)頁(yè)的實(shí)際效果，Dreamweaver提供了預(yù)覽視圖方式。4.安裝dreameaver的方法 安裝及注冊(cè)5.關(guān)閉dreameaver6.保存網(wǎng)頁(yè)的方法3、小結(jié)課題 建立一個(gè)簡(jiǎn)單的站點(diǎn)一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；建立一個(gè)簡(jiǎn)單的站點(diǎn)；進(jìn)行簡(jiǎn)單的網(wǎng)頁(yè)編輯?！緦W(xué)習(xí)步驟】1、創(chuàng)建空白站點(diǎn)。執(zhí)行菜單命令“文件”“新建”“站點(diǎn)”，就會(huì)出現(xiàn)8中站點(diǎn)向?qū)?。出于?jiǎn)單，可選擇“空站點(diǎn)”按鈕，并在“指定新站點(diǎn)的位置”框中填入站點(diǎn)的位置。在指定新站點(diǎn)的位置后，單擊“確定”即建成一個(gè)空站點(diǎn)。2、建立一個(gè)簡(jiǎn)單的文字網(wǎng)頁(yè)建立了一個(gè)站點(diǎn)之后，就應(yīng)該在站點(diǎn)中加入網(wǎng)頁(yè)了。 創(chuàng)建空白網(wǎng)頁(yè)執(zhí)行菜單命令“文件”“新建”“網(wǎng)頁(yè)”，就會(huì)出現(xiàn)一對(duì)話框，選擇“普通網(wǎng)頁(yè)”模板并單擊“確定”即建立了一個(gè)新的空白頁(yè)面。 網(wǎng)頁(yè)工作區(qū)的三個(gè)視圖方式選項(xiàng)它們分別是“普通”、“HTML”“預(yù)覽”，它們之間的相互切換十分容易實(shí)現(xiàn)的。普通視圖方式是Dreamweaver對(duì)網(wǎng)頁(yè)所見(jiàn)即所得編輯方式的最佳體現(xiàn)，在此方式下，可以像在Word中那樣直接進(jìn)行各種編輯操作，實(shí)現(xiàn)網(wǎng)頁(yè)編輯的所有功能。HTML視圖實(shí)際上是一個(gè)文本編輯器，其中給出了普通視圖方式下所件網(wǎng)頁(yè)的HTML代碼。在這里可以用菜單命令進(jìn)行復(fù)制、粘貼、刪除、查找等操作。對(duì)于HTML語(yǔ)言中的不同成分均用不同的顏色顯示，這樣比較容易區(qū)分各種語(yǔ)法成分。為了在制作網(wǎng)頁(yè)過(guò)程中能夠隨時(shí)查看網(wǎng)頁(yè)的實(shí)際效果，Dreamweaver提供了預(yù)覽視圖方式。 輸入文本網(wǎng)頁(yè)中最基本的也是最重要的部分就是網(wǎng)頁(yè)中由文本構(gòu)成的內(nèi)容，因此制作網(wǎng)頁(yè)首先要從文本輸入開(kāi)始。3、設(shè)置網(wǎng)頁(yè)中文字的字體、顏色、大小和效果 在文本開(kāi)始處按下鼠標(biāo)左鍵，不放手拖到結(jié)束處，選擇要設(shè)置的文本塊。 執(zhí)行菜單命令“格式字體”。 在“字體”對(duì)話框中，單擊“字體”選項(xiàng)卡。 在字體選擇窗口中，選定所需要的字體，再確定文本的字型、大小、顏色、效果等。 按“確定”即可。4、 網(wǎng)頁(yè)編輯（1） 將圖片插入網(wǎng)頁(yè)（2） 將剪貼畫(huà)插入網(wǎng)頁(yè)（3） 加入GIF動(dòng)畫(huà)（4） 保存嵌入式圖形文件（5） 使用圖片工具欄（6） 設(shè)置圖片屬性（7） 設(shè)置網(wǎng)頁(yè)背景（8） 設(shè)置超鏈接（9） 應(yīng)用框架（10） 表單的使用5、小結(jié)課題 設(shè)計(jì)限時(shí)自動(dòng)關(guān)閉的網(wǎng)頁(yè)一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver設(shè)計(jì)限時(shí)自動(dòng)關(guān)閉的網(wǎng)頁(yè)?！緦W(xué)習(xí)步驟】設(shè)計(jì)頁(yè)面時(shí)，經(jīng)常會(huì)從一個(gè)頁(yè)面打開(kāi)一個(gè)子窗口以供瀏覽者查看。通常，這種子窗口中的內(nèi)容一經(jīng)瀏覽者看過(guò)，對(duì)于瀏覽者而言就不再需要，而他們常常會(huì)忘記關(guān)掉這些小窗口，致使許多的瀏覽器窗口打開(kāi)著，耗用大量的資源。因此我們可以將子窗口設(shè)計(jì)成經(jīng)過(guò)一段時(shí)間后可以自動(dòng)關(guān)閉的形式。1. 在本地站點(diǎn)中生成一個(gè)Smlple文件夾。2. 在Smlple文件夾中，生成名為Index.html以及名為firstpage.html的文件。3. 雙擊Index.html，打開(kāi)該文檔，進(jìn)入到文檔的設(shè)計(jì)視圖窗口中。4. 單擊菜單View/Head Content，顯示文檔的頭部區(qū)域。5. 單擊設(shè)計(jì)視圖窗口中的文檔頭部窗格。選擇菜單Insert/Invisible Tags/Script，打開(kāi)Inset Script對(duì)話框。如圖所示，在Language下拉列表框中選擇javascript選項(xiàng)，并在Coctento文本框中輸入“setTimeout(self.close()，15000)”。單擊OK按鈕，完成在文檔頭部插入15秒后自動(dòng)關(guān)閉子窗口的腳本。在代碼中，15000表示15000毫秒，也即15秒，也可以根據(jù)需要將之修改為自己需要的時(shí)間毫秒數(shù)。設(shè)置時(shí)間6. 在文檔窗口中輸入“關(guān)閉”字樣，在屬性面板上的Link文本框中輸入“#”，將其設(shè)置為一個(gè)空鏈接。5、小結(jié)課題 設(shè)計(jì)限時(shí)自動(dòng)關(guān)閉的網(wǎng)頁(yè)一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver設(shè)計(jì)限時(shí)自動(dòng)關(guān)閉的網(wǎng)頁(yè)。【學(xué)習(xí)步驟】7. 在狀態(tài)欄左端的快速標(biāo)記編輯器上，單擊標(biāo)記按鈕。選中“關(guān)閉”鏈接，然后按下Ctrl+T組合鍵，打開(kāi)快速標(biāo)記編輯器，進(jìn)入到快速標(biāo)記編輯器的編輯標(biāo)記模式。然后在“”前輸入“onclick=selfclose()”。 如圖所示，設(shè)置完畢，單擊OK按鈕，確認(rèn)操作。這樣在Index.html被作為子窗口打開(kāi)后，單擊該鏈接就可以立刻關(guān)閉該子窗口。8. 保存Index.html文件，并退出index.html的Dremweaver窗口。9. 現(xiàn)在開(kāi)始設(shè)計(jì)fristpage.html頁(yè)面。在本地站點(diǎn)的Smlple文件夾中，雙擊 fristpage.html，打開(kāi)該文檔，進(jìn)入到文檔的設(shè)計(jì)視圖窗口中。10. 在文檔中輸入“單擊這里打開(kāi)會(huì)自動(dòng)關(guān)閉的子窗口”字樣。然后在屬性面板上的 Link文本框中輸入“#”，將之設(shè)置為空鏈接。11. 可以通過(guò)為該鏈接應(yīng)用Open Browser Window行為來(lái)設(shè)置單擊鏈接時(shí)打開(kāi)Index.html窗口，不過(guò)更方便的方法是利用快速標(biāo)識(shí)編輯器。方法是首先將插入點(diǎn)放置到鏈接中，然后在狀態(tài)欄左端的標(biāo)識(shí)選擇器上，單擊標(biāo)識(shí)按鈕，選中整個(gè)鏈接。然后按下Ctrl+T組合鍵，打開(kāi)快速標(biāo)記編輯器，進(jìn)入到快速標(biāo)記編輯器的 編輯標(biāo)識(shí)模式。再在“”前輸入“onclick=window.open(index.html,null,width=200px，height=200px)”（如圖所示）。設(shè)置完畢，按下回車鍵，確認(rèn)操作。設(shè)置單擊鏈接時(shí)打開(kāi)12.上述操作就完成了本例的設(shè)置。可以單擊菜單用File/save，保存所做的工作。然后按下F12鍵，在瀏覽器中預(yù)覽頁(yè)面效果。13、小結(jié)課題 用Dreamweaver做會(huì)移動(dòng)的文字一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver做會(huì)移動(dòng)的文字。【學(xué)習(xí)步驟】一、基本語(yǔ)法 . 啦啦啦，我會(huì)移動(dòng)耶！ 文字移動(dòng)屬性的設(shè)置：方向 #=left, right 啦啦啦，我從右向左移！ 啦啦啦，我從左向右移！ 方式 #=scroll, slide, alternate 啦啦啦，我一圈一圈繞著走！ 啦啦啦，我只走一次就歇了！ 啦啦啦，我來(lái)回走耶！ 循環(huán) #=次數(shù)；若未指定則循環(huán)不止(infinite) 啦啦啦，我只走 3 趟喲！ 啦啦啦，我只走 3 趟喲！ 啦啦啦，我只走 3 趟喲！ 速度 啦啦啦，我走得好快喲！ 對(duì)齊方式(Align) #=top, middle, bottom 啦啦啦，我會(huì)移動(dòng)耶！對(duì)齊上沿、中間、下沿。2、小結(jié) 課題 用Dreamweaver創(chuàng)建導(dǎo)航條一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver創(chuàng)建導(dǎo)航條?！緦W(xué)習(xí)步驟】一個(gè)網(wǎng)站的不同頁(yè)面使用了同一導(dǎo)航條。通過(guò)統(tǒng)一導(dǎo)航條的方法，我們可以實(shí)現(xiàn)網(wǎng)站風(fēng)格的統(tǒng)一，同時(shí)也方便了瀏覽者在不同頁(yè)面間的跳轉(zhuǎn)。用Dreamweaver 3可作出各種比較復(fù)雜的導(dǎo)航條。網(wǎng)頁(yè)上的導(dǎo)航條可由一個(gè)或幾個(gè)部分組成，每個(gè)部分均由各種圖像構(gòu)成，可以鏈接到不同的網(wǎng)頁(yè)頁(yè)面。在Dreamweaver中每部分中最多可設(shè)四個(gè)狀態(tài)下的圖像。一開(kāi)始是一個(gè)初始圖像，當(dāng)鼠標(biāo)移動(dòng)到導(dǎo)航條部位上時(shí)則顯示另一個(gè)圖像，還可以設(shè)置當(dāng)鼠標(biāo)點(diǎn)擊后的初始圖像，以及鼠標(biāo)點(diǎn)擊后當(dāng)鼠標(biāo)再次移動(dòng)到這個(gè)部位上的圖像。一般地，每部位只設(shè)一到兩種狀態(tài)的圖像。因?yàn)閳D像太多了，會(huì)影響網(wǎng)頁(yè)頁(yè)面的訪問(wèn)、瀏覽的速度。導(dǎo)航條制作方法：移動(dòng)光標(biāo)到需要導(dǎo)航條的地方，單擊主菜單欄的“InsertNavigation Bar”子命令，或直接單擊Objects面板上的圖標(biāo)，彈出“Insert Navigation Bar”對(duì)話框(圖1)，此時(shí)我們可以進(jìn)行各種設(shè)置來(lái)實(shí)現(xiàn)上述功能： 圖1在“Element Name”項(xiàng)后的文本框填入這個(gè)部位的命名，也可以不填，這時(shí)Dreamweaver 3將自動(dòng)給它命名。在Dreamweaver中每部分中最多可設(shè)四個(gè)狀態(tài)下的圖像：“Up Image”項(xiàng)是該部位的初始圖像，在其后文本框填入已準(zhǔn)備好的圖像的地址，或點(diǎn)擊右邊Browse按鈕來(lái)選擇。每個(gè)部位可只設(shè)置Up Image項(xiàng)，其下的“Over Image”、“Down Image”和“Over While Down Image”三項(xiàng)可以不設(shè)置。其中，“Over Image”項(xiàng)是鼠標(biāo)移動(dòng)到這個(gè)部位上時(shí)顯示的圖像(本例中選擇)；“Down Image”項(xiàng)是鼠標(biāo)點(diǎn)擊該部位后顯示的初始圖像；“Over While Down Image”項(xiàng)是鼠標(biāo)點(diǎn)擊后當(dāng)鼠標(biāo)再次移動(dòng)到這個(gè)部位上時(shí)顯示的圖像。注意：Element Name項(xiàng)和 Up Image項(xiàng)是必需的，所有的調(diào)用圖像都會(huì)在系統(tǒng)的提示下保存在Dreamweaver 3文件夾中，以便調(diào)用。2、小結(jié)課題 用Dreamweaver創(chuàng)建導(dǎo)航條一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver創(chuàng)建導(dǎo)航條?！緦W(xué)習(xí)步驟】當(dāng)然，還可給該部位設(shè)置超級(jí)鏈接：在下面的“When Clicked Go To URL”項(xiàng)后文本框填入鏈接到的文件的地址，或單擊Browse按鈕選擇，當(dāng)鼠標(biāo)移動(dòng)到這個(gè)部位上時(shí)，在狀態(tài)欄中可以看到鏈接到的地址。When Clicked Go To URL項(xiàng)后有一個(gè)下拉選框，這是設(shè)置超級(jí)鏈接的目標(biāo)。 接著是“Options”項(xiàng)，若選中“Preload Images”選框，則瀏覽者瀏覽頁(yè)面時(shí)，所有圖像將在頁(yè)面下載的同時(shí)全部下載，整個(gè)頁(yè)面打開(kāi)的速度會(huì)慢些，但圖像間轉(zhuǎn)換會(huì)沒(méi)有延遲，選中它。反之，不選Preload Images選框，則頁(yè)面下載的同時(shí)只下載初始圖像，其它圖像按順序下載，整個(gè)頁(yè)面打開(kāi)的速度較快，但圖像間轉(zhuǎn)換會(huì)有延遲。若選中“Show “Down Image”Initially”選框，則將Down Image設(shè)為初始圖像。此時(shí)，Over While Down Image項(xiàng)改為鼠標(biāo)移動(dòng)到這個(gè)部位上時(shí)顯示的圖像，Up Image項(xiàng)改為鼠標(biāo)點(diǎn)擊該部位后顯示的初始圖像，Over image項(xiàng)改為鼠標(biāo)點(diǎn)擊后當(dāng)鼠標(biāo)再次移動(dòng)到這個(gè)部位上時(shí)顯示的圖像。最下面是“ Insert”項(xiàng)，選框中有Horizontally(水平)和Vertically(垂直)兩個(gè)選項(xiàng)。選中Horizontally為導(dǎo)航條水平展開(kāi)，選中Vertically 為導(dǎo)航條垂直展開(kāi)。 Use Table 項(xiàng)，選中后，Dreamweaver自動(dòng)生成HTML代碼將導(dǎo)航條各部位用表格隔開(kāi)。當(dāng)一個(gè)部位設(shè)置完成后，要添加其他部位，可點(diǎn)擊對(duì)話框上方的“”按鈕，可按上面的步驟進(jìn)行新部位的設(shè)置。要?jiǎng)h去某一個(gè)部位，在“Nav Bar Elements”選框中先選中，再點(diǎn)擊對(duì)話框上方的“”按鈕即可。2、小結(jié)課題 用Dreamweaver創(chuàng)建導(dǎo)航條一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver創(chuàng)建導(dǎo)航條?！緦W(xué)習(xí)步驟】另外，使用設(shè)置導(dǎo)航條圖像中的高級(jí)功能，可改變文檔中基于當(dāng)前按鈕下的其他的圖像。在默認(rèn)下,單擊導(dǎo)航條中的元素時(shí),所有導(dǎo)航條中元素都會(huì)自動(dòng)地返回原來(lái)默認(rèn)的狀態(tài)。若想設(shè)置被選中圖像的上浮或是下沉的不同效果時(shí)，可用導(dǎo)航條中的高級(jí)功能：在“Behaviors”面板中的“Actions”標(biāo)簽頁(yè)，單擊其上面的“”號(hào)按鈕，在彈出的菜單中選擇“Set Nav Bar Image”命令，彈出Set Nav Bar Image 對(duì)話框中(見(jiàn)圖2)，選擇“Advanced”標(biāo)簽頁(yè)，對(duì)高級(jí)屬性進(jìn)行設(shè)置。其中，若選擇“Over Image or over while Down Image”項(xiàng)，則當(dāng)鼠標(biāo)劃過(guò)圖片時(shí)顯示其上面的圖片，有上浮或是下沉的效果，并在“Also Set Image”文本框中選擇要顯示的圖片，同時(shí)在其下面的“If Down To Image File”中選擇當(dāng)鼠標(biāo)按下時(shí)要顯示的圖片路徑；若選擇“Down Image”項(xiàng)，則當(dāng)瀏覽者單擊所選圖像后,顯示另外的圖片。圖2存盤(pán)后，按F12鍵測(cè)試所作導(dǎo)航條。2、小結(jié)課題 用Dreamweaver創(chuàng)建狀態(tài)欄一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver創(chuàng)建狀態(tài)欄?！緦W(xué)習(xí)步驟】狀態(tài)欄制作方法：設(shè)置瀏覽器狀態(tài)欄中的文本信息,這一功能可在瀏覽網(wǎng)頁(yè)面時(shí),在瀏覽器窗口底下?tīng)顟B(tài)欄中顯示相關(guān)信息。其方法:選擇“Behaviors”面板中的Actions標(biāo)簽頁(yè)的“Set Text of Status Bar”命令,在彈出的Set Text of Status Bar對(duì)話框中如圖3,在“Message”的文本框中輸入所在狀態(tài)欄中顯示的文檔,按“OK”按鈕完成。再用按F12快捷鍵來(lái)測(cè)試,可看到其運(yùn)行的效果。當(dāng)然可用JavaScript語(yǔ)言在Message文本框中加入些函數(shù),讓文本顯示功態(tài)的效果。2、小結(jié)課題 用Dreamweaver的模板創(chuàng)建網(wǎng)頁(yè)一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver的模板創(chuàng)建網(wǎng)頁(yè)?！緦W(xué)習(xí)步驟】1、創(chuàng)建模板頁(yè)面最簡(jiǎn)單的辦法是將一個(gè)網(wǎng)頁(yè)另存為模板文件，通過(guò)執(zhí)行命令：FileSave as Template，DreamWeaver會(huì)在網(wǎng)站根目錄中建立一個(gè)模板文件夾Templates來(lái)保存該模板。當(dāng)然，也可以新建一個(gè)模板：WindowTemplates，會(huì)出現(xiàn)的Templates面板，單擊右下角的New Template按鈕，輸入文件名，就建立了一個(gè)空模板；再單擊Open Template按鈕打開(kāi)該模板，保存后自動(dòng)存放于網(wǎng)站模板文Templates中。新建、打開(kāi)的模板頁(yè)面和普通的網(wǎng)頁(yè)沒(méi)什么兩樣，同樣可以加入表格、層、圖片、動(dòng)畫(huà)、腳本，設(shè)置頁(yè)面屬性等。舉例：這里以制作一個(gè)模板為例來(lái)說(shuō)明。在該頁(yè)面中，我們希望左側(cè)的網(wǎng)站標(biāo)識(shí)圖和底部的導(dǎo)航圖出現(xiàn)在每個(gè)頁(yè)面中。其中標(biāo)識(shí)圖由兩幅圖片疊加而成，導(dǎo)航圖上的文字“最近更新”、“在線閱讀”、“打包下載”等劃分成幾個(gè)熱區(qū)分別鏈接到不同的文件，它們?cè)诿總€(gè)頁(yè)面中都不變。右上部的主頁(yè)面區(qū)和左下角彈出式選單按鈕下面的頁(yè)面說(shuō)明則各不相同。為了保持頁(yè)面整潔，我們用表格來(lái)布置這些元素。準(zhǔn)確地說(shuō)它只是一個(gè)沒(méi)有可編輯區(qū)域的“準(zhǔn)模板”，下面再設(shè)定可編輯區(qū)域。2、設(shè)定可編輯區(qū)域設(shè)定模板可編輯區(qū)域，一般來(lái)說(shuō)有兩種方法。新建可編輯區(qū)域：選擇命令：ModifyTemplateNew Editable Region。在某一空白區(qū)域中單擊后執(zhí)行該命令即可將該區(qū)域變?yōu)榭删庉媴^(qū)域。標(biāo)記某一區(qū)域?yàn)榭删庉媴^(qū)域：選擇命令：ModifyTemplateMark Selectin as Editable Region。如果某區(qū)域已經(jīng)有一些文字，并且希望在以后新建的超文本文件中部分保留其內(nèi)容，先選中該區(qū)域再執(zhí)行標(biāo)記命令即可。取消可編輯狀態(tài)：選擇命令：ModifyTemplateUnmark Editable Region。執(zhí)行該命令后會(huì)彈出一個(gè)對(duì)話框，其中有當(dāng)前已有的可編輯區(qū)域列表，選中要取消的區(qū)域名稱，確認(rèn)即可。舉例：在大片空白區(qū)中隨便單擊一下，執(zhí)行ModifyTemplateNew Editable Region命令，在彈出對(duì)話框中輸入名稱：Main；選中左下角本頁(yè)說(shuō)明下面的文字，執(zhí)行ModifyTemplateMark Selectin as Editable Region命令，輸入名稱：exp?？梢钥吹娇删庉媴^(qū)顯示為淺藍(lán)色，保存即完成模板制作。2、小結(jié)課題 使用模板一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver的模板創(chuàng)建網(wǎng)頁(yè)?！緦W(xué)習(xí)步驟】1、根據(jù)模板新建頁(yè)面命令：FileNew From Template。彈出對(duì)話框，從模板列表中選取模板，出現(xiàn)的新頁(yè)面中除可編輯區(qū)外均有淡黃色背景，是不能進(jìn)行修改的部分?？瞻椎腗ain編輯區(qū)可直接進(jìn)行插入表格、文字、圖片等操作，Exp編輯區(qū)保留有原來(lái)的文字，修改或重新編輯均可。2、對(duì)一個(gè)已經(jīng)有內(nèi)容的頁(yè)面應(yīng)用模板命令：ModifyTemplateApply Template to Page。選擇模板后還會(huì)彈出一個(gè)對(duì)話框，讓您選擇現(xiàn)有的孤立內(nèi)容保存到哪個(gè)可編輯區(qū)域（Choose Editable Region for Orphaned Content）。要是不想保留則可以選擇“（none）”。舉例：我們先新建一個(gè)普通頁(yè)面，輸入：“CIW電腦工作室”，執(zhí)行ModifyTemplateApply Template to Page命令，選擇模板test，現(xiàn)有內(nèi)容保存區(qū)域選擇Main，確認(rèn)后可看到頁(yè)面自動(dòng)變成了模板頁(yè)的形式，而“CIW電腦工作室”這一行字就出現(xiàn)在主編輯窗口中。3、更新模板以全面更新站點(diǎn)基于某一模板建立了一些頁(yè)面后，對(duì)模板進(jìn)行修改后保存時(shí)，就會(huì)自動(dòng)彈出一個(gè)對(duì)話框，列出所有使用了該模板的頁(yè)面，詢問(wèn)是否要更新。另外一種方法是執(zhí)行ModifyTemplateUpdate Pages命令。從Update Pages對(duì)話框中選擇一個(gè)站點(diǎn)或站點(diǎn)的某一種模板（同一站點(diǎn)中可以使用多個(gè)模板），單擊右側(cè)的Start按鈕，軟件會(huì)自動(dòng)搜索與模板相關(guān)聯(lián)的網(wǎng)頁(yè)并進(jìn)行更新。非常方便！舉例：Test模板左側(cè)圖形中的“讀書(shū)破萬(wàn)站”圖片是用一個(gè)圖層疊加在另一幅圖片之上的，現(xiàn)在不想要它，同時(shí)還想將所有頁(yè)面中的該圖片均刪除。就可以打開(kāi)模板test.dwt，刪除該圖層，保存模板，單擊右側(cè)的“Update”按鈕即可。注意：新建和使用模板前需定義站點(diǎn)。方法是，執(zhí)行命令：SiteDefine Sites；指定站點(diǎn)名稱和本地根目錄（Local Root）。模板使用的是相對(duì)路徑，如果沒(méi)有指定網(wǎng)站在本地的位置，軟件就不能準(zhǔn)確找到并保存模板文件；并且應(yīng)用模板新建和更新頁(yè)面時(shí)，頁(yè)面中的超鏈接也不能隨頁(yè)面文件保存位置的不同而相應(yīng)變化。2、小結(jié)課題 用Dreamweaver 中插入背景音樂(lè)一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver 中插入背景音樂(lè)。【學(xué)習(xí)步驟】一、直接插入法1.打開(kāi)一張需要插入背景音樂(lè)的網(wǎng)頁(yè)，在菜單中找到這樣的命令： Windows - Behaviors，調(diào)出“Behaviors”行為面板，如下圖所示(Dreamweaver MX 的面板)：2.點(diǎn)擊“+”號(hào)按鈕，選擇“play sound”命令，如下圖：如果此命令呈反白色，不可用，請(qǐng)?jiān)诖嗣钕吕斜碇羞x擇“Show Even For”命令，在此子菜單里選擇“ IE 4.0 ”以上的版本，因?yàn)镮E 4.0 以上的版本才支持此種格式的音樂(lè)插入方法。3.此時(shí)彈出插入文件窗口，按“Browser”按鈕選擇音樂(lè)文件，當(dāng)然是要瀏覽器支持的音樂(lè)文件格式(如mid、wav、AIFF、AU)4.插入之后網(wǎng)頁(yè)里會(huì)顯示一個(gè)“plugin”插件圖標(biāo)，但我們還需要作進(jìn)一步的調(diào)整。因?yàn)?Dreamweaver 自動(dòng)插入了一段控制代碼，方便我們定制激活背景音樂(lè)。但此功能不需要用到，那么就要把它刪除。代碼有兩段，分別如下：代碼一: 代碼二:2、小結(jié)課題 用Dreamweaver 中插入背景音樂(lè)一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver 中插入背景音樂(lè)。【學(xué)習(xí)步驟】5.完成插入，此時(shí)的背景音樂(lè)還不能自動(dòng)播放，點(diǎn)選插件圖標(biāo)，按“ctrl + F3”快捷鍵，調(diào)出屬性面板，點(diǎn)擊右下角的“Parameters”按鈕，在彈出的窗口中進(jìn)行修改，把參數(shù)“AutoStart”后面的“Value”缺省值“false”改成“true”（如下圖所示），這樣就達(dá)到打開(kāi)頁(yè)面背景音樂(lè)就響起的效果。我們知道，音樂(lè)的播放是有時(shí)間長(zhǎng)短的，如果希望它重復(fù)播放，可以把上圖中的“Loop”參數(shù)值改成“true”。在 Dreamweaver 中插入背景音樂(lè)的幾種方法多次收到喜歡太平洋網(wǎng)絡(luò)學(xué)院的網(wǎng)友的信件，信中提問(wèn)如何在 Dreamweaver 中插入背景音樂(lè)，現(xiàn)在讓我一次性向大家介紹幾種背景音樂(lè)的插入方法，讓更多的人去掌握它。6.之前打開(kāi)刪除代碼時(shí)我們看到了插入音樂(lè)的 HTML 標(biāo)記為 ，為了讓大家對(duì)它有更加深入的了解，接下來(lái)引用一段 太平洋網(wǎng)絡(luò)學(xué)院 - 設(shè)計(jì)教室 - HTML 部分中的“HTML語(yǔ)言剖析”中的一段，介紹一下標(biāo)記的參數(shù)：2、小結(jié)課題 用Dreamweaver 中插入背景音樂(lè)一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver 中插入背景音樂(lè)?！緦W(xué)習(xí)步驟】 是用來(lái)插入各種多媒體，格式可以是 Midi、Wav、AIFF、AU 等等，Netscape 及 新版的 IE 都支持。其參數(shù)設(shè)定較多。如下 : src=your.mid 設(shè)定 midi 檔案及路徑，可以是相對(duì)或絕對(duì)。autostart=true 是否在音樂(lè)檔下載完之后就自動(dòng)播放。true 是，false 否 (內(nèi)定值)。 loop=true 是否自動(dòng)反復(fù)播放。LOOP=2 表示重復(fù)兩次，true 是， false 否。 HIDDEN=true 是否完全隱藏控制畫(huà)面，true 為是，no 為否 (內(nèi)定)。 STARTTIME=分:秒 設(shè)定歌曲開(kāi)始播放的時(shí)間。如 STARTTIME=00:30 表示從第30秒處開(kāi)始播放。 VOLUME=0-100 設(shè)定音量的大小，數(shù)值是0到100之間。內(nèi)定則為使用系統(tǒng)本身的設(shè)定。 WIDTH=整數(shù) 和 HIGH=整數(shù) 設(shè)定控制面板的高度和寬度。(若 HIDDEN=no) ALIGN=center 設(shè)定控制面板和旁邊文字的對(duì)齊方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom CONTROLS=smallconsole 設(shè)定控制面板的外觀。預(yù)設(shè)值是 console。 console 一般正常面板 smallconsole 較小的面板 playbutton 只顯示播放按鈕 pausecutton 只顯示暫停按鈕 stopbutton 只顯示停止按鈕 volumelever 只顯示音量調(diào)節(jié)按鈕 2、小結(jié)課題 用Dreamweaver 中插入背景音樂(lè)一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver 中插入背景音樂(lè)。【學(xué)習(xí)步驟】二、代碼法： 是用來(lái)插入背景音樂(lè)，但只適用于 IE，其參數(shù)設(shè)定不多。如下 src=your.mid 設(shè)定 midi 檔案及路徑，可以是相對(duì)或絕對(duì)。 autostart=true 是否在音樂(lè)檔下載完之后就自動(dòng)播放。true 是，false 否 (內(nèi)定值)。 loop=infinite 是否自動(dòng)反復(fù)播放。LOOP=2 表示重復(fù)兩次，Infinite 表示重復(fù)多次。 此種方法就是直接把標(biāo)記放于網(wǎng)頁(yè)文件的之間，設(shè)置好mid文件的路徑就行。參數(shù)的設(shè)置如文中解說(shuō)。三、插件法有些人始終沒(méi)有舍棄 FrontPage 也許就因?yàn)樵谝恍┰氐牟迦胫?，Dreamweaver 沒(méi)有提供功能，或者不方便。但我們知道，Dreamweaver 支持插件，聲音插入插件為我們提供了方便。插件下載：sound.mxp下載后雙擊文件，就可以直接安裝了，安裝完成你可以在“對(duì)象”面板的“Common”欄看到一個(gè)喇叭圖標(biāo)。直接點(diǎn)擊此按鈕，就彈出如下圖所示的插入窗口：Forever：設(shè)置無(wú)限循環(huán)播放Never：不循環(huán)播放，即只播放一次NO of times：設(shè)置播放的次數(shù)點(diǎn)擊“Browser”按鈕選擇好聲音文件之后，按確定完成制作。2、小結(jié)課題 用Dreamweaver在主頁(yè)中制作連續(xù)的背景音樂(lè)一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver在主頁(yè)中制作連續(xù)的背景音樂(lè)?！緦W(xué)習(xí)步驟】一、保持背景音樂(lè)的連續(xù)不斷，效果很好，現(xiàn)介紹如下，供制作個(gè)人主頁(yè)的朋友們參考： 首先使用標(biāo)簽 framesetframe.frame.frameset 將主頁(yè) (index.html) 屏幕分成上下兩個(gè)幀，為了不破壞頁(yè)面布局，將上幀的高度設(shè)為 0；然后，在主頁(yè)上幀放置的超文本文件(back_music.htm)中設(shè)置網(wǎng)站的背景音樂(lè)，最好不要設(shè)置播放界面；最后，在主頁(yè)的下幀放置網(wǎng)站主頁(yè)的主要內(nèi)容(main.htm)。 這樣一來(lái)，主頁(yè)下幀的頁(yè)面就成為主頁(yè)實(shí)際的活動(dòng)頁(yè)面，上幀的頁(yè)面在訪問(wèn)者的整個(gè)瀏覽過(guò)程中始終保持靜止不動(dòng)，設(shè)置的背景音樂(lè)也就不會(huì)中斷了。 主頁(yè)文件 index.html: html headtitle連續(xù)不斷的背景音樂(lè)/title/head frameset frameborder=0 rows=0,* frame src=back_music.htm scrolling=no noresize frameborder=0 frame src=main.htm frameborder=0 noframes body pplease browse the web pages with browser that supperts frames. /p /body /noframes /frameset /html 上幀文件 back_music.htm(背景音樂(lè)為當(dāng)前目錄下的liang_zhu.mid,只播放一次)： html headtitle/title/head body !-背景音樂(lè):- embed src=./liang_zhu.mid hidden=true autostart=true loop=0 /body /html 2、小結(jié)課題 DreamweaverMX制作導(dǎo)航下拉菜單一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；DreamweaverMX制作導(dǎo)航下拉菜單?！緦W(xué)習(xí)步驟】Dreamweaver從出道以來(lái)，其簡(jiǎn)便易用而又功能強(qiáng)大的“行為”(Behavior)一直是大家所關(guān)注的熱點(diǎn)之一。在Dreamweaver MX(DW MX)中，對(duì)這一功能又有了擴(kuò)充與改進(jìn)。 在DW MX中，行為指的是為了響應(yīng)某一事件(Event)而采取的一個(gè)操作(Action)。其中Event 指的是瀏覽器的事件，比如窗口刷新、鼠標(biāo)移動(dòng)等。而 Action 指的是后臺(tái)響應(yīng)事件的 JavaScript 代碼，可以完成相應(yīng)的操作，比如播放聲音、翻轉(zhuǎn)圖片等。 用DW MX制作導(dǎo)航下拉菜單是網(wǎng)頁(yè)中經(jīng)常使用的特效之一。(如圖1)主要應(yīng)用了DW MX中的“Show-Hide Layers”行為。 圖1首先制作好導(dǎo)航條(圖1中的“產(chǎn)品中心”那一欄)，隨后添加一個(gè)層，作為下拉菜單將要顯示的位置，并填入下拉菜單的對(duì)應(yīng)欄目。 接下來(lái)，打開(kāi)“Behaviors”面板，同時(shí)選中“產(chǎn)品中心”鏈接(注意，這個(gè)時(shí)候不能夠選中剛剛建好的層，否則無(wú)法應(yīng)用“Show-Hide Layers”行為)，單擊“+”號(hào)，選擇“Show-Hide Layers”，就可以看到我們剛剛建好的層在選擇項(xiàng)中，可以設(shè)定為隱藏或者顯示(如圖2)。圖2行為的妙用主要體現(xiàn)在：如果我們要實(shí)現(xiàn)下拉菜單，關(guān)鍵就是讓鼠標(biāo)移到“產(chǎn)品中心”鏈接上時(shí)，使層顯示；而鼠標(biāo)離開(kāi)鏈接時(shí)，使層隱藏。根據(jù)這種思想，我們首先為這個(gè)層設(shè)立兩個(gè)Action，一個(gè)選擇Hide，一個(gè)選擇Show。然后，調(diào)整Event，將Hide Layer的Event設(shè)為OnMouseOut，即為鼠標(biāo)離開(kāi)鏈接；而將Show Layer的Event設(shè)為OnMouseOver，即為鼠標(biāo)選中鏈接。按“F12”預(yù)覽，就可看到我們期盼的效果。這樣，平時(shí)我們覺(jué)得很神秘的導(dǎo)航下拉菜單就可以輕易在行為中實(shí)現(xiàn)。還可以在導(dǎo)航鏈接上繼續(xù)應(yīng)用 “Swap Image”行為，實(shí)現(xiàn)鼠標(biāo)點(diǎn)選鏈接時(shí)出現(xiàn)圖片翻轉(zhuǎn)效果。 行為不是一個(gè)個(gè)孤立的特效，可以由多個(gè)行為組合疊加實(shí)現(xiàn)復(fù)雜的功能，除了DW MX默認(rèn)設(shè)置好的行為外，我們還可以從上下載更多更酷的第三方行為，我們只需將它們直接復(fù)制到DreamweaverMXConfigurationBehaviorsActions目錄下即可，從而使DW MX的這一閃光點(diǎn)更加眩目。課題 用Dreamweaver做彈出窗口 一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；用Dreamweaver做彈出窗口。【學(xué)習(xí)步驟】1.打開(kāi)一個(gè)頁(yè)面，設(shè)置頁(yè)面屬性。左邊界，頂部邊界為 0 ，在標(biāo)題處輸入標(biāo)題名稱。2. 在頁(yè)面中插入圖片。也可以是文字， Flash 動(dòng)畫(huà)等。小窗口頁(yè)面就準(zhǔn)備好了。 給一個(gè)頁(yè)面添加彈出小窗口： 1. 打開(kāi)需要添加彈出小窗口頁(yè)面，例如一個(gè)網(wǎng)站的首頁(yè)，在標(biāo)簽選擇器中選擇“ body ”標(biāo)簽。 2. 打開(kāi)行為面板，點(diǎn)擊“ + ”按鈕添加行為。 3. 選擇“打開(kāi)瀏覽器窗口”。 4. 在要顯示的 URL 處，選擇彈出小窗口頁(yè)面文件。設(shè)置彈出小窗口屬性。 5. 按 F12 ，在瀏覽器中發(fā)布的效果如下圖。 課題 Dreamweaver 頁(yè)面制作 一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Dreamweaver制作網(wǎng)頁(yè)。二、學(xué)習(xí)內(nèi)容Dreamweaver的基本知識(shí)；Dreamweaver 頁(yè)面制作?！緦W(xué)習(xí)步驟】一、下邊的簡(jiǎn)單網(wǎng)頁(yè)為例，敘述一下制作過(guò)程。簡(jiǎn)單網(wǎng)頁(yè)如下圖： 在開(kāi)始制作之前，我們先對(duì)這個(gè)頁(yè)面進(jìn)行一下分析?？纯催@個(gè)頁(yè)面用到了那些東西。網(wǎng)頁(yè)頂端的標(biāo)題“我的主頁(yè)”是一段文字。網(wǎng)頁(yè)中間是一幅圖片。最下端的歡迎詞是一段文字。網(wǎng)頁(yè)背景是一深紫紅顏色。知道了這個(gè)網(wǎng)頁(yè)的結(jié)構(gòu)以后我們就來(lái)可以制作了。首先啟動(dòng)Dreamweaver MX 2004，確保你已經(jīng)用站點(diǎn)管理器建立好了一個(gè)網(wǎng)站（根目錄）。為了制作方便，請(qǐng)您事先打開(kāi)資源管理器，把要使用的圖片收集到網(wǎng)站目錄images文件夾內(nèi)。 【插入標(biāo)題文字】進(jìn)入頁(yè)面編輯設(shè)計(jì)視圖狀態(tài)。在一般情況下，編輯器默認(rèn)左對(duì)齊，光標(biāo)在左上角閃爍，光標(biāo)位置就是插入點(diǎn)的位置。如果要想讓文字居中插入，點(diǎn)屬性面板居中按鈕即可。啟動(dòng)中文輸入法輸入“我的主頁(yè)”四個(gè)字。字小不要緊，我們可以對(duì)它進(jìn)行設(shè)置?！驹O(shè)置文字的格式】 選中文字，在上圖屬性面板中將字體格式設(shè)置成默認(rèn)字體，大小可任意更改字號(hào)。并選中“B”將字體變粗。【設(shè)置文字的顏色】首先選中文字，在屬性面板中，單擊顏色選擇圖標(biāo)，在彈出的顏色選擇器中用滴管選取顏色即可?！驹O(shè)置網(wǎng)頁(yè)的標(biāo)題和背景顏色】 點(diǎn)擊“修改”菜單選“頁(yè)面屬性”。系統(tǒng)彈出頁(yè)面屬性對(duì)話框（如下圖）請(qǐng)?jiān)跇?biāo)題輸入框填入標(biāo)題“我的主頁(yè)”。設(shè)置背景顏色：網(wǎng)頁(yè)背景可以是圖片，也可以是顏色。此例是顏色。如上圖打開(kāi)背景顏色選擇器進(jìn)行選取。如果背景要設(shè)為圖片，點(diǎn)擊背景圖象“瀏覽”按鈕，系統(tǒng)彈出圖片選擇對(duì)話框，選中背景圖片文件，點(diǎn)擊確定按鈕。設(shè)計(jì)視圖狀態(tài)，在標(biāo)題“我的主頁(yè)”右邊空白處單擊鼠標(biāo)，回車換一行，按照以下的步驟插入一幅畫(huà)圖片，并使這張圖片居中。您也可以通過(guò)屬性面板中的左對(duì)齊按鈕讓其居左安放?！静迦雸D像】選擇以下任意一種方法：（1） 使用插入菜單：在“插入”菜單選“圖像”，彈出“選擇圖像源文件”對(duì)話框，選中該圖像文件，單擊確定。如下圖：2）使用插入欄（如下圖）：?jiǎn)螕舨迦霗趯?duì)象按鈕選 按鈕，彈出“選擇圖像源文件”對(duì)話框，其余操作同上。（3）使用面板組“資源”面板（如下圖）：點(diǎn)按鈕，展開(kāi)根目錄的圖片文件夾，選定該文件，用鼠標(biāo)拖動(dòng)至工作區(qū)合適位置。注：為了管理方便，我們把圖片放在“images”文件夾內(nèi)。如果圖片少，您也可以放在站點(diǎn)根目錄下。注意文件名要用英文或用拼音文字命名而且使用小寫(xiě)，不能用中文，否則要出現(xiàn)一些麻煩。 一個(gè)圖片就插入完畢了。（插入*.swf動(dòng)畫(huà)文件，選擇“插入”菜單媒體Flash）?！据斎霘g迎文字】在圖片右邊空白處單擊，回車換行。仍然按照上述方法，輸入文字“歡迎您”然后，利用屬性面板對(duì)文字進(jìn)行設(shè)置。保存頁(yè)面。一個(gè)簡(jiǎn)單的頁(yè)面就這樣編輯完畢了。【預(yù)覽網(wǎng)頁(yè)】在頁(yè)面編輯器中按F12預(yù)覽網(wǎng)頁(yè)效果。網(wǎng)站中的第一頁(yè)，也就是首頁(yè)，我們通常在存盤(pán)時(shí)取名為index.htm。【小結(jié)】在今天的教程中我們制作了一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。內(nèi)容有四：圖片插入和對(duì)齊設(shè)置；文字的格式、顏色和加粗等設(shè)置；背景顏色的設(shè)置；預(yù)覽網(wǎng)頁(yè)，查看實(shí)際效果。 不僅要掌握還要舉一反三反復(fù)練習(xí)。 課題 用Dreamweaver 發(fā)布網(wǎng)站 一、學(xué)習(xí)目的了解Dreamweaver，學(xué)會(huì)利用Drea