使用dreamweaver制作專(zhuān)題教學(xué)網(wǎng)站PPT-專(zhuān)題學(xué)課件

1、使用reamweaver制作動(dòng)態(tài)教學(xué)網(wǎng)站進(jìn)修學(xué)校電教室 白海波專(zhuān)題網(wǎng)站通常包含以下四方面基本內(nèi)容： 結(jié)構(gòu)化知識(shí)展示：把課程學(xué)習(xí)內(nèi)容相關(guān)的文本、圖像、動(dòng)畫(huà)、視頻等知識(shí)結(jié)構(gòu)化重組； 擴(kuò)展性學(xué)習(xí)資源：與專(zhuān)題相關(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í)專(zhuān)題相關(guān)的思考性問(wèn)題、形成性練習(xí)和總結(jié)性考查的評(píng)測(cè)資料，讓學(xué)習(xí)者能進(jìn)行網(wǎng)上自我學(xué)習(xí)評(píng)價(jià)。 實(shí)例：幾何立交橋、時(shí)光之旅一、制作靜態(tài)網(wǎng)頁(yè)1、圖像、Flash動(dòng)畫(huà)、聲音、視頻的插入；插入/媒體/插件參數(shù)：hidden(隱藏)、autostart(自動(dòng)

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

3、價(jià)和自動(dòng)統(tǒng)分 CourseBuilder.mxp插件可以制作正誤判斷、單項(xiàng)選擇、多項(xiàng)選擇和一對(duì)一、一對(duì)多、單向、雙向拖拽等形式的匹配練習(xí)題，制作單行、多行形式的文本輸入題，實(shí)現(xiàn)熱區(qū)交互和按鈕、定時(shí)器和滑動(dòng)器等交互控制形式。 1、制作“選擇題（Multiple Choice）”“Gallery”（交互類(lèi)型）頁(yè)選擇一種單（多）選題交互樣式；“General”（通用）頁(yè)選擇“交互響應(yīng)方式”，可選擇“單擊一個(gè)按鈕后判斷”或“單擊選項(xiàng)后即判斷”；設(shè)置“何時(shí)判斷為正確”，可選擇“部分正確”或“全部正確”；設(shè)置“答題時(shí)間”和“答題次數(shù)”限制；“ Choices”（選項(xiàng)）頁(yè)設(shè)置每個(gè)選項(xiàng)是否正確、插入答案中的圖

4、示；“Action Mgr”(響應(yīng)結(jié)果)頁(yè)設(shè)置正確、錯(cuò)誤時(shí)的反饋信息，提供指導(dǎo)性評(píng)價(jià) 2、制作“填空題（Text Entry）”“Responses”頁(yè)“必須包含”項(xiàng)輸入答案；設(shè)置正確輸入項(xiàng)，選擇是“含有輸入項(xiàng)”，還是“與輸入項(xiàng)全部匹配”；“匹配為”選正確還是錯(cuò)誤；“其他輸入項(xiàng)是”選正確、錯(cuò)誤或者不判斷。3、制作“拖動(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）如果不正

5、確就返回；（2）沒(méi)放到目標(biāo)位置就返回Elements(元素)，確定被拖動(dòng)對(duì)象和目標(biāo)對(duì)象Pairs(配對(duì))，確定哪一個(gè)拖動(dòng)對(duì)象與哪一個(gè)目標(biāo)對(duì)象是匹配的。如果拖放對(duì)象或目標(biāo)對(duì)象超過(guò)3個(gè)，需要在Elements選項(xiàng)中增加，并在Pairs選項(xiàng)卡中一一與其它目標(biāo)對(duì)象配對(duì)。4、實(shí)現(xiàn)語(yǔ)音評(píng)價(jià)和自動(dòng)統(tǒng)分 選中“if correct（如果選中正確）”下面的“Popup message（顯示信息）”，單擊操作界面上的“Cut”把它刪除，再單擊操作界面上方“Segment”右邊的三角按鈕，選中豎直菜單中選中“Play Sound”，然后單擊“Add”按鈕添加聲音。 統(tǒng)分：添加一個(gè)表單，加入一個(gè)按鈕。選中這個(gè)按鈕,添

6、加”彈出信息”行為,消息框中輸入:總成績(jī):G01.score分若多道題則輸入:總成績(jī):G01.score+G02.score+G02.score+分注意：G0X分別代表每道試題，必須以它為每道題的代號(hào)。三、Dreamweaver 8制作討論區(qū)1、效果預(yù)覽(list.asp)；2、數(shù)據(jù)庫(kù)設(shè)計(jì)；(數(shù)據(jù)庫(kù)名為stuweb,表名為taolun)3、定義一個(gè)動(dòng)態(tài)站點(diǎn)；4、設(shè)置IIS虛擬目錄；5、數(shù)據(jù)庫(kù)的鏈接；6、利用“服務(wù)器行為”設(shè)計(jì)應(yīng)用程序；定義一個(gè)動(dòng)態(tài)站點(diǎn)：（“站點(diǎn)”/“新建站點(diǎn)”）本地信息：站點(diǎn)名稱(chēng)、本地根文件夾遠(yuǎn)程信息：“訪(fǎng)問(wèn)”設(shè)為“本地/網(wǎng)絡(luò)”、遠(yuǎn)端文件夾測(cè)試服務(wù)器：“服務(wù)器類(lèi)型”設(shè)為“ASP

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

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

9、列的表格；2、創(chuàng)建記錄集，單擊“綁定”面板上的“+”，選擇“記錄集”，設(shè)置“連接”、“表格”、“列”、“篩選”條件和“排序”方式；3、將“綁定”面板“記錄集”中的字段拖入相應(yīng)單元格；4、選擇有數(shù)據(jù)的一行表格，單擊“服務(wù)器行為”面板上的“+”，選擇“重復(fù)區(qū)域”，確定“一頁(yè)顯示若干條記錄，還是全部記錄”。5、若選擇一頁(yè)顯示若干條記錄，則需要設(shè)置分頁(yè)，單擊“插入”/“應(yīng)用程序?qū)ο蟆?“記錄集分頁(yè)”/“記錄集導(dǎo)航條”四、Dreamweaver 8制作作品上傳1、效果預(yù)覽(shuangchuan.asp)；2、數(shù)據(jù)庫(kù)設(shè)計(jì)；(數(shù)據(jù)庫(kù)名為stuweb,表名為zuopin)3、安裝上傳插件；4、利用“服務(wù)器行為”設(shè)計(jì)應(yīng)用程序；安裝上傳插件1、設(shè)計(jì)討論問(wèn)題和提交表單；2、雙擊插件文件XP_pureupload.mpx；單擊“接受”，“確定”后重啟Dreamweaver；3、重啟后會(huì)發(fā)現(xiàn)“服務(wù)器行為”多出一項(xiàng)“XP_pure ASP File Upload”，表示已安裝成功。制作“上傳頁(yè)面”1、設(shè)計(jì)兩個(gè)提交表單，一個(gè)用于輸入作品信息，一個(gè)用于上傳作品；2、單擊“服務(wù)器行為”面板上的“+”，選擇“插入記錄”；連接：選擇conzuopin插入表格：選擇zuopin插入后，轉(zhuǎn)到：輸入chuanOK.asp，也可定位到某頁(yè)；表單元素：將表單中的元素與數(shù)據(jù)庫(kù)表中的字段相對(duì)應(yīng)。