婚慶百貨網(wǎng)站設(shè)計(jì)畢業(yè)設(shè)計(jì)

1、湖州職業(yè)技術(shù)學(xué)院電子商務(wù)專業(yè)畢業(yè)設(shè)計(jì) 題目 婚慶百貨網(wǎng)站設(shè)計(jì) 學(xué)生姓名 學(xué) 號(hào) 1030104217 指導(dǎo)教師 班 級(jí) 電 商1002 【摘要】隨著計(jì)算機(jī)技術(shù)和通信技術(shù)的飛速發(fā)展，信息化的浪潮席卷全球，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道。各種各樣的網(wǎng)站已經(jīng)深入到日常生活的各個(gè)角落，越來越多的公司都建立了自己的網(wǎng)站，電子商務(wù)大行其道，個(gè)人網(wǎng)站也如雨后春筍般的發(fā)展起來。因特網(wǎng)的發(fā)展?fàn)顩r可以用日新月異來形容，通過電子商務(wù)來完善對(duì)商品的采購就給人們的生活帶來了很多方便。它節(jié)省了物流消耗和一般商務(wù)對(duì)時(shí)間和地點(diǎn)的依賴。在這種形式之下，購買婚慶用品的人越來越多，也越來越廣，全國各地都有購買者。

2、這么大的一個(gè)市場(chǎng)，只是利用實(shí)物店鋪是遠(yuǎn)遠(yuǎn)不夠的，雖只能滿足本地消費(fèi)者的需求，但卻不能面向遠(yuǎn)處的消費(fèi)者需求。為了迎合市場(chǎng)的需求，為了開拓市場(chǎng)提高自身在同行中的競(jìng)爭(zhēng)能力，建立一個(gè)婚慶用品網(wǎng)站也是很有必要的。本婚慶用品網(wǎng)站主要為愛家婚慶百貨店設(shè)計(jì)一個(gè)網(wǎng)站，主頁由首頁、新人必讀、關(guān)于我們，這就是愛、聯(lián)系我們、友情鏈接、產(chǎn)品展示組成。學(xué)習(xí)就是為了獲得更多的知識(shí)，對(duì)joomla 學(xué)習(xí)了一段時(shí)間，當(dāng)然也想做個(gè)精美的網(wǎng)站來展示自己學(xué)習(xí)的效果了。這次的網(wǎng)頁設(shè)計(jì)中主要運(yùn)用joomla建站,會(huì)簡(jiǎn)單分析joomla的運(yùn)行環(huán)境,對(duì)joomla 的安裝進(jìn)行簡(jiǎn)單的說明,并且會(huì)對(duì)網(wǎng)站的設(shè)計(jì)做詳細(xì)介紹。 【關(guān)鍵詞】joomla

3、 ,愛家百貨, photoshop,wampmanager目 錄引言1一、概敘1(一)網(wǎng)站的建設(shè)背景1(二)網(wǎng)站的建設(shè)意義2二、開發(fā)工具的簡(jiǎn)介2(一)網(wǎng)頁圖像設(shè)計(jì)工具photoshop2(二)網(wǎng)站制作工具joomla2(三)運(yùn)行環(huán)境配置wampserver3三、joomla的安裝3(一)環(huán)境配置3(二)創(chuàng)建數(shù)據(jù)庫3(三)下載解壓4(四)joomla的正式安裝4(五)joomla的漢化5四、網(wǎng)站需求分析5(一)總體功能需求分析5(二)功能需求5五、網(wǎng)站的詳細(xì)設(shè)計(jì)6(一)網(wǎng)站頁面設(shè)計(jì)6(二)網(wǎng)站功能設(shè)計(jì)71.前臺(tái)內(nèi)容結(jié)構(gòu)圖72.新人必讀83.關(guān)于我們84.這就是愛95.聯(lián)系我們106.友情鏈接10

4、7.產(chǎn)品展示11總結(jié)12致謝13參考文獻(xiàn)14引言internet是目前世界上最大的計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)，它遍布全球，將世界各地各種規(guī)模的網(wǎng)絡(luò)連接成一個(gè)整體。作為internet上一種先進(jìn)的，易于被人們所接受的信息檢索手段，worldwideweb(簡(jiǎn)稱www)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據(jù)估計(jì)，目前internet上已有上百萬個(gè)web站點(diǎn)，其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個(gè)領(lǐng)域，其用戶群十分龐大，因此，建設(shè)一個(gè)好的web站點(diǎn)對(duì)于一個(gè)機(jī)構(gòu)的發(fā)展十分重要。近年來，隨著網(wǎng)絡(luò)用戶要求的不斷提高及計(jì)算機(jī)科學(xué)的迅速發(fā)展，特別是數(shù)據(jù)庫技術(shù)在interne

5、t中的廣泛應(yīng)用，web站點(diǎn)向用戶提供的服務(wù)將越來越豐富，越來越人性化。www使在全球范圍內(nèi)進(jìn)行幾乎是實(shí)時(shí)的交互性多媒體信息交流成為可能。與許多正在涌現(xiàn)的技術(shù)不同，www相當(dāng)廉價(jià)，并且是迄今為止最強(qiáng)大的信息交流工具。對(duì)于一個(gè)企業(yè)來說，它沒有理由不在internet上展示自己。我這次建設(shè)的網(wǎng)站，為了符合設(shè)計(jì)需求，結(jié)合各大網(wǎng)站內(nèi)容及形式而建，包括首頁、新人必讀、關(guān)于我們，這就是愛、聯(lián)系我們、友情鏈接、產(chǎn)品展示7大板塊。創(chuàng)建本站的使用工具主要為：joomla、photoshop等，部分建站素材來源于網(wǎng)絡(luò)。一、概敘(一)網(wǎng)站的建設(shè)背景信息科技不斷發(fā)展的現(xiàn)在，以計(jì)算機(jī)互聯(lián)網(wǎng)為核心的科學(xué)技術(shù)為社會(huì)各行各業(yè)提

6、供了前所未有的機(jī)會(huì)和發(fā)展?jié)摿??；ヂ?lián)網(wǎng)本身并不能創(chuàng)造價(jià)值，它是一個(gè)服務(wù)行業(yè)。 以internet為基礎(chǔ)的電子商務(wù)就是企業(yè)利用計(jì)算機(jī)技術(shù)和網(wǎng)絡(luò)通訊技術(shù)進(jìn)行商務(wù)活動(dòng)的方式。它為企業(yè)與企業(yè)之間（b to b）企業(yè)與消費(fèi)者之間（b to c）提供了一種新型的商務(wù)活動(dòng)模式?；趇nternet的企業(yè)網(wǎng)站作為企業(yè)進(jìn)行電子商務(wù)的活動(dòng)窗口，是企業(yè)為合作伙伴和客戶提供訪問企業(yè)內(nèi)部各種資源的平臺(tái)。通過網(wǎng)站企業(yè)的合作伙伴，可以很快獲取企業(yè)當(dāng)前及近期的各種生產(chǎn)及經(jīng)營信息，并根據(jù)這些信息對(duì)企業(yè)的資源調(diào)配和生產(chǎn)調(diào)度進(jìn)行合理優(yōu)化；通過網(wǎng)站，企業(yè)的客戶可以查詢并了解企業(yè)所生產(chǎn)的各種產(chǎn)品的性能、價(jià)格等詳細(xì)資料以及企業(yè)能給客戶提供

7、的各種服務(wù)。通過網(wǎng)站，企業(yè)能更好的宣傳自己，提高企業(yè)知名度，進(jìn)行有效的網(wǎng)絡(luò)營銷。 為了提高產(chǎn)品規(guī)模以及知名度，使企業(yè)形象走上一個(gè)新臺(tái)階，建立一個(gè)網(wǎng)站是很有必要的。 結(jié)婚是人生最重要的事情之一，隨著生活水平的提高，人們也越來越看重結(jié)婚這件事，由此產(chǎn)生出了龐大的婚慶市場(chǎng)。許多傳統(tǒng)婚禮要按風(fēng)俗來辦，喜娃娃、紅傘、紅皮箱等一個(gè)也不能少，胸花、禮花炮等也是必需品。買這么多東西，要逛多少店，有沒有一個(gè)集中的地點(diǎn)可以采購呢?目前許多地區(qū)缺乏完整專業(yè)的婚慶百貨市場(chǎng)，幾乎找不到集中出售婚慶用品的商店。而愛家百貨是一家只在線下一站式銷售婚慶用品的企業(yè)，在當(dāng)今信息化時(shí)代的風(fēng)潮下，為了更多的營銷，建立一個(gè)網(wǎng)站實(shí)現(xiàn)網(wǎng)上

8、營銷亦是必不可擋的趨勢(shì)。(二)網(wǎng)站的建設(shè)意義 企業(yè)網(wǎng)站是一個(gè)綜合性的網(wǎng)絡(luò)營銷工具,不僅與其他營銷方法具有直接的關(guān)系,也構(gòu)成了開展網(wǎng)絡(luò)營銷的基礎(chǔ)網(wǎng)絡(luò)營銷逐漸成為企業(yè)的主頁營銷手段,企業(yè)網(wǎng)站作為企業(yè)信息的載體,是網(wǎng)絡(luò)營銷的基礎(chǔ),通過網(wǎng)站可以讓客戶找到,能吸引客戶,能留住客戶 單一的在下線銷售已經(jīng)遠(yuǎn)遠(yuǎn)不能適應(yīng)當(dāng)今信息化的時(shí)代,網(wǎng)絡(luò)的銷售慢慢會(huì)變成主流。二、開發(fā)工具的簡(jiǎn)介(一)網(wǎng)頁圖像設(shè)計(jì)工具photoshop在網(wǎng)頁制作過程中，首先要使用photoshop設(shè)計(jì)網(wǎng)頁和整體效果圖、處理網(wǎng)頁中的圖像、背景圖及網(wǎng)頁的圖標(biāo)、按鈕等。photoshop是平面圖像處理業(yè)界霸主，adobe公司推出的跨越pc和mac兩

9、界首屈一指的大型圖像處理軟件。它功能強(qiáng)大,操作界面友好,得到了廣大第三方開發(fā)廠家的支持,從而也贏得了眾多的用戶的青睞。(二)網(wǎng)站制作工具joomlajoomla!是一套自由、開放源代碼的內(nèi)容管理系統(tǒng)，以php撰寫，用于發(fā)布內(nèi)容在萬維網(wǎng)與內(nèi)部網(wǎng)。joomla!的功能包含可提高性能的頁面高速緩存、rss饋送、頁面的可打印版本、新聞?wù)?、博客、投票、網(wǎng)站搜索、與語言國際化。joomla!使用gpl授權(quán)。joomla!（content management system, cms），它屬于portal（企業(yè)入口網(wǎng)站）類型，顧名思義，就是比較適合作為商業(yè)類型的網(wǎng)站程序。一般人對(duì)這類型的內(nèi)容管理系統(tǒng)可能會(huì)

10、有以下的別名來稱呼：1. 架站程序（或軟件）2. 快速架站程序（或軟件）3. 整站程序目前，最流行的joomla!版本為1.7。joomla!最新的版本號(hào)是joomla 2.5版（最新修正版本joomla 2.5.6）。其運(yùn)行環(huán)境:php+mysql+apache。(三)運(yùn)行環(huán)境配置wampserverwampserver 是這樣一個(gè)軟件 可以將apache+mysql+php 自動(dòng)安裝到windows上，軟件中包含3個(gè)服務(wù)的最佳匹配版。好處是可以自由切換php，mysql，apache的版本，當(dāng)我們使用joomla的過程中出現(xiàn)問題時(shí)，可以嘗試切換php，mysql，apache的版本來解決。

11、三、joomla的安裝(一)環(huán)境配置根據(jù)自己計(jì)算機(jī)的系統(tǒng)下載wampserver，點(diǎn)擊安裝即可。安裝完成后，單擊右鍵wampserver的任務(wù)欄，切換語言（languagechinese）。(二)創(chuàng)建數(shù)據(jù)庫編碼規(guī)則utf8用戶名：root密碼：（為空）打開wampserver，點(diǎn)擊左鍵，打開phpmyadmin創(chuàng)建數(shù)據(jù)庫：數(shù)據(jù)庫名:test1編碼：utf8-unicode-ci點(diǎn)擊創(chuàng)建，即成功創(chuàng)建數(shù)據(jù)庫。(三)下載解壓下載合適的版本，下載語言包解壓包裝包到目錄下載成功后把安裝包復(fù)制到wamp的安裝目錄當(dāng)中，打開www的文件夾，在里面建立一個(gè)文件夾zuoye，將安裝包解壓到當(dāng)前文件夾，即可完成解

12、壓。(四)joomla的正式安裝打開wampserver，點(diǎn)擊左鍵，打開localhost，上面有介紹我們把安裝包放在一個(gè)叫zuoye的文件夾里，因此安裝地址為http:/localhost/zuoye進(jìn)入安裝地址后：1. 語言選擇語言：簡(jiǎn)體中文，點(diǎn)擊下一步2. 安裝預(yù)檢查為了檢查wampserver的一些配置是否支持joomla的運(yùn)行，點(diǎn)擊下一步3. 許可點(diǎn)擊下一步4. 數(shù)據(jù)庫數(shù)據(jù)庫類型：mysql主機(jī)名：localhost用戶名：root密碼：（為空）數(shù)據(jù)庫名：test1表前綴：可以為默認(rèn)值輸入完成后進(jìn)入下一步5. ftp設(shè)置ftp暫時(shí)還不需要用，可以后在設(shè)置，點(diǎn)擊下一步6. 配置網(wǎng)站名稱

13、：愛家婚慶百貨網(wǎng)您的郵箱：393779516系統(tǒng)管理員用戶名:titi系統(tǒng)管理員密碼：662089確認(rèn)系統(tǒng)管理員密碼：662089然后安裝示例數(shù)據(jù)點(diǎn)擊下一步。刪除安裝文件夾。7. 完成完成上述步驟即完成了joomla的安裝。(五)joomla的漢化1. 輸入用戶名和密碼進(jìn)入后臺(tái)。2. 點(diǎn)擊后臺(tái)導(dǎo)航：extensions-extension manager。3. 點(diǎn)擊選擇文件-選中漢化包-upload&install。4. 點(diǎn)擊后臺(tái)導(dǎo)航：extensions-language manager。5. 將中文設(shè)為默認(rèn)語言（點(diǎn)黃色的五角星)。四、網(wǎng)站需求分析(一)總體功能需求分析網(wǎng)站功能分析就是以系統(tǒng)

14、的觀點(diǎn)，對(duì)已選定的對(duì)象與開發(fā)范圍進(jìn)行有目的、有步驟的實(shí)際調(diào)查和科學(xué)分析。分析的目的是為了弄清楚網(wǎng)站要做什么。在這個(gè)階段，需要認(rèn)真分析用戶的需求，用科學(xué)的方法來表達(dá)并深入分析建站方案。網(wǎng)站的系統(tǒng)分析工作不僅使前期的系統(tǒng)規(guī)劃方案輪廓更加清晰，而且要對(duì)諸多方案的可行性進(jìn)行細(xì)致的論證，最終為后面的設(shè)計(jì)工作奠定基礎(chǔ)。 該網(wǎng)站作為愛家百貨店的企業(yè)網(wǎng)站， 實(shí)現(xiàn)了產(chǎn)品展示、企業(yè)宣傳的功能，同時(shí)新人必讀板塊，更為新人們提供明確的購物清單，使得可以更快更好的購買到所需產(chǎn)品。(二)功能需求1. 新人必讀列出新人所需購買的婚慶用品清單、讓新人們對(duì)所需購買用品一目了然。2. 關(guān)于我們介紹了愛家百貨店的一些信息、可以讓顧

15、客更好的了解店家信息。3. 這就是愛主要摘錄的是一些關(guān)于愛情的文章，可以讓新人們感受下愛情的意義與不同。4. 聯(lián)系我們主要寫了店家的聯(lián)系方式，可以更方便實(shí)現(xiàn)顧客和商家的溝通。5. 友情鏈接與其他相關(guān)商家建立鏈接、可以跟相關(guān)行業(yè)相互推廣，達(dá)到雙贏。6. 產(chǎn)品展示簡(jiǎn)單清晰的展示商品，可以讓大家更清楚的了解產(chǎn)品。五、網(wǎng)站的詳細(xì)設(shè)計(jì)(一)網(wǎng)站頁面設(shè)計(jì) 愛家婚慶百貨網(wǎng)的主色調(diào)為粉紅色，整體設(shè)計(jì)風(fēng)格簡(jiǎn)潔有愛，導(dǎo)航欄包括了首頁、新人必讀、關(guān)于我們，這就是愛、聯(lián)系我們、友情鏈接、產(chǎn)品展示。主頁的設(shè)計(jì)能夠讓人一目了然的了解到各個(gè)鏈接頁面。在主頁上，我們可以看到一個(gè)滾動(dòng)的圖片展示，一對(duì)卡通情侶的耳語圖搭配上有愛的

16、標(biāo)語，再加上愛家婚慶百貨的字樣，給人一種很溫馨的感受。在網(wǎng)頁下端footer欄，有店家的信息，設(shè)定好在所有的界面顯示。設(shè)定了用戶登入模塊、進(jìn)入網(wǎng)站的顧客都可以注冊(cè)登入，可以有權(quán)限寫寫文章，一起給大家分享下新婚的喜悅，一起談?wù)勱P(guān)于愛那點(diǎn)事，也可以結(jié)交更多的朋友。在網(wǎng)站的最下端有網(wǎng)站的版權(quán)信息。其中導(dǎo)航欄跟網(wǎng)頁下端的footer欄都被設(shè)定好在各個(gè)頁面展示，可以更好的宣傳店家的信息，讓更多人了解并記住。首頁效果圖展示,如圖5.1：圖5.1(二)網(wǎng)站功能設(shè)計(jì)1.前臺(tái)內(nèi)容結(jié)構(gòu)圖示意圖如圖5.1.1圖5.1.12.新人必讀新人必讀是為了新人們搜索整理出來的一些婚慶用品清單，看著這些清單以后，新人才可以更好

17、、更全的購買商品，分類列表式排版，給人一種整潔明了的視覺，也可以讓新人一目了然的選擇自己需要查看的婚慶用品購物清單。新人必讀效果圖，如圖5.2：圖5.23.關(guān)于我們關(guān)于我們，是對(duì)愛家婚慶百貨店進(jìn)行簡(jiǎn)單的介紹，讓顧客更多的了解店鋪信息。關(guān)于我們效果圖，如圖5.3:圖5.34.這就是愛這是一個(gè)愛的模塊，主要是在上面添加一些文章，注冊(cè)的用戶可以在上面發(fā)表文章，讓更多的人一起分享他們的喜悅。這就是愛的效果圖，如圖5.4：圖5.45.聯(lián)系我們?cè)诼?lián)系我們這個(gè)模塊里，詳細(xì)的介紹了店家的信息，比如地址、電話、郵件等等。當(dāng)顧客瀏覽此頁時(shí)就能更加直觀的了解到本店的詳細(xì)信息，有利于客戶與愛家婚慶百貨店更深一步的交流

18、。聯(lián)系我們效果圖，如圖5.5：圖5.56.友情鏈接在愛家婚慶百貨網(wǎng)我們?cè)黾恿艘粋€(gè)友情鏈接的頁面，友情鏈接可以在后臺(tái)添加，這樣更有利于本公司與相關(guān)企業(yè)的相互推廣以達(dá)到雙贏的目的。友情鏈接效果圖，如圖5.6：圖5.67.產(chǎn)品展示產(chǎn)品展示頁主要功能就是把本公司的產(chǎn)品更方便、直觀的展示給瀏覽者看。產(chǎn)品展示效果圖，如圖5.7：圖5.7總結(jié)在本次設(shè)計(jì)的全過程中，學(xué)習(xí)了很多東西，涉及了各方面的知識(shí)，大大的擴(kuò)展了我的知識(shí)面，同時(shí)也讓我學(xué)會(huì)了如何使用所學(xué)知識(shí)去解決一些實(shí)際的問題。在本次的網(wǎng)站設(shè)計(jì)中運(yùn)用了joomla建站，這是在學(xué)校沒有學(xué)習(xí)到的，是在實(shí)習(xí)時(shí)同事告訴自己的，在知識(shí)的海洋里，我們就該不斷的學(xué)習(xí)和創(chuàng)新。在設(shè)計(jì)中我深知自己掌握的知識(shí)是遠(yuǎn)遠(yuǎn)不夠的，但在不斷的學(xué)習(xí)和努力下，在同事、老師的幫助下，我也把所學(xué)知識(shí)應(yīng)用到了建站中，同時(shí)也明白了要懂得學(xué)以致用，多做多練才會(huì)更好的鞏固所學(xué)的知識(shí)，讓它在實(shí)踐中得到運(yùn)用，從而解決一些實(shí)際問題，這才是學(xué)習(xí)的目的和意義。通過這次的設(shè)計(jì)，我將所學(xué)知識(shí)運(yùn)用在建站中，增強(qiáng)了自己的動(dòng)手能力，學(xué)會(huì)了學(xué)習(xí)，明白了只有不斷學(xué)習(xí)才能獲得更多知識(shí)；學(xué)會(huì)了溝通，一個(gè)人的知識(shí)是有限的，只有不斷溝通，才可以獲得更多學(xué)識(shí)，才會(huì)更全面完善自己。學(xué)會(huì)了謙卑，懂得要虛心學(xué)習(xí)，人外有人，山外有山，只有虛心學(xué)習(xí)，會(huì)請(qǐng)教人才