dreamweaver課件制作培訓(xùn)講義

1、進(jìn)修學(xué)校電教室進(jìn)修學(xué)校電教室 白海波白海波專題網(wǎng)站通常包含以下四方面基本內(nèi)容： 結(jié)構(gòu)化知識(shí)展示：把課程學(xué)習(xí)內(nèi)容相關(guān)的文本、圖像、動(dòng)畫、視頻等知識(shí)結(jié)構(gòu)化重組； 擴(kuò)展性學(xué)習(xí)資源：與專題相關(guān)的擴(kuò)展性學(xué)習(xí)素材，包括學(xué)習(xí)工具(字典、計(jì)算工具、作圖工具等)、相關(guān)資源網(wǎng)站的鏈接； 網(wǎng)上協(xié)作討論空間：答疑指導(dǎo)和討論留言區(qū)域； 網(wǎng)上自我評(píng)價(jià)系統(tǒng)：與學(xué)習(xí)專題相關(guān)的思考性問題、形成性練習(xí)和總結(jié)性考查的評(píng)測(cè)資料，讓學(xué)習(xí)者能進(jìn)行網(wǎng)上自我學(xué)習(xí)評(píng)價(jià)。 實(shí)例：實(shí)例：幾何立交橋幾何立交橋、時(shí)光之旅時(shí)光之旅一、制作靜態(tài)網(wǎng)頁一、制作靜態(tài)網(wǎng)頁1、圖像、Flash動(dòng)畫、聲音、視頻的插入；插入/媒體/插件參數(shù)：hidden(隱藏)、au

2、tostart(自動(dòng)播放)、loop(循環(huán)播放)，值：true 或false2、利用表格定位網(wǎng)頁元素，布局頁面；3、利用層定位網(wǎng)頁元素，制作簡(jiǎn)單動(dòng)畫；4、豐富的超鏈接設(shè)置；（錨點(diǎn)、圖像映射及導(dǎo)航條 ）5、利用“行為”設(shè)計(jì)互動(dòng)效果(彈出信息、播放聲音、轉(zhuǎn)到URL、檢查表單等)；6、利用Photoshop或Fireworks切割主頁圖片。二、制作交互測(cè)驗(yàn)題二、制作交互測(cè)驗(yàn)題1、安裝測(cè)驗(yàn)題插件：雙擊CourseBuilder.mxp使用方法：?jiǎn)螕簟安迦搿?“CourseBuilder Interaction”, 保存網(wǎng)頁。2、制作一道選擇題（有次數(shù)限制）；3、制作一道填空題（有時(shí)間限制）；4、制作一

3、道拖動(dòng)題（一對(duì)一）；5、如何實(shí)現(xiàn)語音評(píng)價(jià)和自動(dòng)統(tǒng)分 CourseBuilder.mxp插件可以制作正誤判斷、單項(xiàng)選擇、可以制作正誤判斷、單項(xiàng)選擇、多項(xiàng)選擇和一對(duì)一、一對(duì)多、單向、雙向拖拽等形式的匹配多項(xiàng)選擇和一對(duì)一、一對(duì)多、單向、雙向拖拽等形式的匹配練習(xí)題，制作單行、多行形式的文本輸入題，實(shí)現(xiàn)熱區(qū)交互練習(xí)題，制作單行、多行形式的文本輸入題，實(shí)現(xiàn)熱區(qū)交互和按鈕、定時(shí)器和滑動(dòng)器等交互控制形式。和按鈕、定時(shí)器和滑動(dòng)器等交互控制形式。 1、制作、制作“選擇題（選擇題（Multiple Choice）”“Gallery”“Gallery”（交互類型）頁（交互類型）頁選擇一種單（多）選題交互樣式；“Gen

4、eral”General”（通用）頁（通用）頁選擇“交互響應(yīng)方式”，可選擇“單擊一個(gè)按鈕后判斷”或“單擊選項(xiàng)后即判斷”；設(shè)置“何時(shí)判斷為正確”，可選擇“部分正確”或“全部正確”；設(shè)置設(shè)置“答題時(shí)間答題時(shí)間”和和“答題次數(shù)答題次數(shù)”限制；限制；“ Choices”（選項(xiàng)）頁（選項(xiàng)）頁設(shè)置每個(gè)選項(xiàng)是否正確、插入答案中的圖示；設(shè)置每個(gè)選項(xiàng)是否正確、插入答案中的圖示；“Action Mgr”(響應(yīng)結(jié)果響應(yīng)結(jié)果)頁頁設(shè)置正確、錯(cuò)誤時(shí)的反饋信息，提供指導(dǎo)性評(píng)價(jià)設(shè)置正確、錯(cuò)誤時(shí)的反饋信息，提供指導(dǎo)性評(píng)價(jià) 2、制作、制作“填空題（填空題（Text Entry）”“Responses”“Responses”頁頁

5、“必須包含”項(xiàng)輸入答案；設(shè)置正確輸入項(xiàng)，選擇是“含有輸入項(xiàng)”，還是“與輸入項(xiàng)全部匹配”；“匹配為”選正確還是錯(cuò)誤；“其他輸入項(xiàng)是”選正確、錯(cuò)誤或者不判斷。3、制作、制作“拖動(dòng)題（拖動(dòng)題（Drag and Drop）”建立一對(duì)一的單向的關(guān)聯(lián)建立一對(duì)一的雙向的關(guān)聯(lián)建立一對(duì)多的單向的關(guān)聯(lián)建立一對(duì)多的雙向的關(guān)聯(lián)建立一對(duì)一的雙向關(guān)聯(lián)建立一個(gè)兩步的Drag，有一個(gè)Drag和兩個(gè)Target。和上面的一樣，只是在第二步有兩種方向。reaction （反應(yīng)）：（1）如果不正確就返回；（2）沒放到目標(biāo)位置就返回Elements(元素)，確定被拖動(dòng)對(duì)象和目標(biāo)對(duì)象Pairs(配對(duì))，確定哪一個(gè)拖動(dòng)對(duì)象與哪一個(gè)目標(biāo)對(duì)

6、象是匹配的。如果拖放對(duì)象或目標(biāo)對(duì)象超過3個(gè)，需要在Elements選項(xiàng)中增加，并在Pairs選項(xiàng)卡中一一與其它目標(biāo)對(duì)象配對(duì)。4、實(shí)現(xiàn)語音評(píng)價(jià)和自動(dòng)統(tǒng)分 選中“if correct（如果選中正確）”下面的“Popup message（顯示信息）”，單擊操作界面上的“Cut”把它刪除，再單擊操作界面上方“Segment”右邊的三角按鈕，選中豎直菜單中選中“Play Sound”，然后單擊“Add”按鈕添加聲音。 統(tǒng)分：添加一個(gè)表單，加入一個(gè)按鈕。選中這個(gè)按鈕,添加”彈出信息”行為,消息框中輸入:總成績(jī):G01.score分若多道題則輸入:總成績(jī):G01.score+G02.score+G02.sc

7、ore+分注意：注意：G0X分別代表每道試題，注意字母分別代表每道試題，注意字母G要大寫。要大寫。三、三、Dreamweaver 8制作討論區(qū)制作討論區(qū)1、效果預(yù)覽(list.asp)；2、數(shù)據(jù)庫設(shè)計(jì)；(數(shù)據(jù)庫名為stuweb,表名為taolun)3、定義一個(gè)動(dòng)態(tài)站點(diǎn)；4、設(shè)置IIS虛擬目錄；5、數(shù)據(jù)庫的鏈接；6、利用“服務(wù)器行為”設(shè)計(jì)應(yīng)用程序；定義一個(gè)動(dòng)態(tài)站點(diǎn)：（定義一個(gè)動(dòng)態(tài)站點(diǎn)：（“站點(diǎn)站點(diǎn)”/“新建站點(diǎn)新建站點(diǎn)”）本地信息：站點(diǎn)名稱、本地根文件夾遠(yuǎn)程信息：“訪問”設(shè)為“本地/網(wǎng)絡(luò)”、遠(yuǎn)端文件夾測(cè)試服務(wù)器：“服務(wù)器類型”設(shè)為“ASP VBscript”; “訪問”設(shè)為“本地/網(wǎng)絡(luò)”;“UR

8、L前綴”設(shè)為http:/localhost/stuweb其中l(wèi)ocalhost代表本機(jī)，stuweb 為虛擬目錄名；設(shè)置設(shè)置IIS虛擬目錄虛擬目錄1、右擊“默認(rèn)WEB站點(diǎn)”，選擇“新建”/“虛擬目錄”；2、輸入虛擬目錄名，此處輸入stuweb;3、定位到站點(diǎn)根文件夾；4、設(shè)置允許權(quán)限，可選“讀取”、“運(yùn)行腳本”、“寫入”(若有文件上傳)；5、設(shè)置“默認(rèn)啟動(dòng)文檔”，一般名為index.asp 或default.asp；數(shù)據(jù)庫的鏈接數(shù)據(jù)庫的鏈接在“數(shù)據(jù)庫”面板中單擊“+”，選擇“自定義連接字符串” 輸入連接名稱，例如：conzuopin 連接字符串 Provider=Microsoft.Jet.O

9、LEDB.4.0;Data Source=d:peixunzuopin.mdb 若程序要移到其他計(jì)算機(jī)上使用,則將此處改為:Provider=Microsoft.Jet.OLEDB.4.0;Data Source= & Server.Mappath(peixunzuopin.mdb )制作制作“發(fā)言頁面發(fā)言頁面”1、設(shè)計(jì)討論問題和提交表單；2、單擊“服務(wù)器行為”面板上的“+”，選擇“插入記錄”；連接：選擇conzuopin插入表格：選擇taolun插入后，轉(zhuǎn)到：輸入inputOK.asp，也可定位到某頁；表單元素：將表單中的元素與數(shù)據(jù)庫表中的字段相對(duì)應(yīng)。制作制作“顯示頁面顯示頁面”1、

10、制作一個(gè)2行3列的表格；2、創(chuàng)建記錄集，單擊“綁定”面板上的“+”，選擇“記錄集”，設(shè)置“連接”、“表格”、“列”、“篩選”條件和“排序”方式；3、將“綁定”面板“記錄集”中的字段拖入相應(yīng)單元格；4、選擇有數(shù)據(jù)的一行表格，單擊“服務(wù)器行為”面板上的“+”，選擇“重復(fù)區(qū)域”，確定“一頁顯示若干條記錄，還是全部記錄”。5、若選擇一頁顯示若干條記錄，則需要設(shè)置分頁，單擊“插入”/“應(yīng)用程序?qū)ο蟆?“記錄集分頁”/“記錄集導(dǎo)航條”四、四、Dreamweaver 8制作作品上傳制作作品上傳1、效果預(yù)覽(shuangchuan.asp)；2、數(shù)據(jù)庫設(shè)計(jì)；(數(shù)據(jù)庫名為stuweb,表名為zuopin)3、安

11、裝上傳插件；4、利用“服務(wù)器行為”設(shè)計(jì)應(yīng)用程序；安裝上傳插件安裝上傳插件1、設(shè)計(jì)討論問題和提交表單；2、雙擊插件文件XP_pureupload.mpx；單擊“接受”，“確定”后重啟Dreamweaver；3、重啟后會(huì)發(fā)現(xiàn)“服務(wù)器行為”多出一項(xiàng)“XP_pure ASP File Upload”，表示已安裝成功。制作制作“上傳頁面上傳頁面”1、設(shè)計(jì)兩個(gè)提交表單，一個(gè)用于輸入作品信息，一個(gè)用于上傳作品；2、單擊“服務(wù)器行為”面板上的“+”，選擇“插入記錄”；連接：選擇conzuopin插入表格：選擇zuopin插入后，轉(zhuǎn)到：輸入chuanOK.asp，也可定位到某頁；表單元素：將表單中的元素與數(shù)據(jù)庫表中的字段相