網(wǎng)頁(yè)設(shè)計(jì)與制作課程設(shè)計(jì)圖書在線系統(tǒng)

1、網(wǎng)頁(yè)設(shè)計(jì)與制作題目：圖書在線系統(tǒng)學(xué)生姓名學(xué)號(hào)班級(jí)成績(jī)指導(dǎo)教師管理系2011 年 6 月 14 日目 錄一、目的和意義二、題目和要求三、內(nèi)容3.1圖書在線系統(tǒng)的介紹3.2網(wǎng)站功能的實(shí)現(xiàn)(圖表)3.3網(wǎng)站重要頁(yè)面的代碼3.4網(wǎng)站的維護(hù)與使用四、成果以及心得19一、目的和意義檢驗(yàn)學(xué)生對(duì)本課程的最終學(xué)習(xí)效果，加深對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作的基本知識(shí)的理解，網(wǎng)頁(yè)設(shè)計(jì)與制作技能綜合運(yùn)用和提高，通過(guò)真實(shí)工作任務(wù)，使學(xué)生能設(shè)計(jì)出有一定水平的網(wǎng)頁(yè)并解決培養(yǎng)解決實(shí)際問(wèn)題的能力，掌握實(shí)際網(wǎng)頁(yè)設(shè)計(jì)與制作開發(fā)流程和開發(fā)方法。具體應(yīng)達(dá)到以下目的：1提高學(xué)生在實(shí)際操作中收集信息，對(duì)信息進(jìn)行價(jià)值判斷，進(jìn)行信息整理、加工的能力。2在實(shí)際

2、的項(xiàng)目任務(wù)中培養(yǎng)網(wǎng)頁(yè)設(shè)計(jì)方面的素養(yǎng)。3在實(shí)際的項(xiàng)目任務(wù)中使學(xué)生網(wǎng)頁(yè)編程和制作的能力得到提高。4培養(yǎng)學(xué)生團(tuán)隊(duì)協(xié)作和人際交往方面的能力。5. 培養(yǎng)相關(guān)知識(shí)和技能的綜合應(yīng)用能力。二、題目和要求應(yīng)從專業(yè)網(wǎng)站建設(shè)的實(shí)際出發(fā)。具體要求如下：1. 網(wǎng)站的選題自選。2. 站點(diǎn)設(shè)計(jì)合理、管理有序、無(wú)多余文件和文件夾、大小合適。首頁(yè)命名要規(guī)范，存放位置要正確，不可以是zhuye.htm、main.htm、我的主頁(yè).htm等。主頁(yè)文件名應(yīng)該使用index或default等。其他文件或文件名命名也要規(guī)范，不使用漢字或帶有空格的名稱。最好是符合各種系統(tǒng)命名規(guī)則。3. 站點(diǎn)至少要有三層結(jié)構(gòu)，頁(yè)面數(shù)不得少于8頁(yè)；其中一頁(yè)必

3、須是留言板；4. 自選主題，主題內(nèi)容要合法、健康、實(shí)用。5. 網(wǎng)頁(yè)要有版權(quán)說(shuō)明；6. 要仔細(xì)考慮網(wǎng)站定位。分析面向的潛在訪客群體的需求特點(diǎn)，選擇內(nèi)容和版式。7. 網(wǎng)站主題突出、內(nèi)容豐富；8. 網(wǎng)站與網(wǎng)頁(yè)風(fēng)格應(yīng)該協(xié)調(diào)一致，網(wǎng)站結(jié)構(gòu)應(yīng)層次分明，內(nèi)容重點(diǎn)突出，頁(yè)面設(shè)計(jì)要符合追求色彩的搭配、布局和合理性，以及要有一定的創(chuàng)意。9.各頁(yè)面設(shè)計(jì)合理、美觀，有創(chuàng)意。圖片動(dòng)畫選用要適合主題，不要在網(wǎng)頁(yè)中插入不相干的圖片。適用于各種顯示器的分辨率和顏色。不要太寬，否則顯示器分辨率小時(shí)會(huì)出現(xiàn)水平滾動(dòng)條。10.各個(gè)頁(yè)面之間的鏈接要合理有效，路徑要正確（相對(duì)路徑）；11.注意網(wǎng)站的大小，圖片保存格式和圖片大小要合適；1

4、2. 代碼結(jié)構(gòu)清晰，無(wú)垃圾代碼三、內(nèi)容 3.1圖書在線系統(tǒng)的介紹本在線系統(tǒng)，的主要作用就是用來(lái)管理的出售圖書的，它的主頁(yè)面有2個(gè)其中后臺(tái)服務(wù)一個(gè)，前臺(tái)服務(wù)一個(gè)，二級(jí)頁(yè)面有4個(gè)，還有部分三級(jí)頁(yè)面，主要能實(shí)現(xiàn)圖書的在線購(gòu)買，查詢等功能。后臺(tái)能實(shí)現(xiàn)圖書數(shù)據(jù)庫(kù)的管理，可以瀏覽、修改、添加、刪除圖書，還可實(shí)現(xiàn)會(huì)員的管理，與ACCESS數(shù)據(jù)庫(kù)連接。3.2網(wǎng)站功能的實(shí)現(xiàn)(圖表)3.3網(wǎng)站重要頁(yè)面的代碼圖一所示，是網(wǎng)頁(yè)的主頁(yè)面，前臺(tái)。（一）、網(wǎng)站的前臺(tái)可實(shí)現(xiàn)在線購(gòu)買，用戶登錄，用戶名申請(qǐng)，用戶注冊(cè)，管理員登陸，圖書的分類查詢，留言管理等功能。設(shè)計(jì)代碼如下：書籍一覽 function openwin(id) w

5、indow.open(shopcart.asp?mode=add&itemno=+id,height=250,width=450,resizable=yes,scrollbars=yes,status=no,toolbar=no,menubar=yes,location=no); 用戶登錄 昵稱 密碼 新用戶注冊(cè) 昵稱 圖書分類查詢 分類 教育類 烹飪類 企業(yè)類 法律類 其他 管理員登錄 身份 密碼 留言管理 內(nèi)容 標(biāo)題 昵稱 書籍一覽 % if rs(photo) then response.write % 書名：作者：?jiǎn)蝺r(jià)：簡(jiǎn)介： % Response.Write 購(gòu)買% 1.點(diǎn)擊購(gòu)買到如

6、下頁(yè)面可實(shí)現(xiàn)如下功能，繼續(xù)購(gòu)買，改變數(shù)量，和結(jié)賬。設(shè)計(jì)代碼如下：購(gòu)物車你的購(gòu)物籃包括以下物品: 數(shù)量 編號(hào). 書名 價(jià)格 小計(jì) 2 中國(guó)名廚技巧博覽 198 198 總計(jì) ￥198.00 2.用戶登錄，用戶名申請(qǐng)，用戶注冊(cè)，管理員登陸，圖書的分類查詢，留言管理等。用戶登錄頁(yè)面：可查看用戶自身的信息和修改信息用戶注冊(cè)頁(yè)面:可按照提示填寫信息，注冊(cè)新用戶。還有圖書分類頁(yè)面、管理員登陸頁(yè)面、留言管理頁(yè)面等。（二）、網(wǎng)站的后臺(tái)1.后臺(tái)的主頁(yè)面如下圖：可實(shí)現(xiàn)圖書數(shù)據(jù)庫(kù)的瀏覽、修改、添加、刪除等功能。設(shè)計(jì)代碼如下：網(wǎng)上書店管理 網(wǎng)上書店管理 圖書數(shù)據(jù)庫(kù) 瀏覽 修改 添加 刪除 顧客數(shù)據(jù)庫(kù) 瀏覽 修改 添加

7、 刪除 定單數(shù)據(jù)庫(kù) 瀏覽 修改 添加 刪除  返回 2002.10.22 1. 點(diǎn)擊瀏覽，進(jìn)入瀏覽頁(yè)面設(shè)計(jì)代碼如下： 瀏覽圖書 圖書管理(瀏覽頁(yè)面) 中小企業(yè)拓展方略 教女成鳳的藝術(shù) 教子成龍的藝術(shù) 金榜題名的藝術(shù) 未來(lái)颶風(fēng) 百鳥薈萃 著名律師精彩辯詞 中外調(diào)味大全 中國(guó)名廚技巧博覽 高中英語(yǔ)超快突破手冊(cè) 點(diǎn)擊提交：設(shè)計(jì)代碼如下： 圖書詳細(xì)信息瀏覽 書籍瀏覽 書  名作者單價(jià)類別 出版社照片數(shù)量 華夏文化藝術(shù)中心現(xiàn)向您推薦由廖加彬編著、吉林教育出版社出版的具有很強(qiáng)實(shí)用性的高中英語(yǔ)超快突破手冊(cè)高一、高二、高三版。本書針對(duì)現(xiàn)代中學(xué)生的學(xué)習(xí)特點(diǎn)和現(xiàn)狀進(jìn)行了精心設(shè)計(jì)，以減少?gòu)V大中學(xué)

8、生的記憶壓力為目的，做到用最少的時(shí)間和精力，取得最佳詞匯記憶效果。 2. 點(diǎn)擊修改，進(jìn)入修改頁(yè)面設(shè)計(jì)代碼如下： 選擇要修改的圖書 圖書管理(修改選擇) 中小企業(yè)拓展方略 教女成鳳的藝術(shù) 教子成龍的藝術(shù) 金榜題名的藝術(shù) 未來(lái)颶風(fēng) 百鳥薈萃 著名律師精彩辯詞 中外調(diào)味大全 中國(guó)名廚技巧博覽 高中英語(yǔ)超快突破手冊(cè) 點(diǎn)擊提交：設(shè)計(jì)代碼如下：修改圖書 圖書修改 書  名作者單價(jià)類別 出版社照片數(shù)量 華夏文化藝術(shù)中心現(xiàn)向您推薦由廖加彬編著、吉林教育出版社出版的具有很強(qiáng)實(shí)用性的高中英語(yǔ)超快突破手冊(cè)高一、高二、高三版。本書針對(duì)現(xiàn)代中學(xué)生的學(xué)習(xí)特點(diǎn)和現(xiàn)狀進(jìn)行了精心設(shè)計(jì)，以減少?gòu)V大中學(xué)生的記憶壓力為目的

9、，做到用最少的時(shí)間和精力，取得最佳詞匯記憶效果。 3. 點(diǎn)擊添加，進(jìn)入添加圖書頁(yè)面4. 點(diǎn)擊刪除，進(jìn)入刪除圖書頁(yè)面1.后臺(tái)的Access共有四張表如下圖：用戶信息管理表：圖書信息表：購(gòu)買信息表：用戶留言表：3.4網(wǎng)站的維護(hù)與使用 此網(wǎng)站是小型網(wǎng)站，維護(hù)起來(lái)方便簡(jiǎn)潔，主要有技術(shù)層面的和用戶需求層面兩個(gè)方面：1. 技術(shù)層面的維護(hù)即代碼的實(shí)現(xiàn)。2. 用戶需求層面的維護(hù)向用戶調(diào)研，根據(jù)需求逐步完善網(wǎng)站，主要需調(diào)查以下幾點(diǎn)：1）、 網(wǎng)站當(dāng)前以及日后可能出現(xiàn)的功能需求。 2）、 客戶對(duì)網(wǎng)站的性能（如訪問(wèn)速度）的要求和可靠性的要求。 3）、 確定網(wǎng)站維護(hù)的要求。 4）、 網(wǎng)站的實(shí)際運(yùn)行環(huán)境。 5)、 網(wǎng)站頁(yè)

10、面總體風(fēng)格以及美工效果（必要的時(shí)候用戶可以提供參考站點(diǎn)或者由公司向用戶提供）。 6)、 主頁(yè)面和次級(jí)頁(yè)面數(shù)量，是否需要多種語(yǔ)言版本等 四、成果以及心得通過(guò)對(duì)這門課的學(xué)習(xí)，外加此次課程考核，即這次的在線圖書管理系統(tǒng)的建設(shè)，我對(duì)網(wǎng)頁(yè)設(shè)計(jì)有了更深層次得到了解，也有了更濃厚的興趣。尤其是對(duì)網(wǎng)頁(yè)制作的過(guò)程與一些技巧手法更有了另外一番了解，對(duì)網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)也有了一定的掌握。在具體的制作一個(gè)網(wǎng)頁(yè)時(shí)我了解到一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該具備以下一些基本原則1 確定網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題,整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁(yè)設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來(lái)做什么，所有頁(yè)面都是圍繞著這個(gè)內(nèi)容來(lái)制作，有了明確的內(nèi)容對(duì)排名有很重要的作用。2 了解你網(wǎng)站所在行業(yè)的客戶用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶會(huì)立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會(huì)馬上離開,這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶失望的離去.3、做一個(gè)典型用戶不以用戶身份親身體驗(yàn)網(wǎng)站你才能發(fā)現(xiàn)問(wèn)題，才知道那些需要改進(jìn)，盡量不要讓客戶去發(fā)現(xiàn)問(wèn)題，在前期設(shè)計(jì)時(shí)就應(yīng)該把這些