web(.asp)網(wǎng)站設計課程設計報告(實訓報告)

1、湖南婁底職業(yè)技術(shù)學院web網(wǎng)站設計課程設計報告設計題目: 個人網(wǎng)站 系 部: 電子信息工程系 專 業(yè): 計算機網(wǎng)絡 學生姓名: 陳贊林 學 號: 306020109 起迄日期：2009年12月29日 2010 年01月02日指導教師： 羅金玲 教研室主任： web網(wǎng)站設計實訓報告班 級：06網(wǎng)高一班姓 名：陳贊林實訓地點：實訓樓指導老師：羅金玲年 月 日：2010年01月02一、實驗目的運用已經(jīng)掌握的知識完成網(wǎng)站。通過此次設計可以達到全面理解、運用網(wǎng)頁制作的知識，并使之得以融會貫通，在掌握運用Dreamweaver8 flash 8 fireworks 8 Photoshop制作網(wǎng)頁的基礎上再

2、加以實踐，進一步提高、加強自身的綜合能力。二、實訓準備確定風格、確定主色調(diào)、及網(wǎng)頁的主體外觀、欄目的規(guī)劃。收集網(wǎng)頁制作所需的相關(guān)資料和素材，并通過圖像處理軟件對圖片進行加工處理。三、實訓要求主題鮮明、內(nèi)容充實；顏色明快、醒目、結(jié)構(gòu)合理；導航清楚、欄目合理、層次分明、使用方便設計8至15個頁面。內(nèi)含：用戶注冊，登錄系統(tǒng)，留言系統(tǒng)、統(tǒng)計在線人數(shù)，設為首頁、加為收藏等動態(tài)網(wǎng)頁內(nèi)容。四、實訓內(nèi)容（步驟及程序）實驗方案設計：1.設計一個主頁面(結(jié)構(gòu)圖如下)主頁首頁相冊日記視頻uest留言檔案sagi2.制作數(shù)據(jù)庫(其實只做一個Data表就可以了)表一（用戶注冊）字段名稱數(shù)據(jù)類型說明yh文本注冊管理員名稱

3、mm文本注冊管理員密碼表二（用來存放網(wǎng)友在留言板中所輸入的信息。）yh文本網(wǎng)友姓名是em文本網(wǎng)友E_mail地址否zt文本網(wǎng)友留言主題否rl文本網(wǎng)友留言內(nèi)容否實驗過程（實驗步驟、記錄、數(shù)據(jù)、分析）（一）安裝配置IIS（若配了就不用安裝） “開始控制面板添加刪除程序” 打開“添加刪除程序”選中“Internet信息服務（IIS）”單擊進行裝經(jīng)過一段時間等待后，屏幕上出現(xiàn)【完成“Windows 組件向?qū)А薄繉υ捒颍瑔螕簟就瓿伞堪磁?，完成了IIS的安裝。（二 ）。主頁的制作1.生成進站頁面，該頁面以index.html的名字保存在根目錄下（新建站點，在這里就介紹了）2.生成主頁及其他的頁面3.制作進

4、站頁面 用表格整體布局（插入表格）插入一個4行一列的表格 添加網(wǎng)頁元素（按照要求輸入文字和圖象） 頁面屬性設置 在頁面屬性中將背景顏色設為綠色（#99cc33）以后顏色都是這個值，文本顏色為白色（#FFFFFF）下面的心情文章也是用表格制作的在這里就不介紹了。 布局是用的幾個表格加幾個連接就搞定了 其中的時間顯示用的代碼是 !-now = new Date()hour = now.getHours()if (hour 12) document.write(現(xiàn)在是: + now.toLocaleString() else if (hour = 18) document.write(現(xiàn)在是: +

5、now.toLocaleString()/ -創(chuàng)建文檔1.選擇文件新建模板；2.選中【當模板改變是更新頁面】單擊【創(chuàng)建】進入新文檔設計視圖；3.改變文檔標題為“個人簡歷”4.將光標移到EditRegionl,輸入對應的文字；6.城市的性格和服裝百年都用上面的文檔來建。三留言板基本功能頁面的制作（一）創(chuàng)建數(shù)據(jù)庫打開Microsoft Office Access“文件新建選擇空數(shù)據(jù)庫把數(shù)據(jù)庫存在站點的根目錄下在中選擇第一個，再按照上面需要制作的依次填入如用戶表打開表一顯示的是此時該數(shù)據(jù)庫就建好了，按照上面的方法建另外的兩個數(shù)據(jù)庫”創(chuàng)建ODBC數(shù)據(jù)源選擇“開始所有程序控制面板管理工具數(shù)據(jù)源（ODBC

6、）”。在“ODBC數(shù)據(jù)源管理器”對話框中，單擊“系統(tǒng)DNS”選項卡。單擊“添加”按鈕，選擇數(shù)據(jù)源類型（Microsoft Access Driver (*.mdb)），單擊“完成”按鈕。在彈出的“ODBC Microsoft Access 安裝”對話框中，“數(shù)據(jù)源名”文本框中輸入數(shù)據(jù)源的名稱；在“說明”文本框中可輸入對該數(shù)據(jù)庫的注釋；單擊“選擇”按鈕，在彈出的“選擇數(shù)據(jù)庫”對話框中選取提供數(shù)據(jù)的Access數(shù)據(jù)庫。選擇數(shù)據(jù)庫文件（xx/xx.mdb）后，單擊“確定”按鈕，返回到“ODBC Microsoft Access 安裝”對話框中。用戶可以看到新增了一個ODBC數(shù)據(jù)源，為以后建立與數(shù)據(jù)庫

7、的連接做好準備。5創(chuàng)建DSN連接在DW的“應用程序”面板中單擊“數(shù)據(jù)庫”選項卡，單擊“+”按鈕出現(xiàn)連接定義方式菜單。選擇“數(shù)據(jù)源名稱（DSN）”項，彈出其對話框。在“連接名稱”文本框中輸入一個字符串作為連接名。在“數(shù)據(jù)源名稱（DSN）”下拉列表框中選擇所需的DSN，如xx.mdb?！坝脩裘焙汀懊艽a”為可選項。單擊“測試”按鈕，系統(tǒng)會彈出一個對話框，報告“成功創(chuàng)建連接腳本”。單擊“確定”按鈕。再次單擊“確定”按鈕。關(guān)閉“數(shù)據(jù)源名稱（DSN）”對話框。在數(shù)據(jù)庫面板中可以看到數(shù)據(jù)庫中創(chuàng)建的數(shù)據(jù)表了。（二）留言板基本功能頁面的制作(1)制作用戶登錄頁面啟動DW，制作dl.asp客戶登錄頁面。檢查登錄

8、表單。選擇客戶登錄頁面中的注冊表單。在“行為”面板中單擊“+”添加行為按鈕，從彈出的菜單中選擇“檢查表單”行為命令，在彈出的對話框。在“命名的欄位”列表框中做如下的檢查表單項設置：“文本yh”的“值”設置為“必需的”，“可接受”選項中選中“任何東西”?！拔谋緈m”的“值”設置為“必需的”，“可接受”選項中選中“任何東西”。單擊“確定”按鈕，完成檢查登錄表單的設置，并將該行為的事件設置為onSubmit。驗證客戶登錄信息是否為客戶登記表中的合法用戶。在“服務器行為”選項卡中單擊“+”按鈕，從彈出的菜單中執(zhí)行“用戶身份驗證登錄用戶”服務器行為命令。在打開的對話框中，做如下設置。構(gòu)建留言頁面獲取客戶

9、留言頁由以下部分組成：一個允許用戶輸入數(shù)據(jù)的HTML表單（留言板）。一個用于更新數(shù)據(jù)庫的“插入記錄”服務器行為。插入頁首先通過用戶填寫留言信息提交留言板表單。然后通過檢查表單行為，驗證表單的填寫是否正確。如：是否輸入用戶名和留言內(nèi)容等信息。輸入有誤或不符合要求則提示用戶重新輸入留言板信息，輸入無誤則將“留言板信息”插入到數(shù)據(jù)庫表中。具體步驟如下：啟動Dreamweaver8，制作客戶留言頁面ny.asp。打開“服務器行為”選項卡。單擊“+”按鈕，從彈出的菜單中選擇“插入記錄”選項，在打開的對話框中做如下設置。 單擊“確定”按鈕，確定“插入記錄”服務器行為的設置。在“服務器面板”中便會出現(xiàn)插入記

10、錄行為。對完成的插入頁面進行保存，便完成了插入頁面的制作。 顯示留言顯示客戶留言頁面由以下部分組成：使用DW設計工具布置留言詳細頁面。為頁面定義一個記錄集，詳細頁將從此記錄集中提取記錄的詳細信息。將記錄集中的各項綁定到該頁面。留言頁面首先通過記錄集獲取數(shù)據(jù)庫表中相關(guān)的留言信息，在顯示留言頁面中顯示出來。1.設置重復區(qū)域通常在顯示客戶留言的頁面中，總是希望能夠顯示多條留言。這樣做能方便地對客戶留言做系統(tǒng)的分析和合理的比較。具體的操作方法如下：選中顯示內(nèi)容的表格。在“服務器行為”選項卡中單擊“+”按鈕，從彈出的菜單中選擇“重復區(qū)域”選項。并做如下設置。 單擊“確定”按鈕，完成每頁顯示5條記錄的重復

11、區(qū)域設置。2.記錄集導航條在留言板的顯示頁面中建立記錄集導航條，能夠方便網(wǎng)絡管理者對客戶留言信息檢查和翻頁。具體操作如下：將光標停留在需插入記錄集導航條的單元格內(nèi)。在文檔窗口菜單欄中執(zhí)行“插入應用程序?qū)ο笥涗浖猪撚涗泴Ш綏l”菜單命令。打開其對話框，并做如下設置。單擊“確定”按鈕，完成記錄集導航條設置。3.設置記錄集導航狀態(tài)通過該操作，可以完成對數(shù)據(jù)庫中所有記錄集的統(tǒng)計工作。具體操作如下：將光標停留在需插入記錄集導航狀態(tài)的單元格內(nèi)。在文檔窗口菜單欄中選擇“插入應用程序?qū)ο箫@示記錄計數(shù)記錄集導航狀態(tài)”菜單命令，打開其對話框，并做如下設置。建立記錄集。制index.asp文件，并在頁面中建立如下記錄集 綁定記錄集到index.asp頁面 附加一點，為了限制普通用戶，因此，還可以加一項“限制對頁的訪問”。執(zhí)行“服務器行為“+”號按鈕用戶身份驗證限制對 頁的訪問”，在打開的對話框中，做如下設置。最后對文檔保存，完成留言板基本功能的制作五、實訓結(jié)果（結(jié)果分析）所有的連接都能夠達到要達到的效果，所有的頁面都能瀏覽，不會出先該網(wǎng)頁無法六、實訓心得一學期過去了，通過這一學期學習Dreamweaver，讓我從不懂網(wǎng)頁設計的門外漢學會了如何制作網(wǎng)頁，學會了HTML語言。學會了一些A