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

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

2、p(循環(huán)播放)，值：true 或false2、利用表格定位網(wǎng)頁元素，規(guī)劃頁面；3、利用層定位網(wǎng)頁元素，制造簡單動畫；4、豐富的超鏈接設(shè)置；錨點、圖像映射及導(dǎo)航條 5、利用“行為設(shè)計互動效果(彈出信息、播放聲音、轉(zhuǎn)到URL、檢查表單等)；6、利用Photoshop或Fireworks切割主頁圖片。.二、制造交互檢驗題1、安裝檢驗題插件：雙擊CourseBuilder.mxp運用方法：單擊“插入/“CourseBuilder Interaction, 保管網(wǎng)頁。2、制造一道選擇題有次數(shù)限制；3、制造一道填空題有時間限制；4、制造一道拖動題一對一；5、如何實現(xiàn)語音評價和自動統(tǒng)分 CourseBuil

3、der.mxp插件可以制造正誤判別、單項選擇、多項選擇和一對一、一對多、單向、雙向拖拽等方式的匹配練習(xí)題，制造單行、多行方式的文本輸入題，實現(xiàn)熱區(qū)交互和按鈕、定時器和滑動器等交互控制方式。 .1、制造“選擇題Multiple Choice“Gallery交互類型頁選擇一種單多選題交互款式；“General通用頁選擇“交互呼應(yīng)方式，可選擇“單擊一個按鈕后判別或“單擊選項后即判別；設(shè)置“何時判別為正確，可選擇“部分正確或“全部正確；設(shè)置“答題時間和“答題次數(shù)限制；“ Choices選項頁設(shè)置每個選項能否正確、插入答案中的圖示；“Action Mgr(呼應(yīng)結(jié)果)頁設(shè)置正確、錯誤時的反響信息，提供指點

4、性評價 .2、制造“填空題Text Entry“Responses頁“必需包含項輸入答案；設(shè)置正確輸入項，選擇是“含有輸入項，還是“與輸入項全部匹配；“匹配為選正確還是錯誤；“其他輸入項是選正確、錯誤或者不判別。.3、制造“拖動題Drag and Drop建立一對一的單向的關(guān)聯(lián)建立一對一的雙向的關(guān)聯(lián)建立一對多的單向的關(guān)聯(lián)建立一對多的雙向的關(guān)聯(lián)建立一對一的雙向關(guān)聯(lián)建立一個兩步的Drag，有一個Drag和兩個Target。和上面的一樣，只是在第二步有兩種方向。.reaction 反響：1假設(shè)不正確就前往；2沒放到目的位置就前往Elements(元素)，確定被拖動對象和目的對象Pairs(配對)，確

5、定哪一個拖動對象與哪一個目的對象是匹配的。假設(shè)拖放對象或目的對象超越3個，需求在Elements選項中添加，并在Pairs選項卡中一一與其它目的對象配對。.4、實現(xiàn)語音評價和自動統(tǒng)分 選中“if correct假設(shè)選中正確下面的“Popup message顯示信息，單擊操作界面上的“Cut把它刪除，再單擊操作界面上方“Segment右邊的三角按鈕，選中豎直菜單中選中“Play Sound，然后單擊“Add按鈕添加聲音。 統(tǒng)分：添加一個表單，參與一個按鈕。選中這個按鈕,添加彈出信息行為,音訊框中輸入:總成果:G01.score分假設(shè)多道題那么輸入:總成果:G01.score+G02.score+

6、G02.score+分留意：G0X分別代表每道試題，必需以它為每道題的代號。.三、Dreamweaver 8制造討論區(qū)1、效果預(yù)覽(list.asp)；2、數(shù)據(jù)庫設(shè)計；(數(shù)據(jù)庫名為stuweb,表名為taolun)3、定義一個動態(tài)站點；4、設(shè)置IIS虛擬目錄；5、數(shù)據(jù)庫的鏈接；6、利用“效力器行為設(shè)計運用程序；.定義一個動態(tài)站點：“站點/“新建站點本地信息：站點稱號、本地根文件夾遠(yuǎn)程信息：“訪問設(shè)為“本地/網(wǎng)絡(luò)、遠(yuǎn)端文件夾測試效力器：“效力器類型設(shè)為“ASP VBscript; “訪問設(shè)為“本地/網(wǎng)絡(luò);“URL前綴設(shè)為httplocalhost/stuweb其中l(wèi)ocalhost代表本機，st

7、uweb 為虛擬目錄名；.設(shè)置IIS虛擬目錄1、右擊“默許WEB站點，選擇“新建/“虛擬目錄；2、輸入虛擬目錄名，此處輸入stuweb;3、定位到站點根文件夾；4、設(shè)置允許權(quán)限，可選“讀取、“運轉(zhuǎn)腳本、“寫入(假設(shè)有文件上傳)；5、設(shè)置“默許啟動文檔，普通名為index.asp 或default.asp；.數(shù)據(jù)庫的鏈接在“數(shù)據(jù)庫面板中單擊“+，選擇“自定義銜接字符串輸入銜接稱號，例如：conzuopin銜接字符串 Provider=Microsoft.Jet.OLEDB.4.0;Data Source=d:peixunzuopin.mdb 假設(shè)程序要移到其他計算機上運用,那么將此處改為:Pro

8、vider=Microsoft.Jet.OLEDB.4.0;Data Source= & Server.Mappath(zuopin.mdb ).制造“發(fā)言頁面1、設(shè)計討論問題和提交表單；2、單擊“效力器行為面板上的“+，選擇“插入記錄；銜接：選擇conzuopin插入表格：選擇taolun插入后，轉(zhuǎn)到：輸入inputOK.asp，也可定位到某頁；表單元素：將表單中的元素與數(shù)據(jù)庫表中的字段相對應(yīng)。.制造“顯示頁面1、制造一個2行3列的表格；2、創(chuàng)建記錄集，單擊“綁定面板上的“+，選擇“記錄集，設(shè)置“銜接、“表格、“列、“挑選條件和“排序方式；3、將“綁定面板“記錄集中的字段拖入相應(yīng)單元格；4、

9、選擇有數(shù)據(jù)的一行表格，單擊“效力器行為面板上的“+，選擇“反復(fù)區(qū)域，確定“一頁顯示假設(shè)干條記錄，還是全部記錄。5、假設(shè)選擇一頁顯示假設(shè)干條記錄，那么需求設(shè)置分頁，單擊“插入/“運用程序?qū)ο?“記錄集分頁/“記錄集導(dǎo)航條.四、Dreamweaver 8制造作品上傳1、效果預(yù)覽(shuangchuan.asp)；2、數(shù)據(jù)庫設(shè)計；(數(shù)據(jù)庫名為stuweb,表名為zuopin)3、安裝上傳插件；4、利用“效力器行為設(shè)計運用程序；.安裝上傳插件1、設(shè)計討論問題和提交表單；2、雙擊插件文件XP_pureupload.mpx；單擊“接受，“確定后重啟Dreamweaver；3、重啟后會發(fā)現(xiàn)“效力器行為多出一項“XP_pure ASP File Upload，表示已安裝勝利。.制造“上傳頁面1、設(shè)計兩個提交表單，一個用于輸入作品信息，一個用于上傳作品；2、單擊“效力器行為面板上的“+，選擇“插入記錄；銜接：選擇conzuopin插入表格：選擇zuopin插入后，轉(zhuǎn)到：輸入chuanOK.asp，也可定位到某頁；表單元素：將表單中的元素與數(shù)據(jù)庫表中的字段相