電子教案《Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作第二版》A063954示例項(xiàng)目十

1、電子講課設(shè)計(jì)Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作第二版A063954示例項(xiàng)目十電子講課設(shè)計(jì)Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作第二版A063954示例項(xiàng)目十電子講課設(shè)計(jì)Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作第二版A063954示例項(xiàng)目十課程講課設(shè)計(jì)講課內(nèi)容項(xiàng)目十制作留言板動(dòng)向網(wǎng)頁(yè)入門(mén)講課班級(jí)講課學(xué)時(shí)8課時(shí)講課方法講解法、演示法、討論法。多媒體講課與手段本項(xiàng)目的內(nèi)容是制作一個(gè)網(wǎng)頁(yè)留言反應(yīng)系統(tǒng)。留言反應(yīng)系統(tǒng)是主要用來(lái)在Web網(wǎng)站成立客戶(hù)建議采集的系統(tǒng)工具。系統(tǒng)要求包括以下功能：1.顯示客戶(hù)反應(yīng)信息和管理員的答復(fù)信息；2.可記錄客戶(hù)的名稱(chēng)、郵件、主頁(yè)等信息；項(xiàng)目?jī)?nèi)容3.支持多用戶(hù)。留言反應(yīng)系統(tǒng)用于從網(wǎng)

2、上獲得各樣客戶(hù)反應(yīng)信息，是全部網(wǎng)站必備的工具，采納鑒于微軟NT服務(wù)器的ASP語(yǔ)言、主要應(yīng)用微軟ACCESS數(shù)據(jù)庫(kù)技術(shù)編寫(xiě)而成。與靜態(tài)網(wǎng)頁(yè)比較，動(dòng)向網(wǎng)頁(yè)的學(xué)習(xí)難度相對(duì)要大一些，不只需掌握網(wǎng)頁(yè)制作知識(shí)，還要掌握數(shù)據(jù)庫(kù)及編程方面的知識(shí)。學(xué)生經(jīng)過(guò)本項(xiàng)目的學(xué)習(xí)，能：1、理解動(dòng)向網(wǎng)頁(yè)的工作原理講課目的2、熟習(xí)IIS的安裝3、認(rèn)識(shí)數(shù)據(jù)庫(kù)的基本知識(shí)4、熟習(xí)數(shù)據(jù)庫(kù)的成立講課要點(diǎn)與難點(diǎn)講課要點(diǎn)：成立數(shù)據(jù)庫(kù)，創(chuàng)立動(dòng)向網(wǎng)頁(yè)講課難點(diǎn)：創(chuàng)立動(dòng)向網(wǎng)頁(yè)項(xiàng)目見(jiàn)效講課過(guò)程設(shè)計(jì)【任務(wù)一】創(chuàng)立動(dòng)向網(wǎng)頁(yè)測(cè)試環(huán)境（一）動(dòng)向網(wǎng)頁(yè)工作原理動(dòng)向網(wǎng)頁(yè)一般使用“HTML+數(shù)據(jù)庫(kù)+ASP”“HTML+數(shù)據(jù)庫(kù)+PHP”或“HTML+數(shù)據(jù)庫(kù)+JSP”等

3、技術(shù)來(lái)實(shí)現(xiàn)。目前中小型網(wǎng)站較常用的是“HTML+數(shù)據(jù)庫(kù)+ASP”技術(shù)。當(dāng)閱讀者經(jīng)過(guò)閱讀器向服務(wù)器發(fā)出懇求時(shí)，假如懇求的是一個(gè)靜態(tài)網(wǎng)頁(yè)，那么這個(gè)懇求抵達(dá)服務(wù)器后，服務(wù)器會(huì)在自己的硬盤(pán)上找尋有關(guān)網(wǎng)頁(yè)，此后返回；假如懇求的是一個(gè)動(dòng)向網(wǎng)頁(yè)，服務(wù)器在接到懇求后，會(huì)接著傳達(dá)給安裝在這個(gè)機(jī)器上的應(yīng)用程序服務(wù)器。應(yīng)用程序服務(wù)器會(huì)理解并講解這些代碼的含義，并將講解后的內(nèi)容返回到客戶(hù)端，這樣看到的仍舊是一個(gè)純真的靜態(tài)HTML網(wǎng)頁(yè)。這說(shuō)明，即即是動(dòng)向網(wǎng)站，在客戶(hù)端也是看不到動(dòng)向網(wǎng)頁(yè)代碼的，這在一定程度上起到了保護(hù)代碼的作用。（二）安裝IIS要制作動(dòng)向網(wǎng)頁(yè)，第一需要有一個(gè)測(cè)試服務(wù)器。在Windows7操作系統(tǒng)下，只需

4、安裝了IIS，就能夠?qū)⒆约旱碾娔X設(shè)置為測(cè)試服務(wù)器。在安裝Windows7時(shí)，默認(rèn)狀態(tài)下是不會(huì)安裝IIS的，因此需要獨(dú)自安裝。步驟1點(diǎn)擊“開(kāi)始”按鈕，在彈出的菜單中選擇“控制面板”。步驟2翻開(kāi)“控制面板”窗口，雙擊此中的“默認(rèn)程序”圖標(biāo)。步驟3翻開(kāi)“默認(rèn)程序”對(duì)話框，單擊左下角的“程序和功能”。步驟4在翻開(kāi)的窗口中選擇“選擇翻開(kāi)或封閉windows功能”。步驟5翻開(kāi)“windows功能”對(duì)話框，這可能需要幾分鐘時(shí)間。步驟6在“windows功能”對(duì)話框中選擇“Internet信息服務(wù)”復(fù)選框，并單擊復(fù)選框前的“+”。步驟7單擊“萬(wàn)維網(wǎng)服務(wù)”前的“+”，在“安全性”菜單中選中“基自己份考證”和“綱

5、領(lǐng)式身份考證”選項(xiàng)。步驟8在“應(yīng)用程序開(kāi)發(fā)功能”菜單中選中“ASP和ASP.NET”選項(xiàng)。步驟9開(kāi)始安裝IIS，這可能需要幾分鐘的時(shí)間。步驟10為確認(rèn)能否正確安裝了IIS，運(yùn)轉(zhuǎn)閱讀器，在地點(diǎn)欄中輸入后按Enter鍵，結(jié)果應(yīng)以以下圖?！救吻髮?shí)行】在安裝IIS后，需要進(jìn)行簡(jiǎn)單的設(shè)置（將網(wǎng)站與測(cè)試網(wǎng)頁(yè)，下邊進(jìn)行設(shè)置。步驟1在當(dāng)?shù)卮疟P(pán)創(chuàng)立文件夾“book”，并將“IIS聯(lián)系起來(lái)）才能用于素材與實(shí)例素材book”文件夾中的內(nèi)容拷貝至該文件夾中。步驟2選擇“開(kāi)始”“控制面板”菜單，翻開(kāi)“控制面板”窗口，雙擊此中的“管理工具”圖標(biāo)。步驟3在翻開(kāi)的“管理工具”窗口中雙擊“Internet信息服務(wù)”圖標(biāo)。步驟4

6、翻開(kāi)“Intemet信息服務(wù)”窗口，挨次單擊“計(jì)算機(jī)名”和“網(wǎng)站”前面的加“默認(rèn)網(wǎng)站”，翻開(kāi)默認(rèn)網(wǎng)站對(duì)話框。步驟5在“默認(rèn)網(wǎng)站”對(duì)話框選擇“基本設(shè)置”選項(xiàng)，翻開(kāi)“編寫(xiě)網(wǎng)站”對(duì)話框。步驟6在“編寫(xiě)網(wǎng)站”對(duì)話框中單擊“物理路徑”編寫(xiě)框右邊的“閱讀”按鈕，彈出“閱讀文件夾”對(duì)話框，選擇前面創(chuàng)立的文件夾“book”，并單擊“確立”按鈕。步驟7在“默認(rèn)網(wǎng)址主頁(yè)”對(duì)話框雙擊“ASP”選項(xiàng)，翻開(kāi)相應(yīng)的對(duì)話框，改正“啟用父路徑”選項(xiàng)值為“Ture”，并單擊對(duì)話框右上角的“應(yīng)用”選項(xiàng)步驟8回到“默認(rèn)網(wǎng)站屬性”對(duì)話框，雙擊“默認(rèn)文檔”選項(xiàng)，檢查默認(rèn)文檔能否為“index.asp”。步驟9選擇“默認(rèn)網(wǎng)站”選項(xiàng)，單擊

7、鼠標(biāo)右鍵，在彈出的菜單中選擇“管理網(wǎng)站”中的“高級(jí)設(shè)置”選項(xiàng)，翻開(kāi)“高級(jí)設(shè)置”對(duì)話框。步驟10在“高級(jí)設(shè)置”對(duì)話框中選擇“應(yīng)用程序池”選項(xiàng)，在選擇應(yīng)用程序池對(duì)話框中選擇“Classic.NETAppPool”選項(xiàng)。步驟11為站點(diǎn)根文件夾book增添AuthenticatedUsers的完滿接見(jiàn)權(quán)限。步驟12為C:WindowsTemp文件夾增添AuthenticatedUsers的完滿訪問(wèn)權(quán)限。步驟13為網(wǎng)站設(shè)置數(shù)據(jù)源，在“管理工具”對(duì)話框中選擇“數(shù)據(jù)源（ODBC）”選項(xiàng)。步驟14雙擊“數(shù)據(jù)源（ODBC）”，翻開(kāi)“ODBC數(shù)據(jù)源管理器”對(duì)話框，在對(duì)話框中選擇“系統(tǒng)DSN”選項(xiàng)。步驟15在“系統(tǒng)

8、DSN”選項(xiàng)中單擊“增添”按鈕，在“創(chuàng)立新數(shù)據(jù)源”對(duì)話框中選擇“DriverdoMicrosoftAccess”選項(xiàng)。步驟16在“ODBCMicrosoftAccess安裝”對(duì)話框中輸入數(shù)據(jù)源名稱(chēng)和選擇相應(yīng)的數(shù)據(jù)庫(kù)。設(shè)置完成后，在閱讀器地點(diǎn)欄中輸入http:/localhost/index.asp后按回車(chē)鍵，將翻開(kāi)已設(shè)置的網(wǎng)站主頁(yè)?！救蝿?wù)二】創(chuàng)立“留言板”數(shù)據(jù)庫(kù)認(rèn)識(shí)數(shù)據(jù)庫(kù)下邊使用Access2010創(chuàng)立一個(gè)包括4個(gè)字段的數(shù)據(jù)庫(kù)，它們分別是編號(hào)、昵稱(chēng)、留言、日期和時(shí)間。利用該數(shù)據(jù)庫(kù)能夠保留用戶(hù)個(gè)人信息及留言?xún)?nèi)容。步驟1單擊“開(kāi)始”按鈕，選擇“全部程序”“MicrosoftOffice”“Micr

9、osoftAccess2010”菜單，啟動(dòng)Access。步驟2在Access2010工作窗口中選擇“文件”“新建”菜單，此后單擊右邊任務(wù)窗格中的“空數(shù)據(jù)庫(kù)”。步驟3翻開(kāi)“文件新建數(shù)據(jù)庫(kù)”對(duì)話框，在“保留地點(diǎn)”下拉列表中選擇希望保留數(shù)據(jù)庫(kù)的文件夾（此處為在站點(diǎn)文件夾“book”中創(chuàng)立的“data”文件夾），在“文件名”編寫(xiě)框中輸入數(shù)據(jù)庫(kù)文件名，此后單擊“確立”按鈕。步驟4在數(shù)據(jù)庫(kù)文件對(duì)話框中，雙擊“創(chuàng)立”菜單中的“表設(shè)計(jì)”按鈕。步驟5翻開(kāi)表構(gòu)造設(shè)計(jì)窗口，輸入字段名“bianhao”，此后翻開(kāi)后邊的數(shù)據(jù)種類(lèi)下拉列表，從中選擇“自動(dòng)編號(hào)”。步驟6輸入字段名“nicheng”，取默認(rèn)數(shù)據(jù)種類(lèi)“文本”，

10、在下邊的“字段屬性”設(shè)置區(qū)設(shè)置字段的“默認(rèn)值”為“無(wú)名”，“贊成空字符串”為“是”。步驟7輸入字段名“neirong”，取默認(rèn)數(shù)據(jù)種類(lèi)“文本”，在下邊的“字段屬性”設(shè)置區(qū)設(shè)置字段的“字段大小”為“255”，“贊成空字符串”為“是”。步驟8輸入字段名“riqi”，設(shè)置其數(shù)據(jù)種類(lèi)為“日期時(shí)間”，單擊“字段屬性”設(shè)置區(qū)“默認(rèn)值”后邊的圖標(biāo)，在翻開(kāi)的“表達(dá)式生成器”對(duì)話框中設(shè)置“默認(rèn)值”為“Date（+Time）”（目前日期和目前時(shí)間），此后單擊“確立”按鈕。步驟9按【Ctrl+S】組合鍵保留文件，彈出“另存為”對(duì)話框，在“表名稱(chēng)”編寫(xiě)框中輸入“mytable”作為表名，此后單擊“確立”按鈕。步驟10Office助手提示需要定義主鍵，能否認(rèn)義，單擊“是”按鈕，“bianhao”字段自動(dòng)被定義為主鍵，其前面出現(xiàn)鑰