家居網(wǎng)站設(shè)計(jì)說(shuō)明書

目錄第一章網(wǎng)站規(guī)劃 11．1設(shè)計(jì)目的 11.2系統(tǒng)的背景 11.3對(duì)象需求 11.4電子商務(wù)網(wǎng)站設(shè)計(jì)的原那么和開(kāi)展前景 21.4網(wǎng)站未來(lái)的運(yùn)作模式分析和建議 2第二章網(wǎng)站的需求分析 32.1結(jié)構(gòu)化分析 3數(shù)據(jù)流程 32.2業(yè)務(wù)需求分析 3第三章網(wǎng)站設(shè)計(jì) 43.1前臺(tái)版面設(shè)計(jì) 4首頁(yè)版式 4內(nèi)頁(yè)版式 5整體框架 53.1.4網(wǎng)站美工設(shè)計(jì) 6網(wǎng)站的特色 63.2后臺(tái)管理設(shè)計(jì) 7數(shù)據(jù)庫(kù)備份 7后臺(tái)整體框架 7后臺(tái)特色 8第四章網(wǎng)站實(shí)施與維護(hù)管理 84.1前臺(tái)操作流程 84.2后臺(tái)操作流程 9第五章對(duì)本網(wǎng)站的自我評(píng)價(jià) 10參考文獻(xiàn) 11第一章網(wǎng)站規(guī)劃1．1設(shè)計(jì)目的我們讀書就是為了獲得知識(shí)，現(xiàn)在我們學(xué)習(xí)了ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)，當(dāng)然就是要能做一個(gè)精美的網(wǎng)頁(yè)。在此次網(wǎng)頁(yè)設(shè)計(jì)中，我們要能更加的了解動(dòng)態(tài)網(wǎng)頁(yè)強(qiáng)大的功能和更好的使用它。通過(guò)此次設(shè)計(jì)我們還要能夠知道靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)也的區(qū)別。當(dāng)然，次此設(shè)計(jì)的企業(yè)網(wǎng)站，一方面是為了完成我們的考試，但更重要的是把我們所學(xué)到的東西用在具體的實(shí)踐之中，所以，這次設(shè)計(jì)的目的也是要我們更好的掌握和使用好動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，以便提高對(duì)網(wǎng)頁(yè)知識(shí)的更深層了解。第三點(diǎn)也是最要的一點(diǎn)是，把我們?cè)跁旧蠈W(xué)到的知識(shí)充分運(yùn)用到此次設(shè)計(jì)之中。使我們的在書上學(xué)到的東西不僅僅停留在外表上，把這些東西都用在所要做的網(wǎng)頁(yè)上面。以到達(dá)老師要求的效果和學(xué)以致用。1.2系統(tǒng)的背景我做的是關(guān)于家居的網(wǎng)站，此次的網(wǎng)站設(shè)計(jì)使用的是中國(guó)站長(zhǎng)之家的模版。中國(guó)站長(zhǎng)之家是一家專門針對(duì)各大小網(wǎng)站提供技術(shù)及資源效勞的網(wǎng)站，現(xiàn)擁有國(guó)內(nèi)最大的源碼發(fā)布下載中心以及站長(zhǎng)、網(wǎng)管聚集的站長(zhǎng)社區(qū)，下載中心已經(jīng)成為國(guó)內(nèi)大型的同類下載站之一，每日的下載量達(dá)十萬(wàn)次以上，提供下載的文件儲(chǔ)量達(dá)60G以上；中國(guó)站長(zhǎng)之家是一家專門針對(duì)中文站點(diǎn)提供資訊、技術(shù)、資源、效勞的網(wǎng)站，網(wǎng)站現(xiàn)有上百萬(wàn)用戶，擁有最專業(yè)的行業(yè)資訊頻道、國(guó)內(nèi)最大的建站源碼下載中心、站長(zhǎng)聚集的交流社區(qū)、最大的建站素材庫(kù)、最實(shí)用的站長(zhǎng)工具，除此之外還提供了很多專門針對(duì)網(wǎng)站建設(shè)的特色效勞。這個(gè)網(wǎng)站為我這次作業(yè)的完成提供了很大的方便，正是有了這個(gè)網(wǎng)站提供的模板，我此次網(wǎng)站設(shè)計(jì)的作業(yè)才得以通過(guò)對(duì)這個(gè)模版的修改來(lái)完成。1.3對(duì)象需求我所設(shè)計(jì)的網(wǎng)站是“愛(ài)尚居家網(wǎng)〞，此次設(shè)計(jì)就圍繞家居裝飾品來(lái)展開(kāi)的。家居裝飾主要是通過(guò)擺設(shè)、粘貼、懸掛、鋪墊一些物品，讓居室增添美感。這些物品包括：盆景、花瓶、墻紙、珠簾、字畫、布藝及其它飾物等。隨著時(shí)代的開(kāi)展，家飾、家裝之間越來(lái)越多融合，例如：燈飾、窗飾、升降晾衣架等，既有實(shí)用功能，又兼顧裝飾效果。近年來(lái)，隨著經(jīng)濟(jì)的不斷開(kāi)展，越來(lái)越多的人們對(duì)家居環(huán)境的要求越來(lái)越高，家庭生活舒適化、平安化成為現(xiàn)代人家居新選擇。特別是近些年，國(guó)內(nèi)的家居市場(chǎng)開(kāi)展迅猛，且產(chǎn)品日新月異，逐漸滲透到人們?nèi)粘Ｉ钪校雀淖兞巳藗兊纳盍?xí)慣，也提高了生活質(zhì)量。

家居裝飾設(shè)計(jì)作為裝修的一局部，今后比重將會(huì)越來(lái)越大。家居裝飾產(chǎn)業(yè)前景依然廣闊，但產(chǎn)品需要整合提升、消費(fèi)需要引導(dǎo)推動(dòng)、渠道需要建立完善、營(yíng)銷方式需要開(kāi)拓創(chuàng)新。作為電子商務(wù)專業(yè)的學(xué)生，我設(shè)計(jì)這個(gè)網(wǎng)站的目的就是通過(guò)網(wǎng)絡(luò)來(lái)實(shí)現(xiàn)更大的營(yíng)銷目的。1.4電子商務(wù)網(wǎng)站設(shè)計(jì)的原那么和開(kāi)展前景電子商務(wù)網(wǎng)站設(shè)計(jì)的原那么是：以人為本、整體平衡統(tǒng)一、視覺(jué)形神合一、更新維護(hù)方便、頁(yè)面最正確優(yōu)化、終端兼容匹配、信息平安保障、功能可擴(kuò)展定位等。電子商務(wù)網(wǎng)站的設(shè)計(jì)是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和效勞、表達(dá)企業(yè)開(kāi)展戰(zhàn)略的重要途徑，因此電子商務(wù)網(wǎng)站的目的性一定要定義明確，從實(shí)際出發(fā)，主次清楚、循序漸進(jìn)。另外，總體的設(shè)計(jì)方案要遵循主題鮮明原那么，在目的性明確的根底上，完成電子商務(wù)網(wǎng)站的構(gòu)思創(chuàng)意，對(duì)網(wǎng)站整體風(fēng)格和特色做出定位。我國(guó)電子商務(wù)正由起步邁入繁榮開(kāi)展的階段，行業(yè)化的、精細(xì)化的電子商務(wù)平臺(tái)正逐漸成為直接實(shí)現(xiàn)行業(yè)用戶價(jià)值的合作伙伴，而電子商務(wù)網(wǎng)站是企業(yè)開(kāi)展電子商務(wù)的交互窗口和綜合信息平臺(tái)，其在電子商務(wù)活動(dòng)中扮演著重要的角色，有著十分重要的意義，也和電子商務(wù)的開(kāi)展一樣，有著光明的開(kāi)展前景。1.4網(wǎng)站未來(lái)的運(yùn)作模式分析和建議電子商務(wù)從上世紀(jì)末到現(xiàn)在已經(jīng)走過(guò)十幾個(gè)春秋，國(guó)內(nèi)經(jīng)歷了從無(wú)到有，從小到大的成長(zhǎng)過(guò)程，開(kāi)展速度是喜人的。但是電子商務(wù)不可能取代傳統(tǒng)銷售渠道而一家獨(dú)大。未來(lái)的電子商務(wù)，不再是純粹的單一網(wǎng)絡(luò)銷售，它是與傳統(tǒng)渠道模式的有機(jī)結(jié)合，優(yōu)勢(shì)相補(bǔ)，而絕不是相互排拆。低價(jià)不再是未來(lái)電子商務(wù)唯一的利器，它會(huì)給消費(fèi)者網(wǎng)購(gòu)帶來(lái)方便、平安和舒適的全面體驗(yàn)，這才是未來(lái)電子商務(wù)的方向，才是真正的電子商務(wù)網(wǎng)站。網(wǎng)站的設(shè)計(jì)不只是設(shè)計(jì)師的設(shè)計(jì)技術(shù)問(wèn)題，也是商家的實(shí)用要求問(wèn)題，更是消費(fèi)者是否滿意的問(wèn)題。不只要充分考慮到常規(guī)電子商務(wù)網(wǎng)站設(shè)計(jì)的實(shí)用原那么，更應(yīng)是不斷創(chuàng)新、與時(shí)俱進(jìn)、實(shí)事求是的實(shí)踐性問(wèn)題。第二章網(wǎng)站的需求分析2.1結(jié)構(gòu)化分析數(shù)據(jù)流程在數(shù)據(jù)流程圖中，愛(ài)尚家居企業(yè)后臺(tái)處于頂層數(shù)據(jù)流程最高級(jí)，其次是該網(wǎng)站的前臺(tái)，前臺(tái)為消費(fèi)者提供各類信息。頂層數(shù)據(jù)流圖如圖2-1所示。愛(ài)尚家居網(wǎng)愛(ài)尚家居網(wǎng)消費(fèi)者企業(yè)后臺(tái)提供信息 提供效勞消費(fèi)者企業(yè)后臺(tái)圖2-1頂層數(shù)據(jù)流圖2.2業(yè)務(wù)需求分析隨著整個(gè)社會(huì)的開(kāi)展步伐，人們的生活在快節(jié)奏的根底上越來(lái)越豐富和多元化，對(duì)于家居裝修，也提出了越來(lái)越多的需求。如今，時(shí)尚、個(gè)性、環(huán)保、舒適等等，這些詞語(yǔ)已頻頻出現(xiàn)在住房裝修裝飾現(xiàn)場(chǎng)。但同時(shí)我們也看到，住房裝修裝飾對(duì)于一般群眾消費(fèi)者來(lái)說(shuō)，是一項(xiàng)費(fèi)工、費(fèi)時(shí)、耗資巨大的工程，而且絕大多數(shù)消費(fèi)者，對(duì)于住房的裝修、裝飾并無(wú)經(jīng)驗(yàn)可尋。如何既能購(gòu)置到自己滿意的裝修裝飾材料，又能符合自己對(duì)住房裝修裝飾的品味，還能保證質(zhì)量與合理的價(jià)格，要做到同時(shí)滿足這些需求，對(duì)大局部人來(lái)說(shuō)都不容易。而對(duì)于企業(yè)而言，要將這些市場(chǎng)潛力巨大的消費(fèi)需求變?yōu)橄M(fèi)現(xiàn)實(shí)，也始終是件費(fèi)思量的事。目前、各式各樣的專業(yè)在吸引著大學(xué)生，但是，要想真正了解一個(gè)專業(yè)的特點(diǎn)及其特色，必須要掌握一些具體、詳實(shí)的數(shù)據(jù)資料。我覺(jué)得電子商務(wù)特色專業(yè)網(wǎng)站就可以為那些對(duì)電子商務(wù)專業(yè)感興趣的人提供很好的資料。學(xué)校面對(duì)招生問(wèn)題，也可以通過(guò)網(wǎng)站來(lái)大力宣傳電子商務(wù)專業(yè)特色。吸引更多的學(xué)子來(lái)選擇我們電子商務(wù)專業(yè)，在一定程度上為學(xué)院的招生提供了很好的幫助，更大力度的宣傳了我們電子商務(wù)特色專業(yè)。第三章網(wǎng)站設(shè)計(jì)3.1前臺(tái)版面設(shè)計(jì)首頁(yè)版式首頁(yè)首先是一個(gè)藍(lán)色背景的banner，banner左側(cè)是我們?yōu)槠髽I(yè)專門設(shè)計(jì)的logo，右側(cè)是正在往下滴的水滴，還有一個(gè)做擁抱未來(lái)狀的成功人士，這些結(jié)合起來(lái)給人充滿希望的感覺(jué)。Banner下面是導(dǎo)航，導(dǎo)航包含了整個(gè)網(wǎng)頁(yè)的各個(gè)內(nèi)頁(yè)的鏈接，接下來(lái)是首頁(yè)的主要內(nèi)容，左側(cè)是產(chǎn)品系列的導(dǎo)航，中間上側(cè)是一個(gè)輪顯的動(dòng)畫，右上側(cè)是公司簡(jiǎn)介，在下側(cè)還有一局部，那就是公司的產(chǎn)品推薦。首頁(yè)的下半局部是快捷方式和版權(quán)信息。這幾局部緊密結(jié)合，使得首頁(yè)的結(jié)構(gòu)非常緊密，能夠完整的表現(xiàn)出這個(gè)網(wǎng)站的創(chuàng)意和目的。首頁(yè)版式圖如圖3-1所示。圖3-1首頁(yè)版式內(nèi)頁(yè)版式網(wǎng)站中內(nèi)頁(yè)主要有：公司簡(jiǎn)介、新聞動(dòng)態(tài)、產(chǎn)品展示、成功案例、人才招聘、網(wǎng)站留言、聯(lián)系我們。其中最重要的就是產(chǎn)品展示，可以看到整個(gè)企業(yè)網(wǎng)站的所有產(chǎn)品。產(chǎn)品展示的內(nèi)頁(yè)版式圖如圖3-2所示。圖3-2內(nèi)頁(yè)版式整體框架網(wǎng)站首頁(yè)的整體框架圖如圖3-3所示。Logo圖片導(dǎo)航菜單產(chǎn)品系列輪顯動(dòng)畫公司簡(jiǎn)介聯(lián)系我們產(chǎn)品推薦快捷方式版權(quán)信息圖3-3整體框架網(wǎng)站美工設(shè)計(jì)在設(shè)計(jì)圖片時(shí)運(yùn)用了一些網(wǎng)頁(yè)美工的知識(shí)，設(shè)置好看的字體和圖片、給文字加濾鏡等。Logo是用firework和美圖秀秀設(shè)計(jì)出來(lái)的。既大方又顯得生動(dòng)活潑。美工圖片如圖3-4所示。圖3-4美工圖片網(wǎng)站的特色在我所設(shè)計(jì)的網(wǎng)站中，最大的特色就是后臺(tái)的功能特別強(qiáng)大，導(dǎo)航區(qū)域包括：系統(tǒng)管理、公司信息管理、產(chǎn)品管理、成功案例管理、下載管理、新聞管理、留言管理、人才管理、友情鏈接管理等。各類信息都可以在后臺(tái)進(jìn)行管理和修改。網(wǎng)站特色圖如圖3-5所示。圖3-5網(wǎng)站特色圖3.2后臺(tái)管理設(shè)計(jì)數(shù)據(jù)庫(kù)備份數(shù)據(jù)庫(kù)是輔助于后臺(tái)管理的，數(shù)據(jù)庫(kù)的作用是非常強(qiáng)大，在設(shè)計(jì)過(guò)程當(dāng)中可以運(yùn)用數(shù)據(jù)庫(kù)來(lái)備份數(shù)據(jù)庫(kù)，以免數(shù)據(jù)的喪失。數(shù)據(jù)庫(kù)備份圖如圖3-6所示。圖3-6數(shù)據(jù)庫(kù)備份圖后臺(tái)整體框架網(wǎng)站后臺(tái)的內(nèi)容分為2局部，左側(cè)是各類導(dǎo)航，右側(cè)是要修改的內(nèi)容。后臺(tái)整體框架如圖3-7所示。后臺(tái)banner系統(tǒng)管理要修改的內(nèi)容公司信息管理產(chǎn)品管理成功案例管理新聞管理留言管理人才管理友情鏈接管理圖3-7后臺(tái)整體框架后臺(tái)特色后臺(tái)當(dāng)中最有特色的局部就是產(chǎn)品管理這一板塊，各類產(chǎn)品信息都可以通過(guò)這個(gè)模塊來(lái)添加和修改。在這個(gè)模塊分為四局部，產(chǎn)品類別、產(chǎn)品管理、添加產(chǎn)品、審核產(chǎn)品。后臺(tái)特色板塊如圖3-8所示。圖3-8后臺(tái)特色板塊第四章網(wǎng)站實(shí)施與維護(hù)管理4.1前臺(tái)操作流程對(duì)前臺(tái)的操作主要從網(wǎng)站的首頁(yè)開(kāi)始瀏覽，首頁(yè)中向大家展示的也是這個(gè)網(wǎng)站的重點(diǎn)內(nèi)容，可以通過(guò)點(diǎn)擊首頁(yè)的導(dǎo)航來(lái)實(shí)現(xiàn)各個(gè)頁(yè)面的跳轉(zhuǎn)，導(dǎo)航包括：公司簡(jiǎn)介、新聞動(dòng)態(tài)、產(chǎn)品展示、成功案例、人才招聘、網(wǎng)站留言、聯(lián)系我們等。點(diǎn)擊這些內(nèi)容就可以跳轉(zhuǎn)到相應(yīng)的內(nèi)頁(yè)頁(yè)面。點(diǎn)擊左側(cè)的產(chǎn)品系列按鈕還可以跳轉(zhuǎn)到各類產(chǎn)品的頁(yè)面。前臺(tái)首頁(yè)操作圖如圖4-1所示。圖4-1前臺(tái)首頁(yè)操作圖點(diǎn)擊導(dǎo)航菜單中的新聞動(dòng)態(tài)，出現(xiàn)的頁(yè)面如圖4-2所示。圖4-2前臺(tái)新聞動(dòng)態(tài)操作圖4.2后臺(tái)操作流程進(jìn)入后臺(tái)時(shí)直接在前臺(tái)首頁(yè)網(wǎng)址的根底之上添加admin,回車之后出現(xiàn)登陸界面。輸入賬號(hào)：admin；密碼：admin，輸入系統(tǒng)給出的驗(yàn)證碼，然后點(diǎn)擊登錄按鈕。進(jìn)入后臺(tái)可以根據(jù)自己的需要，在后臺(tái)對(duì)頁(yè)面進(jìn)行相應(yīng)的修改等一系列的操作。后臺(tái)管理登錄窗口如圖4-3所示。圖4-3后臺(tái)操作流程第五章對(duì)本網(wǎng)站的