《網(wǎng)頁(yè)制作》課程設(shè)計(jì)報(bào)告姓名:班級(jí):學(xué)號(hào):指導(dǎo)教師:設(shè)計(jì)時(shí)間：目錄一.課程設(shè)計(jì)目的3二.課程設(shè)計(jì)題目描述和要求錯(cuò)誤!未定義書(shū)簽。三.課程設(shè)計(jì)報(bào)告內(nèi)容錯(cuò)誤!未定義書(shū)簽。3.1設(shè)計(jì)方案錯(cuò)誤!未定義書(shū)簽。3.2設(shè)計(jì)過(guò)程錯(cuò)誤!未定義書(shū)簽。3.3設(shè)計(jì)結(jié)果錯(cuò)誤!未定義書(shū)簽。四.結(jié)論與心得錯(cuò)誤!未定義書(shū)簽。一.課程設(shè)計(jì)目的一、實(shí)驗(yàn)概述：利用表格、框架、層和鏈接設(shè)計(jì)頁(yè)面（各頁(yè)面之間要有鏈接），使用數(shù)據(jù)庫(kù)做一個(gè)留言板1.1實(shí)驗(yàn)?zāi)康募耙螅耗康募耙螅哼\(yùn)用所學(xué)《網(wǎng)頁(yè)設(shè)計(jì)》課程的理論知識(shí)和技能，分析和解決計(jì)算機(jī)應(yīng)用實(shí)際問(wèn)題，提高網(wǎng)頁(yè)設(shè)計(jì)與制作能力；掌握利用軟硬件資源發(fā)布一個(gè)具體網(wǎng)站的操作過(guò)程。1.2實(shí)驗(yàn)原理：利用Dreamweaver,MicrosoftOfficeAccess制作一個(gè)一個(gè)小型網(wǎng)站1.3實(shí)驗(yàn)環(huán)境（使用的軟件）：Dreamweaver、MicrosoftOfficeAccess二、實(shí)驗(yàn)內(nèi)容：實(shí)驗(yàn)方案設(shè)計(jì)：1.設(shè)計(jì)一個(gè)主頁(yè)面(結(jié)構(gòu)圖如下主頁(yè)HomeDiaryGalleryPhotoCollecGuestE_MailUsagition2.制作數(shù)據(jù)庫(kù)(其實(shí)只做一個(gè)Data表就可以了)Admin表字段名稱Tid數(shù)據(jù)類型自動(dòng)編號(hào)文本說(shuō)明注冊(cè)管理員編號(hào)注冊(cè)管理員名稱注冊(cè)管理員密碼tAdmintPassword文本Data表（用來(lái)存放網(wǎng)友在留言板中所輸入的信息。）字段名稱數(shù)據(jù)類型說(shuō)明字段大小必須有數(shù)據(jù)Tid自動(dòng)編號(hào)網(wǎng)友留言編號(hào)//tNametE_mailtHomepagetOicq文本文本文本文本文本文本日期/時(shí)間網(wǎng)友姓名205010015100255是否否否是是網(wǎng)友E_mail地址網(wǎng)友主頁(yè)地址網(wǎng)友OICQtSubjecttCotenttDate網(wǎng)友留言標(biāo)題網(wǎng)友留言具體內(nèi)容網(wǎng)友留言時(shí)間默認(rèn)值輸入Now()User表字段名稱Tid數(shù)據(jù)類型說(shuō)明自動(dòng)編號(hào)文本文本文本文本文本日期/時(shí)間網(wǎng)友留言編號(hào)tName網(wǎng)友姓名（不可重復(fù)）tE_mail網(wǎng)友E_mail地址網(wǎng)友主頁(yè)地址網(wǎng)友密碼網(wǎng)友OICQtHomepagetPasswordtOicqtDate網(wǎng)友留言時(shí)間2.2實(shí)驗(yàn)過(guò)程（實(shí)驗(yàn)步驟、記錄、數(shù)據(jù)、分析）一．⑴安裝配置IIS（若配了就不用安裝）①“開(kāi)始→控制面板→添加刪除程序”②打開(kāi)“添加刪除程序”選中“Internet信息服務(wù)（IIS）”單擊進(jìn)行裝段時(shí)間等待后，屏幕上出現(xiàn)【完成“Windows組件向?qū)А薄繉?duì)話框，單擊【完成】按扭，完成了IIS的安裝③經(jīng)過(guò)一。二。主頁(yè)的制作1.生成進(jìn)站頁(yè)面，該頁(yè)面以index.html的名字保存在根目錄下（新建站點(diǎn)，在這里就介紹了）2.生成主頁(yè)及其他的頁(yè)面3.制作進(jìn)站頁(yè)面⑴用表格整體布局（插入→表格）插入一個(gè)4行一列的表格⑵添加網(wǎng)頁(yè)元素（按照要求輸入文字和圖象）⑶頁(yè)面屬性設(shè)置在頁(yè)面屬性中將背景顏色設(shè)為綠色（#99cc33）以后顏色都是這個(gè)值，文本顏色為白色（#FFFFFF）※下面的心情文章也是用表格制作的在這里就不介紹了。布局是用的幾個(gè)表格加幾個(gè)連接就搞定了其中的時(shí)間顯示用的代碼是<scriptlanguage="javascript"><!--now=newDate()hour=now.getHours()if(hour<12){document.write("現(xiàn)在是:"+now.toLocaleString())}elseif(hour<18){document.write("現(xiàn)在是:"+now.toLocaleString())}elseif(hour>=18){document.write("現(xiàn)在是:"+now.toLocaleString())}//--></script>創(chuàng)建文檔1.選擇文件→新建→模板；2.選中【當(dāng)模板改變是更新頁(yè)面】單擊【創(chuàng)建】進(jìn)入新文檔設(shè)計(jì)視圖；3.改變文檔標(biāo)題為“個(gè)人簡(jiǎn)歷”4.將光標(biāo)移到EditRegionl,輸入對(duì)應(yīng)的文字；5.保存文檔為toufashishang.htm.效果圖如下6.城市的性格和服裝百年都用上面的文檔來(lái)建。

三．留言板基本功能頁(yè)面的制作（一）創(chuàng)建數(shù)據(jù)庫(kù)打開(kāi)MicrosoftOfficeAccess“文件→新建選擇空數(shù)據(jù)庫(kù)→把數(shù)據(jù)庫(kù)存在站點(diǎn)的根目錄下→在中選擇第一個(gè)，再按照上面需要制作的依次填入如Admin表打開(kāi)Admin表顯示的是此時(shí)該數(shù)據(jù)庫(kù)就建好了，按照上面的方法建另外的兩個(gè)數(shù)據(jù)庫(kù)”創(chuàng)建ODBC數(shù)據(jù)源①選擇“開(kāi)始②在“ODBC數(shù)據(jù)源③單擊“鈕，選擇數(shù)據(jù)源類型（MicrosoftAccessDriver(*.mdb)），單擊“按鈕。④在彈出的“的名稱；在“——所有程序——控制面板——管理工具——數(shù)據(jù)源（ODBC）”。管理器”對(duì)話框中，單擊“系統(tǒng)DNS”選項(xiàng)卡。添加”按完成”O(jiān)DBCMicrosoftAccess安裝”對(duì)話框中，“數(shù)據(jù)源名”文本框中輸入數(shù)據(jù)源注釋；單擊“選擇”按鈕，在彈出的取提供數(shù)據(jù)的Access數(shù)據(jù)庫(kù)。⑤選擇數(shù)據(jù)庫(kù)文件（xx/xx.mdb）后，安裝”對(duì)話框中。說(shuō)明”文本框中可輸入對(duì)該數(shù)據(jù)庫(kù)的“選擇數(shù)據(jù)庫(kù)”對(duì)話框中選單擊“確定”按鈕，返回到“ODBCMicrosoftAccess⑥用戶可以看到新增了一個(gè)ODBC數(shù)據(jù)源，為以后建立與數(shù)據(jù)庫(kù)的連接做好準(zhǔn)備。5．創(chuàng)建DSN連接①在DW的“應(yīng)用程序”面板中單擊“數(shù)據(jù)庫(kù)”選項(xiàng)卡，單擊“+”按鈕出現(xiàn)連接定義方式菜單。②選擇“數(shù)據(jù)源名稱（DSN）”項(xiàng)，③在“連接名稱”④在“數(shù)據(jù)源名稱（DSN）”下拉列表框中選擇碼”為可選項(xiàng)。彈出其對(duì)話框。文本框中輸入一個(gè)字符串作為連接名。所需的DSN，如xx.mdb。“用戶名”“和密⑤單擊“測(cè)試”按鈕，系統(tǒng)會(huì)彈出一個(gè)對(duì)話框，報(bào)告“成功創(chuàng)建連接腳本”。單擊“確定”按鈕。⑥再次單擊“中創(chuàng)建的數(shù)據(jù)表了。（二）留言板基本功能頁(yè)面的制作確定”按鈕。關(guān)閉“數(shù)據(jù)源名稱（DSN）”對(duì)話框。在數(shù)據(jù)庫(kù)面板中可以看到數(shù)據(jù)庫(kù)⑴制作管理員登錄頁(yè)面①啟動(dòng)DWMX2004，制作login.asp客戶登錄頁(yè)面。②檢查登錄表單。選擇客戶登錄頁(yè)面中的注冊(cè)表單。在“行為”面為按鈕，從彈出的檢查表單”行為命令，在彈出的對(duì)話框中做如下設(shè)置。板中單擊“+”添加行菜單中選擇“在“命名的欄位”列表框中做如下的檢查表單項(xiàng)設(shè)置：“文本tName”的“值”設(shè)置為“必需的”，“可接受”選項(xiàng)中選中“任何東西”?！拔谋総Password”的“值”設(shè)置為“必需的”，“可接受”選項(xiàng)中選中“任何東西”。③單擊“確定”按鈕，完成檢查登錄表單的設(shè)置，并將該行為的事件設(shè)置為onSubmit。④驗(yàn)證客戶登錄信息是否為客戶登記表中的合法用戶。在“服務(wù)器行為”選項(xiàng)卡中單擊“+”按鈕，從彈出的菜單中執(zhí)行“用戶身份驗(yàn)證——登錄用戶”服務(wù)器行為命令。在打開(kāi)的對(duì)話框中，做如下設(shè)置。⑵構(gòu)建留言頁(yè)面獲取客戶留言頁(yè)由以下部分組成：一個(gè)允許用戶輸入數(shù)據(jù)的HTML表單（留言板）。一個(gè)用于更新數(shù)據(jù)庫(kù)的“插入記錄”服務(wù)器行為。插入頁(yè)首先通過(guò)用戶填寫(xiě)留言信息提交留言板表單。然后通過(guò)檢查表單行為，驗(yàn)證表單的填寫(xiě)是否正確。如：是否輸入用戶名和留言內(nèi)容等信息。輸入有誤或不符合要求重新輸入留言板信息，輸入無(wú)誤則將“留言板信息”插入到數(shù)據(jù)庫(kù)表中。具體步驟如下：則提示用戶①啟動(dòng)DWMX2004，制作客戶留言頁(yè)面new.asp。②打開(kāi)“服務(wù)器行為”選項(xiàng)卡。③單擊“+”按鈕，從彈出的菜單中選擇“插入記錄”選項(xiàng)，在打開(kāi)的對(duì)話框中做如下設(shè)置。④單擊“確定”按鈕，確定“插入記錄”服務(wù)器行為的設(shè)置。在“服務(wù)器面板”中便會(huì)出現(xiàn)插入記錄行為。⑤對(duì)完成的插入頁(yè)面進(jìn)行保存，便完成了插入頁(yè)面的制作。⑶顯示留言顯示客戶留言頁(yè)面由以下部分組成：使用DW設(shè)計(jì)工具布置留言詳細(xì)頁(yè)面。為頁(yè)面定義一個(gè)記錄集，詳細(xì)頁(yè)將從此記錄集中提取記錄的詳細(xì)信息。將記錄集中的各項(xiàng)綁定到該頁(yè)面。留言頁(yè)面首先通過(guò)記錄集獲取數(shù)據(jù)庫(kù)表中相關(guān)的留言信息，在顯示留言頁(yè)面中顯示出來(lái)。1.設(shè)置重復(fù)區(qū)域通常在顯示客戶留言的頁(yè)面中，總是希望能夠顯示多條留言。這樣做能方便地對(duì)客戶留言做系統(tǒng)的分析和合理的比較。具體的操作方法如下：①選中顯示內(nèi)容的表格。②在“服務(wù)器行為”選項(xiàng)卡中單擊“+”按鈕，從彈出的菜單中選擇“重復(fù)區(qū)域”選項(xiàng)。并做如下設(shè)置。③單擊“確定”按鈕，完成每頁(yè)顯示5條記錄的重復(fù)區(qū)域設(shè)置。2.記錄集導(dǎo)航條在留言板的顯示頁(yè)面中建立記錄集導(dǎo)航條，能夠方便網(wǎng)絡(luò)管理者對(duì)客戶留言信息檢查和翻頁(yè)。具體操作如下：①將光標(biāo)停留在需插入記錄集導(dǎo)航條的單元格內(nèi)。②在文檔窗口菜單欄中執(zhí)行“插入——應(yīng)用程序?qū)ο蟆涗浖猪?yè)——記錄導(dǎo)航條”菜單命令。打開(kāi)其對(duì)話框，并做如下設(shè)置。③單擊“確定”按鈕，完成記錄集導(dǎo)航條設(shè)置。3.設(shè)置記錄集導(dǎo)航狀態(tài)通過(guò)該操作，可以完成對(duì)數(shù)據(jù)庫(kù)中所有記錄集的統(tǒng)計(jì)工作。具體操作如下：①將光標(biāo)停留在需插入記錄集導(dǎo)航②在文檔窗口菜單欄中航狀態(tài)”菜單狀態(tài)的單元格內(nèi)。選擇“插入——應(yīng)用程序?qū)ο蟆@示記錄計(jì)數(shù)——記錄集導(dǎo)命令，打開(kāi)其對(duì)話框，并做如下設(shè)置。⑷管理留言1．管理機(jī)制分析在此通過(guò)服務(wù)器行為來(lái)管理留言板，可以將不健康的留言從數(shù)據(jù)表中刪除，維護(hù)良好的留言環(huán)境。刪除留言首先在顯示留言頁(yè)面中選擇需刪除的留言記錄，并以特定的記錄轉(zhuǎn)到刪除留言頁(yè)面。在刪除留言頁(yè)面中通過(guò)用戶的管理員身份驗(yàn)證后，將所選擇的留言記錄從數(shù)據(jù)庫(kù)表中刪除。2．刪除留言要實(shí)現(xiàn)刪除留言的效果，請(qǐng)執(zhí)行下列操作：①使用“轉(zhuǎn)到詳細(xì)頁(yè)面”服務(wù)器行為。啟動(dòng)DW，打開(kāi)index.asp顯示留言頁(yè)面，并在該頁(yè)面中選擇“刪除留言”文本。在“服務(wù)器行為”選項(xiàng)卡中單擊“+”按鈕，從中選擇“轉(zhuǎn)到詳細(xì)頁(yè)面”選項(xiàng)，并做如下設(shè)置。②使用“移至特定記錄”服務(wù)器行為。在“服務(wù)器行為”選項(xiàng)卡中單擊“+”按鈕，從彈出的菜單中選擇“記錄集分頁(yè)——移至特定記錄”服務(wù)器行為，并做如下設(shè)置。③建立記錄集。制作del.asp文件，并在頁(yè)面中建立如下記錄集④綁定記錄集到del.asp頁(yè)面⑤刪除記錄。在“服務(wù)器行為”選項(xiàng)卡中單擊“+”按鈕，從中選擇“刪除記錄”服務(wù)器行為，并做如下設(shè)置。⑥單擊“確定”按鈕，對(duì)文檔進(jìn)行保存，完成留言板的制作。⑦附加一點(diǎn)，為了限制普通用戶不能隨意具有刪除留言的功能，因此，還可以加一項(xiàng)“限制對(duì)頁(yè)的訪問(wèn)”。執(zhí)行“服務(wù)器行為——“+”號(hào)按鈕——用戶身份驗(yàn)證——限制對(duì)頁(yè)的訪問(wèn)”，在打開(kāi)的對(duì)話框中，做如下設(shè)置。最后對(duì)文檔保存，完成留言板基本功能的制作四.把所有的都連接起來(lái)就完成了主頁(yè)面，最后瀏覽上傳。2.3實(shí)驗(yàn)結(jié)論（結(jié)果）：所有的連接都能夠達(dá)到要達(dá)到的效果，所有的頁(yè)面都能瀏覽，不會(huì)出先該網(wǎng)頁(yè)無(wú)法第一