網上書店網站設計報告

PAGE電子商務網站建設期末作業(yè)題目：網上書店網站設計報告學院：嘉興學院商學院專業(yè)：信息管理與信息系統班級：信息101學號：201052275130姓名：楊貴文PAGE16-一網上書店需求分析隨著網絡在中國的廣泛普及，網絡支付手段的逐步完善，越來越多的中國人逐漸習慣于網上購物，習慣于鼠標點擊下訂單，送貨上門的快捷便利的購物方式。傳統書店的購書觀念正在被網上書店這一方便快捷的購書方式所沖擊。網上書店在國際互聯網上可以實現的商務功能已經越來越多樣化，從最開始的信息發(fā)布功能，到現在的在線圖書展示功能、在線洽談業(yè)務功能、在線交易功能、在線采購功能、在線客戶服務功能、在線網站管理功能等等，幾乎傳統書店所提供的功能都可以在互聯網上進行電子化的高效運作，而借助網絡的跨地域特點，更是將傳統書店的地域限制加以突破，全國各地的讀者都可以通過網絡在同一個網上書店購書，從而大大增加了客戶的數量。

為了使網上書店的投入回報和管理效益最大化，在對網上書店進行系統開發(fā)之前，必須對一系列問題進行科學的論證，如網上書店的需求分析、網上書店總體規(guī)劃、網上書店系統的功能和實施方案、網上書店的傳播與推廣、運行網上書店系統的軟件和硬件配置、網上書店的管理系統和管理方法等等。綜上所述，網上書店已經成為互聯網時代購書者的最佳選擇，必將獲得巨大的成功。二、任務概述1．網上書店的制作目標：制作功能完善的網上書店系統。2．網上書店的系統特點：(1)、簡潔美觀的操作界面美觀又簡單的操作界面對于一個網站能否吸引顧客的光顧，起著至關重要的作用。操作過于復雜或網站的設計過于沉悶都會使網上書店得不到客戶的青睞。本系統通過專業(yè)美工的精心打造，配以精致的動畫，使網上書店既時尚典雅，又動感十足，吸引廣大顧客的光臨。(2)、科學的書店管理模式系統采用多種營銷的主動推薦方式，客戶結合靈活多樣的高級檢索，能輕松的找到所需要書籍信息；通過客戶意見反饋系統和缺書登記系統，書店可以隨時把握客戶的各種新的需求和及時與客戶進行網上互動交流；通過完善的信息發(fā)布系統，客戶可以及時得到書店最新動態(tài)和新聞，掌握行業(yè)動向；后臺結構化管理模式，涵蓋了欄目設置、圖書資料編輯、用戶管理、訂單管理、基礎信息管理等等，為書店的電子化管理提供了一套良好的管理模式。(3)、完善的安全機制前臺的管理和后臺的管理完全分離，獨立的密碼校驗功能，通過md5的不可逆加密方式，核心程序對各類非法字符進行過濾，確保用戶和書店的數據有較好的安全性。(4)、會員升級系統引進會員升級機制，在書店注冊的會員有等級之分，高等級的會員會享有更高的折扣優(yōu)惠。注冊會員通過在該書店購買圖書數量的增加使其積分增加，積分增加到一定程度后等級提升。通過這個升級機制，客戶會為獲得更大的優(yōu)惠而不斷購書以積累積分，這樣將為書店招攬一大批忠實的客戶，從而獲得喜人的收益。(5)、圖書收藏系統圖書收藏系統給客戶提供一個可以收藏喜愛圖書的收藏夾，客戶可以在收藏夾里放入自己喜愛的圖書，放入收藏夾里的圖書一般是客戶在瀏覽網上書店時看中而又不想馬上下訂單的圖書，當客戶方便下訂單的時候，可以直接從收藏夾里找出之前看中的圖書，直接下訂單，這樣就節(jié)省了客戶再次查找的麻煩，也增加了客戶瀏覽網上書店的頻率，這樣客戶可以不必等到要買書的時候才登錄書店，可以隨時登錄，隨時收藏喜愛的圖書，為以后的下訂單作好準備。三、系統功能說明書店首頁——分類清晰、操作方便前臺作為與用戶直接交互的界面，在考慮功能的同時，也考慮了操作的簡潔和方便性，目的是讓大多數不在懂電腦操作的客戶，也能輕松的享受電子商務給他們帶來的便利。(a)、前臺主要功能包括注冊/登錄（支持個人和團體用戶）、我的帳戶、新聞發(fā)布、書店介紹、聯系方式、圖書查詢、圖書高級查詢、圖書分類瀏覽、圖書展示、熱門推薦，精品推薦、意見反饋、在線幫助、訂單管理、友情鏈接功能等等。（b）、信息的實時發(fā)布網上書店新聞讓客戶對充分了解書店的動向，決策，行業(yè)新聞則可用來發(fā)布本行業(yè)或相關行業(yè)的動態(tài)，讓客戶及時了解行業(yè)變化，掌握最新的行業(yè)法律法規(guī)。24小時滾動播出的公告，反映的是網上書店的實時消息。（c）、多種檢索方式傳統書店最困惑的就是購書時的盲目性，找一本書，需花費大量的時間和精力，網上書店這方向的困惑已經得到了徹底的解決，數據庫的高效檢索，讓客戶找書不再煩惱。本系統運用了先進的檢索方式，包括模糊查詢，按出版社、按ISBN號，按分類，按圖書價格范圍，按作者，按標題等多種查詢方法，同時查詢方法簡單易懂。（d）、靈活多樣的圖書展示區(qū)網站前臺圖書顯視欄目分為以下幾種方式：

(1)新書上架(2)精品推薦(3)關注排行(4)銷售排行(5)圖書詳細分類（e）、意見反饋系統這是一個書店與客戶互動的關鍵系統，包括通常留言板的功能；包含一個意見箱，客戶能隨時寫下對書店的建議和意見；當你的服務沒有得到滿足或對書店員工的做法不滿的時候，通過這個系統你可以把你的不滿提交給書店的高層，進行投訴；如果客戶對公司某產品感興趣，還可以提交合作的請求。這個系統解決了傳統留言板信息開放的權限，有針對性的把信息提交給相關人員，便于及時處理客戶碰到的各種問題。這是一個多功能的系統，這個系統將是書店了解客戶，提高服務質量的一個橋梁，這也是本系統比較有特色的模塊。(1)留言板(2)意見箱(3)對公司的建議(4)合作意向(5)產品投訴(6)服務投訴。四網站草圖網站首頁結構圖首頁預覽五設計過程（1）首頁的設計關鍵代碼<LINKhref="image/style.css"type=text/cssrel=stylesheet><TABLEcellSpacing=0cellPadding=0width=778align=centerborder=0><TBODY><TR><TD><ahref="index.htm"><IMGsrc="image/menu_1.png"border=0></a></TD><TD><IMGsrc="image/jiaocai.gif"border=0><!--/a--></TD><TD><IMGsrc="image/menu_3.png"border=0><!--/a--></TD><TD><ahref="xinshu.html"><IMGsrc="image/menu_4.png"border=0></a></TD><TD><IMGsrc="image/menu_5.png"border=0></TD><TD><ahref="fenlei.html"><IMGheight=32src="image/menu_6.png"width=85border=0></a></TD><TD><IMGheight=32src="image/menu_7.png"width=279></TD></TR></TBODY></TABLE><TABLEcellSpacing=0cellPadding=0width=778align=centerborder=0><TBODY><TR><TD><IMGheight=117src="image/banner.jpg"width=778></TD></TR></TBODY></TABLE><TABLEwidth="778"border=0align="center"cellPadding=0cellSpacing=0><TBODY><TR><TDalign=leftvAlign=top><imgsrc="image/lmdh.gif"alt=""width="162"height="23"></TD><TDalign=leftvAlign=top><imgsrc="image/xssj.gif"alt="1"width=221height=28align="middle"></TD></TR><TR><TDwidth="84"align=middlevAlign=top><tablewidth="100%"border="0"><tr><td><tablewidth="88%"border="0"align="left"cellpadding="0"cellspacing="2"><tr><tdwidth="104"><imgsrc="image/next.gif"alt="1"width="14"height="16"> <ahref="jianjie.html"> 書店簡介</a></td></tr><tr><td><imgsrc="image/next.gif"alt="1"width="14"height="16"> 購書需知</td></tr><tr><td><imgsrc="image/next.gif"alt="1"width="14"height="16">  簡要新聞</td></tr><tr><tdnowrap><imgsrc="image/next.gif"alt="1"width="14"height="16"> 網站優(yōu)惠通知</td></tr></table></td></tr><tr><td> </td></tr><tr><td><tablewidth="88%"border="0"align="left"cellpadding="0"cellspacing="2"><tr><tdwidth="104"><imgsrc="image/cxtsph.gif"width="162"height="32"></td></tr><tr><td><tablecellspacing="4"cellpadding="0"><TR><TDvAlign="top"width="151"><p>會計證(北京市)</p></TD><TDvAlign="top"width="96"><p>9月出書</p></TD></TR><TR><TDvAlign="top"width="151"><p>會計證(財經版全國)</p></TD><TDvAlign="top"width="96"><p>4月出書</p></TD></TR><TR><TDvAlign="top"width="151"><p>會計師</p></TD><TDvAlign="top"width="96"><p>11月出書</p></TD></TR><TR><TDvAlign="top"width="151"><p>高級會計師</p></TD><TDvAlign="top"width="96"><p>5月出書</p></TD></TR><TR><TDvAlign="top"width="151"><p>注冊會計師</p></TD><TDvAlign="top"width="96"><p>3月出書</p></TD></TR><TR><TDvAlign="top"width="151"><p>資產評估師</p></TD><TDvAlign="top"width="96"><p>4月出書</p></TD></TR><TR><TDvAlign="top"width="151"><p>注冊稅務師</p></TD><TDvAlign="top"width="96"><p>1月出書</p></TD></TR><TR><TDvAlign="top"width="151"><p>審計師</p></TD><TDvAlign="top"width="96"><p>5月出書</p></TD></TR><TR><TDvAlign="top"width="151"><p>經濟師</p></TD><TDvAlign="top"width="96"><p>5月出書</p></TD></TR><TR><TDvAlign="top"width="151"><p>高級經濟師</p></TD><TDvAlign="top"width="96"></TD></TR><TR><TDvAlign="top"width="151"><p>計算機職稱</p></TD><TDvAlign="top"width="96"><p>7月出書</p></TD></TR><TR><TDvAlign="top"width="151"><p>職稱外語</p></TD><TDvAlign="top"width="96"><p>12月出書</p></TD></TR><TR><TDvAlign="top"width="151"><p>國家公務員考試教材</p></TD><TDvAlign="top"width="96"><p>1月出書</p></TD></TR><TR><TDvAlign="top"width="151"><p>證券業(yè)從業(yè)資格</p></TD><TDvAlign="top"width="96"><p>6月出書</p></TD></TR><TR><TDvAlign="top"width="151"><p>拍賣師</p></TD><TDvAlign="top"width="96"><p>3月出書</p></TD></TR><TR><TDvAlign="top"width="151"><p>報關員</p></TD><TDvAlign="top"width="96"><p>6月出書</p></TD></TR><TR>（2）圖書分類的頁面設計分類頁面展示圖關鍵代碼<title>圖書分類</title><LINKhref="image/style.css"type=text/cssrel=stylesheet></head><body><tablecellspacing="0"cellpadding="0"width="778"align="center"border="0"><tbody><tr><td><ahref="index.htm"><imgsrc="image/menu_1.png"alt="42"border="0"/></a></td><td><imgsrc="image/jiaocai.gif"alt="2"border="0"/><!--/a--></td><td><imgsrc="image/menu_3.png"alt="42"border="0"/><!--/a--></td><td><ahref="xinshu.html"><imgsrc="image/menu_4.png"alt="42"border="0"/></a></td><td><imgsrc="image/menu_5.png"alt="42"border="0"/></td><td><ahref="fenlei.html"><imgsrc="image/menu_6.png"alt="42"width="85"height="32"border="0"/></a></td><td><imgsrc="image/menu_7.png"alt="24"width="279"height="32"/></td></tr></tbody></table><tablecellspacing="0"cellpadding="0"width="778"align="center"border="0"><tbody><tr><td><imgheight="117"src="image/banner.jpg"width="778"/></td></tr></tbody></table><tablewidth="778"border="0"align="center"cellpadding="0"cellspacing="0"><tbody><tr><tdalign="left"valign="top"><imgsrc="image/lmdh.gif"alt=""width="162"height="23"/></td><tdalign="left"valign="top"><imgsrc="image/xssj.gif"alt="1"width="221"height="28"align="middle"/></td></tr><tr><tdwidth="84"align="middle"valign="top"><tablewidth="100%"border="0"><tr><td><tablewidth="88%"border="0"align="left"cellpadding="0"cellspacing="2"><tr><tdwidth="104"><imgsrc="image/next.gif"alt="1"width="14"height="16"/> <ahref="jianjie.html"> 書店簡介</a></td></tr><tr><td><imgsrc="image/next.gif"alt="1"width="14"height="16"/> 購書需知</td></tr><tr><td><imgsrc="image/next.gif"alt="1"width="14"height="16"/>  簡要新聞</td></tr><tr><tdnowrap="nowrap"><imgsrc="image/next.gif"alt="1"width="14"height="16"/> 網站優(yōu)惠通知</td></tr></table></td></tr><tr><td> </td></tr><tr><td><tablewidth="88%"border="0"align="left"cellpadding="0"cellspacing="2"><tr><tdwidth="104"><imgsrc="image/cxtsph.gif"width="162"height="32"/></td></tr><tr><td><tablecellspacing="4"cellpadding="0">（3）新書上架關鍵代碼<body><tablecellspacing="0"cellpadding="0"width="778"align="center"border="0"><tbody><tr><td><ahref="index.htm"><imgsrc="image/menu_1.png"alt="1"border="0"/></a></td><td><imgsrc="image/jiaocai.gif"alt="1"border="0"/><!--/a--></td><td><ahref="/sub.asp?aid=84&nid=476"><!--/a--></a></td><td><imgsrc="image/menu_4.png"alt="1"border="0"/></td><td><imgsrc="image/menu_5.png"alt="1"border="0"/></td><td><ahref="fenlei.html"><imgsrc="image/menu_6.png"alt="1"width="85"height="32"border="0"/></a></td><td><imgsrc="image/menu_7.png"alt="1"width="279"height="32"/></td></tr></tbody></table><tablecellspacing="0"cellpadding="0"width="778"align="center"border="0"><tbody><tr><td><imgsrc="image/banner.jpg"alt=""width="778"height="117"/></td></tr></tbody></table><tablewidth="778"border="0"align="center"cellpadding="0"cellspacing="0"><tbody>六、網站設計心得體會風格(style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。整體形象包括站點的版面布局，色彩，字體，瀏覽方式等…。如：我們覺得迪斯尼是生動活潑的而IBM則是專業(yè)嚴肅的。每一個網站都會給人們留下的不同感受。這里我們需要做到的是根據網站的定位做出網站特有的風格。除此我們還需要在風格同一上需要把握一下，其實這個風格的統一和傳統的印刷出版物沒什么區(qū)別。你網頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標題、注腳什么的，都要統一風格，貫穿全站。這樣子用戶看起來舒服、順暢，會對你的網站留下一個“很專業(yè)”的印象。而企業(yè)網站設計師往往就缺乏這一點，沒有全局意思。創(chuàng)意，所謂創(chuàng)意就是不拘一格？某些設計師在做創(chuàng)意的時候大費周章，做出來確實不可否認很有創(chuàng)意、很別致，但往往對于行業(yè)網站的客戶為什么不能接受呢？此時不要太責怪客戶的不識貨，應該反思，抓住客戶的需求。其實做行業(yè)網站不需要很多大的創(chuàng)意，也不要浪費過多的時間去追求如何個性、如何好看，我們只需要一點小小的創(chuàng)意貫穿全站，也許會使網站更生動更具有吸引力、更有思想，就是一個很好的案例，它把車的外形融入到網站中，使它脫穎而出。人們在閱讀某種信息時，視覺總有一種自然的流動習慣，先看什么，后看什么，再看什么。在心理學的研究表明，一般的瀏覽習慣是從上到下、從左到右，在一個平面上，上松下穩(wěn)而壓抑。同樣，平面的左松右穩(wěn)。所以平面的視覺影響力上方強于下方，左側強于右側。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。在網頁設計中一些突出或推薦的信息通常都放在這個位置。當然這種視覺流程只是一種感覺并非一種固定的公式，只要符合人們的心理順序和邏輯順序，就可以更為靈活地運用，在網頁設計中，靈活而合理地運用直接影響到傳達信息的準確與有效性。網頁布局大致可分為“國”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型，在這里就不做一一論述了。其實在我們在做設計的時候并沒有過多的去考慮什么形式，比如我們在一張紙看到一個圓形的東西，很容易可以聯想到它像太陽，而有些人則聯想到月亮等等…這都是一種形式比喻，最重要的是抓住客戶的需求，把握網站的定位做處合理的框架布局。網頁的整體寬度可分為三種設置形式：百分比、象素、象素+百分比。通常在網站建設中以象素形式最為常用，行業(yè)網站也不列外。我們在設計網頁的時候必定會考慮到分辨率的問題，科技發(fā)展到現在我們通常用的是1024*768和800*600的分辨率，現在網絡上很多都是用到778個象素的寬度，在800的分辨率下面往往使整個網頁很壓抑，有種不透氣的感覺，其實這個寬度是指在800*600的分辨率上網頁的最寬寬度，不代表最佳視覺，不妨試試760~770的象素，不管在1024還是800的分辨率下都可以達到較佳的視覺效果。在目前一些網站的廣告（彈出廣告、浮動廣告、大廣告、banner廣告、通欄廣告等等…）讓人覺得很煩瑣，更本就不愿意來看，有時連你這個網站都不上了，這樣一來網站受到了嚴重的影響、廣告也沒達到廣告的目的。這些問題都是我們在設計網站之前需要考慮、需要規(guī)劃的內容之一。浮動廣告有兩種，第一種是在網頁兩邊空余的地方可以上下浮動的廣告，第二種是滿屏幕到處隨機移動的廣告。建議能使用第一種的情況下盡量使用第一種，不可避免第二種情況時盡量在數量上控制最多一個就好。如果數量過多會直接影響到用戶的心理、防挨到用戶瀏覽信息,適得其反。首頁廣告不宜過多適中即可。如在注冊或者某個購買步驟的頁面上最好不要出現過多的其他無關的內容讓用戶分心，避免客戶流失等…很多的網頁都具有一個特點，用一個字來形容，那就是“塞”，它將各種各樣的信息如文字、圖片、動畫等不加考慮的塞到頁面上，有多少擠多少，不加以規(guī)范，導致瀏覽時會遇到很多的不方便，主要就是頁面主次不分，喧賓奪主，要不就是沒有重點，沒有很好的歸類，整體就像各大雜燴。讓人難以找到需要的東西。有的則