《G.Book圖書導(dǎo)購網(wǎng)站的設(shè)計與實現(xiàn)》由會員分享，可在線閱讀，更多相關(guān)《G.Book圖書導(dǎo)購網(wǎng)站的設(shè)計與實現(xiàn)（24頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、0畢業(yè)設(shè)計題GBOOK圖書導(dǎo)購網(wǎng)站的設(shè)計與實現(xiàn)摘要跟隨電子商務(wù)的發(fā)展,網(wǎng)上購物被越來越多的人所接受,購物網(wǎng)站所供給的信息也愈來愈豐富,購物網(wǎng)站之間的競爭也越來越劇烈。然而導(dǎo)購網(wǎng)站的出現(xiàn)，使得一些企業(yè)在競爭中脫穎而出，從中贏得了良好的利益。由此可見，導(dǎo)購網(wǎng)站能更好的為客戶在眾多的商品信息中提供更好的更準(zhǔn)確的導(dǎo)購服務(wù)同時也能為企業(yè)帶來利益。本文主要闡述了應(yīng)用DREAMWEAVER軟件工具，采用DIVCSS布局自建圖書導(dǎo)購網(wǎng)站，并詳細(xì)闡述了本導(dǎo)購網(wǎng)站的設(shè)計思路和實現(xiàn)過程，最后對實施了網(wǎng)站推廣。關(guān)鍵詞網(wǎng)站導(dǎo)購網(wǎng)站圖書導(dǎo)購網(wǎng)站目錄第1章網(wǎng)站設(shè)計背景111導(dǎo)購網(wǎng)站設(shè)計目的112導(dǎo)購網(wǎng)站發(fā)展現(xiàn)狀113網(wǎng)站整

2、體結(jié)構(gòu)2第2章前期準(zhǔn)備421素材收集整理422LOGO設(shè)計523BANNER設(shè)計724首頁效果圖9第3章網(wǎng)頁設(shè)計制作1031首頁設(shè)計制作1032其他頁面設(shè)計制作12第4章GBOOK圖書導(dǎo)購網(wǎng)站推廣1441電子郵件推廣1442IM及時通訊工具推廣（QQ）1543SNS社區(qū)營銷推廣（微博、微信、論壇）17總結(jié)19致謝21參考文獻22第0頁第1章網(wǎng)站設(shè)計背景11導(dǎo)購網(wǎng)站設(shè)計目的伴隨著網(wǎng)絡(luò)營銷的快速發(fā)展，顧客面對互聯(lián)網(wǎng)上成百上千的商品信息，如何才能快速有效的找到價格便宜，又符合自己需求的商品，成為很多消費者頭痛的問題。因為消費者有了這些需求，在網(wǎng)絡(luò)零售過程中必然對網(wǎng)絡(luò)導(dǎo)購產(chǎn)生了更大的需求，需要有一座橋

3、梁，聯(lián)系消費者和網(wǎng)絡(luò)零售商，滿足買賣雙方的需求，在這種市場需求下，導(dǎo)購網(wǎng)站運營而生?，F(xiàn)如今網(wǎng)絡(luò)導(dǎo)購己經(jīng)從基本在線客服，逐漸演變成基于用戶購物習(xí)性，整理各網(wǎng)絡(luò)零售平臺的商品訊息，站在消費者的角度輔助他們進行購物揀選的一個平臺。對于普通消費者來說，導(dǎo)購網(wǎng)站可以幫助他們找到折扣商品信息，并通過購房退稅降低采購成本，減少購物的時間成本，使網(wǎng)上購物體驗更好。GBOOK圖書導(dǎo)購網(wǎng)站是一個專為圖書設(shè)計的導(dǎo)購網(wǎng)站，在該網(wǎng)站中，有新品書籍、特價書籍、推薦書籍等。將各類書籍在第一時間展現(xiàn)、推薦給愛好閱讀的人士，同時也將正規(guī)的圖書網(wǎng)站提供給消費者參考，安全購買。12導(dǎo)購網(wǎng)站發(fā)展現(xiàn)狀現(xiàn)如今大型網(wǎng)絡(luò)零售網(wǎng)站都非常重視導(dǎo)

4、購市場的發(fā)展，都推出自己的銷售聯(lián)盟，通過銷售聯(lián)盟提供各類廣告投放需求，讓中、小型網(wǎng)站，通過發(fā)布其提供的廣告，獲得網(wǎng)絡(luò)廣告收益。2011年京東銷售數(shù)據(jù)來自艾瑞網(wǎng)顯示，通過銷售聯(lián)盟和導(dǎo)購網(wǎng)站的CPS交易第1頁額占到其交易額的20，交易規(guī)模相當(dāng)驚人。在2012淘寶銷售傭金費用就超過3000000000。對于很多導(dǎo)購網(wǎng)站來說，網(wǎng)站的大部利潤來源于交易傭金，在網(wǎng)絡(luò)零售額中的占比還比較低，傭金比例通常根據(jù)銷售商品的不同，百分比從05到30不等。隨著網(wǎng)絡(luò)零售規(guī)模的增長，導(dǎo)購網(wǎng)站的市場規(guī)模也將進一步增大。從另一方面來看，跟隨電子商務(wù)的迅猛發(fā)展，越來越多的人習(xí)慣于網(wǎng)上購物，但是在購物的過程當(dāng)中難免會遭受網(wǎng)購紛爭

5、，那么如何維護消費者的權(quán)益成為網(wǎng)購中一個首要問題。導(dǎo)購平臺依托電子商務(wù)人士專業(yè)眼光及電商平臺之間相關(guān)合作機制，幫助消費者挑選優(yōu)質(zhì)商品，從某種程度上極大降低了消費者的網(wǎng)購風(fēng)險，并大大節(jié)省了消費者網(wǎng)購時間，因而在近些年受到越來越多的網(wǎng)購消費者的歡迎。13網(wǎng)站整體結(jié)構(gòu)GBOOK圖書導(dǎo)購網(wǎng)站主要是將各類書籍在第一時間展現(xiàn)、推薦給愛好閱讀的人士，同時也將正規(guī)的圖書網(wǎng)站提供給消費者參考，安全購買。本網(wǎng)站分為首頁、圖書匯、熱搜榜、撿便宜、有話想說五個欄目。圖書匯欄目主要是根據(jù)書籍類別分類展示。消費者可以根據(jù)書籍類別查找到所需書籍，并瀏覽網(wǎng)站書籍簡介，在對書籍內(nèi)容有了基本的了解后便通過點擊“在線購買”將跳轉(zhuǎn)到

6、當(dāng)當(dāng)網(wǎng)、京東商城等各大書籍網(wǎng)店賣場選擇購買。第2頁熱搜榜欄目將當(dāng)前被消費者熱搜、或者熱賣的各類書籍推薦給瀏覽者。撿便宜欄目將各類正在打折特賣的書籍推薦給瀏覽者，將信息、鏈接準(zhǔn)確無誤的提供給瀏覽者。有話想說欄目是與網(wǎng)站瀏覽者溝通、并接受用戶建議反饋的渠道。通過這種方式網(wǎng)站可以及時了解消費者的需求，并不斷完善網(wǎng)站建設(shè)及服務(wù)。網(wǎng)站結(jié)構(gòu)示意圖如下首頁圖書匯熱搜榜撿便宜有話想說青春生活經(jīng)管工具書愛情/情感叛逆/成長爆笑、無厘頭青春文學(xué)保健親子家教旅游育兒勵志/成功管理經(jīng)濟投資理財圖11網(wǎng)站結(jié)構(gòu)示意圖第3頁第2章前期準(zhǔn)備21素材收集整理GBOOK圖書導(dǎo)購網(wǎng)站的圖書產(chǎn)品相關(guān)圖片和文字素材均選自各大電商平臺。

7、本人通過瀏覽國內(nèi)各大電子商務(wù)平臺的圖書類商品，挑選了部分經(jīng)典優(yōu)秀書籍，將其圖片和文字素材采用剪切、抓取、下載等方式獲得。并在此基礎(chǔ)上，依據(jù)本網(wǎng)站的設(shè)計風(fēng)格關(guān)于圖片素材，進行了一些加工處理。通過采用PHOTOSHOP圖片處理軟件的諸多技術(shù)，諸如魔棒工具和字體顏色工具、編輯菜單等。對圖片素材加工處理后應(yīng)用于本導(dǎo)購網(wǎng)站。以下圖片素材的過程是首先收集整理好的圖片，用PS圖象處理軟件軟件，根據(jù)版面設(shè)計要求調(diào)整到所需尺寸，保存到文件夾的站點。然后用DREAMWEAVER網(wǎng)頁制作工具，將圖片應(yīng)用于網(wǎng)頁。以下是圖片的大小調(diào)整如圖21所示。第4頁圖21圖片尺寸修改22LOGO設(shè)計LOGO是網(wǎng)站的一個標(biāo)志，傳遞著

8、網(wǎng)站的形象。簡潔形象的LOGO能加深人的印象。本網(wǎng)站用一個戴著博士帽的小黃人與深綠色的文字結(jié)合，文字突出了網(wǎng)站的名字與類型，俏皮的小黃人與文字完美的結(jié)合，LOGO給人感覺簡潔、明了、易記，如圖22所示。圖22LOGO效果圖LOGO圖片是利用PHOTOSHOP圖片軟件制作而成，首先新建一個文檔，將小黃人圖片用魔棒工具選取，并拖入新建文檔中。再依次將字體輸入，將文字大小、顏色、樣式調(diào)整好后，將底色去除，保存GIF格式，再成功運用到網(wǎng)站中。具體制作過程，如圖23、24、25所示。第5頁圖23將LOGO圖片選取拖入圖24LOGO文字設(shè)計第6頁圖25LOGO去除底色23BANNER設(shè)計BANNER是網(wǎng)站

9、頁面的橫幅廣告。將網(wǎng)站主要的情感和思想進行宣傳。本網(wǎng)站的BANNER如圖26所示。圖26BANNER圖片BANNER運用了JS特效，六張圖片自動輪播使網(wǎng)站更為生動。第7頁JS特效代碼如下第8頁24首頁效果圖第9頁圖27網(wǎng)站首頁效果圖第3章網(wǎng)頁設(shè)計制作第10頁31首頁設(shè)計制作網(wǎng)站首頁通過DIV/CSS技術(shù)采用三欄式布局排版，整體效果簡單明了。在色彩方面，采用深藍(lán)與淺灰搭調(diào)，低調(diào)而不失文雅，透漏著一股寧靜與書香。導(dǎo)航條菜單欄采用了下拉菜單的JS特效，一方面便于瀏覽者分類查找書籍信息，另一方面使得網(wǎng)頁顯得活潑生動，增添瀏覽者的興趣，如圖31所示。圖31首頁導(dǎo)航欄菜單效果圖BANNER運用了圖片輪播效

10、果，將最新書籍、動態(tài)第一時間展現(xiàn)給瀏覽者，如圖32所示。圖32首頁BANNER效果圖網(wǎng)站底部的圖片采用JS技術(shù)實現(xiàn)了縮略圖方式進行分類書籍查第11頁詢。瀏覽者通過點擊縮略圖可以分別跳轉(zhuǎn)到諸如生活/保健、攝影、管理、考證等不同書籍類別子頁面（圖33、34、35），從而使得瀏覽者查詢方式更加多樣化，也更為便捷。實現(xiàn)具體細(xì)節(jié)效果。圖33首頁底部效果（未點擊前）圖34首頁底部效果（點擊時）圖35首頁底部效果（點擊后）32其他頁面設(shè)計制作第12頁熱門搜索頁面主要是用DIVCSS來布局。在推薦書籍展示中，采用JS特效，當(dāng)鼠標(biāo)放入書籍圖片上，書籍簡介、書籍名稱以及宣傳語等信息就會下拉顯示（圖36）或者上浮顯

11、示（圖37），讓瀏覽者對于書籍有一個基本的了解，從而決定是否點擊書籍圖片鏈接，到達書籍所在的網(wǎng)站來了解更詳盡的信息，或者購買。圖36下拉效果（對比）圖37上浮效果（對比）第13頁第4章GBOOK圖書導(dǎo)購網(wǎng)站推廣41電子郵件推廣EMAIL營銷定義中強調(diào)了三個基本因素基于用戶許可，通過電子郵件傳遞信息，信息對用戶是有價值的。三個因素缺少一個，都不能稱為有效的EMAIL營銷。所以我們在實行郵件推廣時先將郵件的主題進行設(shè)計，把郵件最重要的內(nèi)容體現(xiàn)在郵件主題中，明確主題聯(lián)系內(nèi)容，完整的將品牌產(chǎn)品信息突出，使用820個漢字將主題突出，在郵件主題中增添一些關(guān)鍵詞，增加郵件吸引力，提高閱讀率。根據(jù)信息內(nèi)容的優(yōu)

12、化，郵件業(yè)務(wù)目標(biāo)和整體營銷協(xié)議，內(nèi)容系統(tǒng)，減少郵件內(nèi)容，字?jǐn)?shù)明確的主題，郵件內(nèi)容寫靈活，保持最好的消息格式，采用純文本格式、HTML和RICHMEDIA格式多種格式供用戶選擇。把握郵件發(fā)送頻率，在一定時期內(nèi)傳播，這樣一來內(nèi)容的來源也有保證。本網(wǎng)站在利用電子郵件推廣時，主題、內(nèi)容圍繞的是本網(wǎng)站的功能來撰寫與推廣，將寫好的郵件分別發(fā)給不同的好友，從而提高關(guān)注量，如圖41所示。圖41電子郵件推廣42IM及時通訊工具推廣（QQ）第14頁QQ的覆蓋面廣，注冊用戶超過10億，同時在線超過1億，龐大的用戶群體，讓QQ推廣覆蓋面極大。它有著超強的精準(zhǔn)度可以做到一對一交流，提高營銷精確度。操作簡便，成本幾乎為零

13、。持續(xù)性強，效率高?？梢约磿r交流，可以同顧客長時間建立良好管理，便與顧客價值挖掘，同時由于其精確性決定了這種推廣方式的效率較高。運用QQ進行推廣，首先完善個人資料，填寫真實的資料，將公司的LOGO作為頭像，公司名稱作為網(wǎng)名，這樣能夠建立信任。利用QQ會員、特殊符號昵稱、在線狀態(tài)來促使自己的QQ號排名靠前。在個性簽名上寫上網(wǎng)站的網(wǎng)址或網(wǎng)站的標(biāo)語，畢業(yè)論文代寫平臺這樣既醒目，又能讓人產(chǎn)生好奇心。在交流過程中把握言行舉止，做到和平、禮貌聊天。在發(fā)布信息是把握時間段，不打擾他人休息。在QQ群方面，盡量加入一些大群，排除同質(zhì)化、目標(biāo)人群不集中的群，保持小組活動，交朋友。在群內(nèi)傳播消息，先感情，后推廣。人

14、熟好辦事。傳播少而精的內(nèi)容，利用群類資源群公告、群共享等一系列的工具。在QQ上發(fā)布GBOOK圖書導(dǎo)購網(wǎng)站的信息，書籍打折的信息及考試的信息等。對于本網(wǎng)站的QQ推廣，首先申請了一個特定的QQ，然后給不同的好友、不同的QQ群發(fā)布網(wǎng)站的宣傳信息，從而提高人氣，增加關(guān)注量，如圖42、43所示。第15頁圖42QQ好友推廣圖43QQ群推廣第16頁43SNS社區(qū)營銷推廣（微博、微信、論壇）如今最熱門的營銷推廣非微信莫屬，但自2013年微信關(guān)閉外鏈接之后，所有的外鏈接只能通過付費后的微信公眾賬號來進行。但相對于微博、論壇與微信的營銷手段來說，它們相似的地方在于軟文的撰寫。撰寫軟文是一種技術(shù)，要將你所要達到的目

15、的與軟文結(jié)合起來，并且吸引瀏覽者點擊瀏覽，需要一定的磨練。用一個簡單卻又吸引人的標(biāo)題，圖文并茂，軟文的中心明確，然后發(fā)布在微博微信論壇里從而產(chǎn)生一定的影響與效果。本網(wǎng)站的社區(qū)營銷推廣運用的是軟文的發(fā)布，吸引人的標(biāo)題加上網(wǎng)站的圖片，從而引起瀏覽者的瀏覽，如圖44、45、46所示。圖44微博推廣第17頁圖45微信推廣圖46論壇推廣第18頁總結(jié)本網(wǎng)站的設(shè)計及制作力求界面友好、易于操作。通過簡單的布局和清新的色調(diào)的運用，對網(wǎng)站的基本的導(dǎo)購功能的實現(xiàn)，使游客可以進入一個單獨的自己需要的操作，一目了然。系統(tǒng)存在不足方面主要在于本網(wǎng)站所實現(xiàn)的導(dǎo)購功能簡單且單一，網(wǎng)站界面設(shè)計還有待提高，網(wǎng)站系統(tǒng)并不是十分的完

16、善。本人通過此次畢業(yè)設(shè)計對導(dǎo)購網(wǎng)站的性質(zhì)及特點有了全新的認(rèn)識。導(dǎo)購網(wǎng)在是專業(yè)購物網(wǎng)站的外延和增補，是網(wǎng)上購物產(chǎn)業(yè)鏈不可缺少的一部分。是專門幫助買家找到好的店鋪，幫助買家輕松網(wǎng)購。本次畢業(yè)設(shè)計書的導(dǎo)購網(wǎng)站，交易在網(wǎng)站本身是無法實現(xiàn)的，而是通過導(dǎo)購鏈接引導(dǎo)買家跳轉(zhuǎn)到購物網(wǎng)站實現(xiàn)輕松，愉快的購物。導(dǎo)購網(wǎng)站通過這種方式實現(xiàn)提供高質(zhì)量的產(chǎn)品給用戶的目的，減少了用戶可選擇的高質(zhì)量產(chǎn)品的選擇時間。在本導(dǎo)購網(wǎng)站中，瀏覽者可以了解書籍詳情，閱讀精彩章節(jié)，瀏覽書籍評價，對比評價選擇相應(yīng)的書籍網(wǎng)站購買。網(wǎng)站沒有全部定位于一個書籍商城，而是有提供不同類型的商城供瀏覽者自主選擇購買。本網(wǎng)站的設(shè)計實現(xiàn)過程使本人對DREA

17、MWEAVER8軟件有了一個比較深的學(xué)習(xí)和掌握，掌握了DIV和CSS對界面進行布局排版的應(yīng)用，進一步深入學(xué)習(xí)了HTML語言，并了解了一些簡單的JAVASCRIPT腳本的應(yīng)用。盡管我的網(wǎng)站不是很成熟，有很多不足之處，但我能自豪的說，第19頁這里面的每一段代碼，都有著我的辛勤的勞動。當(dāng)看著自己的設(shè)計制作的網(wǎng)站能夠一點一點完善并最終完成，真是莫大的幸福和欣慰。當(dāng)看著自己的設(shè)計制作的網(wǎng)站能夠一點一點完善并最終完成，真是莫大的幸福和欣慰。本文設(shè)計的經(jīng)驗將使我終身受益，我覺得做論文是很專心的做一件事情，是真正的自我學(xué)習(xí)過程和學(xué)習(xí)過程，學(xué)習(xí)就沒有學(xué)習(xí)的能力。沒有自己的研究，就不會有所突破。我希望這些經(jīng)驗?zāi)茏?/p>

18、我在未來我讓我不斷進步。第20頁致謝在本人的寫作過程中，最主要感謝的是我的指導(dǎo)老師歐陽紅巍老師。老師認(rèn)真負(fù)責(zé)的工作態(tài)度，嚴(yán)謹(jǐn)?shù)闹螌W(xué)精神使我受益匪淺,收獲頗豐。她不管在理論上還是在實際操作中，都給予我很大的幫助，使我獲得不少的提高。在論文題目制定時，雖然有一波三折，但最后在老師的指導(dǎo)下，讓我選擇了圖書導(dǎo)購網(wǎng)站的題目，通過簡單的分析指導(dǎo)，讓我在寫作時有了具體方向。在整個過程中老師指出了我存在的很多問題，也幫我進行分析指導(dǎo)。在此非常感謝歐陽老師的細(xì)心指導(dǎo)，才能讓我順利完成畢業(yè)論文。三年的大學(xué)生活就快走入尾聲，咱們的校園生活就要劃上句號，心中是無盡的難舍與留戀。從這里，我的生活，將是一個新的旅程，將所

19、學(xué)到的知識應(yīng)用到實際工作中去?；厥兹?，取得了一些成果，生活也幸福和辛苦。謝謝老師三年來對我孜孜不倦的教導(dǎo)，對我成長的關(guān)心和愛護。學(xué)友情深，情同兄妹。三年的風(fēng)風(fēng)雨雨，我們走在一起，充滿了關(guān)愛，留下了讓我值得珍惜的記憶。在我的求學(xué)歷程里，離不開父母的鼓勵和支持，是他們辛勤的勞作，無私的付出，為我創(chuàng)造良好的學(xué)習(xí)條件，我才能順利完成完成學(xué)業(yè)，很感謝他們對我的支持和培育。最后，千言萬語匯成一句感謝第21頁參考文獻1王德永,張少龍PHPCMSDREAMWEAVER網(wǎng)站設(shè)計實例教程M1版北京人民郵電出版社，2013年2潘果電子商務(wù)實務(wù)M湖南湖南現(xiàn)代物流職業(yè)技術(shù)學(xué)院，2012年3王大遠(yuǎn)DIVCSS30網(wǎng)頁布局案例精粹M北京電子工業(yè)出版社，20114李成飛電子商務(wù)網(wǎng)站建設(shè)與維護M1版北京中國勞動社會保障出版社，20085馬增友PHOTOSHOP圖像處理技術(shù)應(yīng)用M1版北京清華大學(xué)出版社；北京交通大學(xué)出版社，20096潘果,張華南電子商務(wù)網(wǎng)站建設(shè)與管理M1版北京教育科學(xué)出版社，20137張曉雷網(wǎng)頁設(shè)計與制作案例教程M1版北京清華大學(xué)出版社，20138李文龍,徐湘江客戶關(guān)系管理實務(wù)M2版北京清華大學(xué)出版社，20139劉曉敏網(wǎng)絡(luò)營銷理論與實務(wù)M1版北京北京理工大學(xué)出版社，200910白鑒聰,王進JAVASCIRPT網(wǎng)頁效果大師M北京機械工業(yè)出版社，2001