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

《網(wǎng)頁設計與制作課程設計圖書在線系統(tǒng)》由會員分享，可在線閱讀，更多相關(guān)《網(wǎng)頁設計與制作課程設計圖書在線系統(tǒng)（19頁珍藏版）》請在裝配圖網(wǎng)上搜索。

網(wǎng)頁設計與制作題目：圖書在線系統(tǒng)學生姓名學號班級成績指導教師管理系2011 年 6 月 14 日目 錄一、目的和意義二、題目和要求三、內(nèi)容3.1圖書在線系統(tǒng)的介紹3.2網(wǎng)站功能的實現(xiàn)(圖表)3.3網(wǎng)站重要頁面的代碼3.4網(wǎng)站的維護與使用四、成果以及心得19一、目的和意義檢驗學生對本課程的最終學習效果，加深對網(wǎng)頁設計與制作的基本知識的理解，網(wǎng)頁設計與制作技能綜合運用和提高，通過真實工作任務，使學生能設計出有一定水平的網(wǎng)頁并解決培養(yǎng)解決實際問題的能力，掌握實際網(wǎng)頁設計與制作開發(fā)流程和開發(fā)方法。具體應達到以下目的：1提高學生在實際操作中收集信息，對信息進行價值判斷，進行信息整理、加工的能力。2在實際的項目任務中培養(yǎng)網(wǎng)頁設計方面的素養(yǎng)。3在實際的項目任務中使學生網(wǎng)頁編程和制作的能力得到提高。4培養(yǎng)學生團隊協(xié)作和人際交往方面的能力。5. 培養(yǎng)相關(guān)知識和技能的綜合應用能力。二、題目和要求應從專業(yè)網(wǎng)站建設的實際出發(fā)。具體要求如下：1. 網(wǎng)站的選題自選。2. 站點設計合理、管理有序、無多余文件和文件夾、大小合適。首頁命名要規(guī)范，存放位置要正確，不可以是zhuye.htm、main.htm、我的主頁.htm等。主頁文件名應該使用index或default等。其他文件或文件名命名也要規(guī)范，不使用漢字或帶有空格的名稱。最好是符合各種系統(tǒng)命名規(guī)則。3. 站點至少要有三層結(jié)構(gòu)，頁面數(shù)不得少于8頁；其中一頁必須是留言板；4. 自選主題，主題內(nèi)容要合法、健康、實用。5. 網(wǎng)頁要有版權(quán)說明；6. 要仔細考慮網(wǎng)站定位。分析面向的潛在訪客群體的需求特點，選擇內(nèi)容和版式。7. 網(wǎng)站主題突出、內(nèi)容豐富；8. 網(wǎng)站與網(wǎng)頁風格應該協(xié)調(diào)一致，網(wǎng)站結(jié)構(gòu)應層次分明，內(nèi)容重點突出，頁面設計要符合追求色彩的搭配、布局和合理性，以及要有一定的創(chuàng)意。9.各頁面設計合理、美觀，有創(chuàng)意。圖片動畫選用要適合主題，不要在網(wǎng)頁中插入不相干的圖片。適用于各種顯示器的分辨率和顏色。不要太寬，否則顯示器分辨率小時會出現(xiàn)水平滾動條。10.各個頁面之間的鏈接要合理有效，路徑要正確（相對路徑）；11.注意網(wǎng)站的大小，圖片保存格式和圖片大小要合適；12. 代碼結(jié)構(gòu)清晰，無垃圾代碼三、內(nèi)容 3.1圖書在線系統(tǒng)的介紹本在線系統(tǒng)，的主要作用就是用來管理的出售圖書的，它的主頁面有2個其中后臺服務一個，前臺服務一個，二級頁面有4個，還有部分三級頁面，主要能實現(xiàn)圖書的在線購買，查詢等功能。后臺能實現(xiàn)圖書數(shù)據(jù)庫的管理，可以瀏覽、修改、添加、刪除圖書，還可實現(xiàn)會員的管理，與ACCESS數(shù)據(jù)庫連接。3.2網(wǎng)站功能的實現(xiàn)(圖表)3.3網(wǎng)站重要頁面的代碼圖一所示，是網(wǎng)頁的主頁面，前臺。（一）、網(wǎng)站的前臺可實現(xiàn)在線購買，用戶登錄，用戶名申請，用戶注冊，管理員登陸，圖書的分類查詢，留言管理等功能。設計代碼如下：書籍一覽 function openwin(id) window.open(shopcart.asp?mode=add&itemno=+id,height=250,width=450,resizable=yes,scrollbars=yes,status=no,toolbar=no,menubar=yes,location=no); 用戶登錄 昵稱 密碼 新用戶注冊 昵稱 圖書分類查詢 分類 教育類 烹飪類 企業(yè)類 法律類 其他 管理員登錄 身份 密碼 留言管理 內(nèi)容 標題 昵稱 書籍一覽 % if rs(photo) then response.write % 書名：作者：單價：簡介： % Response.Write 購買% 1.點擊購買到如下頁面可實現(xiàn)如下功能，繼續(xù)購買，改變數(shù)量，和結(jié)賬。設計代碼如下：購物車你的購物籃包括以下物品: 數(shù)量 編號. 書名 價格 小計 2 中國名廚技巧博覽 198 198 總計 ￥198.00 2.用戶登錄，用戶名申請，用戶注冊，管理員登陸，圖書的分類查詢，留言管理等。用戶登錄頁面：可查看用戶自身的信息和修改信息用戶注冊頁面:可按照提示填寫信息，注冊新用戶。還有圖書分類頁面、管理員登陸頁面、留言管理頁面等。（二）、網(wǎng)站的后臺1.后臺的主頁面如下圖：可實現(xiàn)圖書數(shù)據(jù)庫的瀏覽、修改、添加、刪除等功能。設計代碼如下：網(wǎng)上書店管理 網(wǎng)上書店管理 圖書數(shù)據(jù)庫 瀏覽 修改 添加 刪除 顧客數(shù)據(jù)庫 瀏覽 修改 添加 刪除 定單數(shù)據(jù)庫 瀏覽 修改 添加 刪除  返回 2002.10.22 1. 點擊瀏覽，進入瀏覽頁面設計代碼如下： 瀏覽圖書 圖書管理(瀏覽頁面) 中小企業(yè)拓展方略 教女成鳳的藝術(shù) 教子成龍的藝術(shù) 金榜題名的藝術(shù) 未來颶風 百鳥薈萃 著名律師精彩辯詞 中外調(diào)味大全 中國名廚技巧博覽 高中英語超快突破手冊 點擊提交：設計代碼如下： 圖書詳細信息瀏覽 書籍瀏覽 書  名作者單價類別 出版社照片數(shù)量 華夏文化藝術(shù)中心現(xiàn)向您推薦由廖加彬編著、吉林教育出版社出版的具有很強實用性的高中英語超快突破手冊高一、高二、高三版。本書針對現(xiàn)代中學生的學習特點和現(xiàn)狀進行了精心設計，以減少廣大中學生的記憶壓力為目的，做到用最少的時間和精力，取得最佳詞匯記憶效果。 2. 點擊修改，進入修改頁面設計代碼如下： 選擇要修改的圖書 圖書管理(修改選擇) 中小企業(yè)拓展方略 教女成鳳的藝術(shù) 教子成龍的藝術(shù) 金榜題名的藝術(shù) 未來颶風 百鳥薈萃 著名律師精彩辯詞 中外調(diào)味大全 中國名廚技巧博覽 高中英語超快突破手冊 點擊提交：設計代碼如下：修改圖書 圖書修改 書  名作者單價類別 出版社照片數(shù)量 華夏文化藝術(shù)中心現(xiàn)向您推薦由廖加彬編著、吉林教育出版社出版的具有很強實用性的高中英語超快突破手冊高一、高二、高三版。本書針對現(xiàn)代中學生的學習特點和現(xiàn)狀進行了精心設計，以減少廣大中學生的記憶壓力為目的，做到用最少的時間和精力，取得最佳詞匯記憶效果。 3. 點擊添加，進入添加圖書頁面4. 點擊刪除，進入刪除圖書頁面1.后臺的Access共有四張表如下圖：用戶信息管理表：圖書信息表：購買信息表：用戶留言表：3.4網(wǎng)站的維護與使用 此網(wǎng)站是小型網(wǎng)站，維護起來方便簡潔，主要有技術(shù)層面的和用戶需求層面兩個方面：1. 技術(shù)層面的維護即代碼的實現(xiàn)。2. 用戶需求層面的維護向用戶調(diào)研，根據(jù)需求逐步完善網(wǎng)站，主要需調(diào)查以下幾點：1）、 網(wǎng)站當前以及日后可能出現(xiàn)的功能需求。 2）、 客戶對網(wǎng)站的性能（如訪問速度）的要求和可靠性的要求。 3）、 確定網(wǎng)站維護的要求。 4）、 網(wǎng)站的實際運行環(huán)境。 5)、 網(wǎng)站頁面總體風格以及美工效果（必要的時候用戶可以提供參考站點或者由公司向用戶提供）。 6)、 主頁面和次級頁面數(shù)量，是否需要多種語言版本等 四、成果以及心得通過對這門課的學習，外加此次課程考核，即這次的在線圖書管理系統(tǒng)的建設，我對網(wǎng)頁設計有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設計應該具備以下一些基本原則1 確定網(wǎng)頁設計的內(nèi)容一個優(yōu)秀的風站要有一個明確的主題,整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設計之前要明確你這個網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用。2 了解你網(wǎng)站所在行業(yè)的客戶用戶是一個網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設計,只會讓用戶失望的離去.3、做一個典型用戶不以用戶身份親身體驗網(wǎng)站你才能發(fā)現(xiàn)問題，才知道那些需要改進，盡量不要讓客戶去發(fā)現(xiàn)問題，在前期設計時就應該把這些問題解決。4 優(yōu)化內(nèi)容 內(nèi)容是整個網(wǎng)站的核心。在網(wǎng)站設計之前必須明確網(wǎng)站的內(nèi)容安排。優(yōu)秀網(wǎng)頁設計是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個網(wǎng)站時，可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來，尤其要制作一個大的網(wǎng)站 (有很多頁面) 的時候，特別需要把這個架構(gòu)規(guī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)