淘玩具有限公司網(wǎng)站設(shè)計與實現(xiàn)論文

畢業(yè)設(shè)計畢業(yè)設(shè)計題淘玩具有限公司網(wǎng)站設(shè)計與實現(xiàn)畢業(yè)設(shè)計類型■ 產(chǎn)品設(shè)計□工藝設(shè)計□方案設(shè)計姓名班級所屬系部物信系專業(yè)電子商務(wù)指導(dǎo)教師職稱完成時間年月日

摘要電子商務(wù)的迅速發(fā)展推動世界經(jīng)濟進(jìn)入全球化狀態(tài),縮短了產(chǎn)品生命周期,企業(yè)為了生存下去,就要不斷創(chuàng)新商業(yè)方法與產(chǎn)品,使自己與競爭對手相區(qū)別,實現(xiàn)產(chǎn)品與服務(wù)的差異化,并在生產(chǎn)過程中減少成本,增加客戶價值,而這一過程也就是商業(yè)模式的創(chuàng)新過程,電子商務(wù)整合了商務(wù)活動中的信息流、資金流與商務(wù)流,協(xié)調(diào)并減少物流成本。在網(wǎng)絡(luò)經(jīng)濟條件下,企業(yè)面臨的巨大挑戰(zhàn)是如何具備敏銳的意識、利用電子商務(wù)創(chuàng)新商務(wù)活動,獲取長期利潤,對商務(wù)模式分析的價值在于讓企業(yè)集中思考在商務(wù)活動中各種要素如何有效組織在一起,如何整合內(nèi)外部資源。

淘玩具有限公司網(wǎng)站導(dǎo)航欄包括：公司首頁、公司簡介、企業(yè)動態(tài)、產(chǎn)品中心、聯(lián)系我們、意見反饋，動態(tài)功能模塊主要包括用戶搜索等功能。

關(guān)鍵詞：網(wǎng)站設(shè)計、網(wǎng)站實現(xiàn)、淘玩具有限公司網(wǎng)站。目錄TOC\o"1-3"\h\u25279引言 57707第1章需求分析 6127831.1企業(yè)網(wǎng)站設(shè)計的目的 635631.2網(wǎng)站建設(shè)需求分析 9143391.3網(wǎng)站總體結(jié)構(gòu) 912869第2章前期準(zhǔn)備 114672.1素材收集整理 1182842.3Banner設(shè)計 1311762.4首頁效果圖 148719第3章網(wǎng)頁設(shè)計制作 1636063.1首頁設(shè)計制作 16214863.2其它頁面設(shè)計制作 177953第4章調(diào)試運行 21308034.1網(wǎng)站調(diào)試及處理 21190681.導(dǎo)航條的調(diào)試 21181752.圖片的調(diào)試 2135263.內(nèi)容調(diào)試 21309044.2網(wǎng)站運行 22129071.IIS安裝 2291022.IIS運行 236564總結(jié) 2411863致謝 25引言在電子商務(wù)時代,由于技術(shù)的高速發(fā)展與進(jìn)步,加快了很多新興行業(yè)的產(chǎn)生和發(fā)展,尤其是虛擬經(jīng)濟與虛擬社會的產(chǎn)生?；ヂ?lián)網(wǎng)中流行的信息交流方式也在對傳統(tǒng)的商業(yè)模式起著直接的影響,如傳統(tǒng)的信件交流就被電子郵件逐步取代,傳統(tǒng)的電信產(chǎn)業(yè)也存在被即時通訊工具取代的可能、網(wǎng)絡(luò)傳播逐漸取代平面?zhèn)髅蕉a(chǎn)生更加深遠(yuǎn)的影響力和傳播面。這些都將直接導(dǎo)致傳統(tǒng)商業(yè)模式被改變甚至被取代。

在傳統(tǒng)的商業(yè)模式下,消費者購買商品的步驟是:搜集商品信息→選購商品→商品運送。其購買成本不僅包括商品本身的零售價格,還包括運輸費和交易的時間、精力成本。而在電子商務(wù)環(huán)境下,消費者的購買成本只包括商品費用(電子商務(wù)大都提供送貨業(yè)務(wù),減少了運輸成本)、上網(wǎng)的費用及時間、精力等,這就大大降低了消費者的購買成本。并且,電子商務(wù)時代的重要特征是電子通訊,這使得整個世界在網(wǎng)絡(luò)環(huán)境中成為一個地球村,人與人的信息交流不再是遠(yuǎn)隔千山萬水,而是在瞬間就能實現(xiàn)信息的傳遞,這就使得讓顧客能及時掌握著不同區(qū)域之間的價格優(yōu)勢,從而增強了顧客的議價能力。最后的結(jié)果是商業(yè)經(jīng)營者的利潤空間下降。對于這種情況,企業(yè)只有不斷在產(chǎn)品的差異性上下功夫,從不同程度和層次上刺激個性化的需求模式,才能擴展盈利的空間和渠道。所以淘玩具有限公司抓住趨勢使公司能夠有更好的發(fā)展。第1章需求分析1.1企業(yè)網(wǎng)站設(shè)計的目的第一、有利于提升企業(yè)品牌形象一般來說，企業(yè)建立自己的網(wǎng)站，不但可以給企業(yè)帶來新客戶、新生意，也可以馬上大幅度提升企業(yè)業(yè)績。企業(yè)網(wǎng)站的作用更類似于企業(yè)在報紙和電視上所做的宣傳公司本身及品牌的廣告。不同之處在于企業(yè)網(wǎng)站容量更大，企業(yè)幾乎可以把任何想讓客戶及公眾知道的內(nèi)容放入網(wǎng)站。第二、有利于企業(yè)具有網(wǎng)絡(luò)溝通能力互聯(lián)網(wǎng)絡(luò)真正的內(nèi)涵在于其內(nèi)容的豐富性，幾乎無所不包。對于一個企業(yè)來說，其具有網(wǎng)絡(luò)溝通能力的標(biāo)志是公司擁有自己的獨立網(wǎng)站。第三、可以全面詳細(xì)地介紹公司及展示公司產(chǎn)品公司網(wǎng)站的一個最基本的功能，就是能夠全面、詳細(xì)地介紹公司及公司產(chǎn)品。事實上，公司可以把任何想讓人們知道的東西放入網(wǎng)站，如公司簡介、公司業(yè)績、產(chǎn)品的外觀、功能及其使用方法等，都可以展示于企業(yè)網(wǎng)站上。第四、可以幫助企業(yè)實現(xiàn)電子商務(wù)功能，就現(xiàn)在，您就可以在網(wǎng)站上為您的企業(yè)實現(xiàn)電子商務(wù)功能。您可以在網(wǎng)站上發(fā)布：A實時新聞發(fā)布系統(tǒng)B實時報價系統(tǒng)（C在線下載系統(tǒng)：包括在線管理、在線發(fā)布等；D電子商城系統(tǒng)：可以在網(wǎng)上開家自己的商店；E客戶留言板、在線調(diào)查、招聘系統(tǒng)、郵件列表、BBS論壇等。第五、可以與客戶保持密切聯(lián)系，當(dāng)人們想知道某公司有什么新產(chǎn)品，新服務(wù)，或舊產(chǎn)品和服務(wù)有什么變化，甚至只是想知道該公司有什么新聞，他們就會習(xí)慣性地進(jìn)入該公司的網(wǎng)址。因為公司已經(jīng)習(xí)慣于把所有的新產(chǎn)品和新服務(wù)信息發(fā)布于網(wǎng)上，并且定期在網(wǎng)上發(fā)布有關(guān)公司的消息。第六、可以與潛在客戶建立商業(yè)聯(lián)系，這是企業(yè)網(wǎng)站最重要的功能之一，現(xiàn)在，世界各國大的采購商都是主要利用互聯(lián)網(wǎng)絡(luò)來尋找新的產(chǎn)品和新的供應(yīng)商，因為這樣做費用最低，效率最高。原則上，全世界任何地方的人，只要知道了公司的網(wǎng)址，就可以看到公司的產(chǎn)品。第七、可以利用網(wǎng)站及時得到客戶的反饋信息。1．充分利用網(wǎng)絡(luò)資源：Internet是強有力的工具，能以低代價卻很方便的把產(chǎn)品或服務(wù)的信息發(fā)向全世界的每個角落。全世界所有客戶都能通過網(wǎng)站，了解企業(yè)。Internet已經(jīng)連接了相當(dāng)多的網(wǎng)民、企業(yè)、機構(gòu)和政府，而且向著更廣闊的范圍發(fā)展。開展電子商務(wù)：電子商務(wù)是未來經(jīng)濟形式發(fā)展的大趨勢，目標(biāo)是實現(xiàn)交易信息的網(wǎng)絡(luò)化和電子化，如使用電子貨幣，開網(wǎng)上商店，進(jìn)行網(wǎng)上商務(wù)談判和使用電子簽名簽合同等等。企業(yè)建立網(wǎng)站，從銷售的觀點看，可以減少交易的中間環(huán)節(jié)，降低成本。與客戶互動來往：企業(yè)建立網(wǎng)站，將信息咨詢站開設(shè)到網(wǎng)上，專人值守，提供信息服務(wù)?？膳c外部建立實時的、專題的或個別的信息交流渠道。一些企業(yè)的網(wǎng)站以BBs或公告板的形式聯(lián)系客戶，客戶可以發(fā)表意見，同時也能夠看到其他客戶的信息和從前的信息?？梢允箍蛻羧婧涂陀^地了解企業(yè)和企業(yè)的服務(wù)及產(chǎn)品。淘玩具網(wǎng)站設(shè)計公司推出的每一項服務(wù)，都本著客戶至上的原則，每一個前進(jìn)的腳步，都充分體現(xiàn)了對客戶的尊重與關(guān)懷。正因為如此，我們才能贏得客戶，贏得將來。公司秉承為客戶提供更全面、更優(yōu)質(zhì)的電子商務(wù)服務(wù)理念，為中國互聯(lián)網(wǎng)走向世界作出自己的微薄之力！建立企業(yè)形象：讓別人看到自己，展示企業(yè)的實力。企業(yè)就能夠在國內(nèi)和世界“亮相“，無疑是一種宣傳企業(yè)、產(chǎn)品和服務(wù)的機會。從廣告意義上看，企業(yè)網(wǎng)站事關(guān)企業(yè)形象建設(shè)，同時沒有網(wǎng)站也談不上企業(yè)形象。1.2網(wǎng)站建設(shè)需求分析本網(wǎng)站是以宣傳玩具為主的信息發(fā)布型網(wǎng)站，建立一個擁有良好交互性，操作簡單易用的網(wǎng)站，該網(wǎng)站可以讓廣大群眾更加方便的了解本公司，關(guān)注本公司的網(wǎng)站動態(tài)，了解產(chǎn)品上新的信息，隨著網(wǎng)絡(luò)的發(fā)展，大多數(shù)人都喜歡上網(wǎng)，在網(wǎng)上查找信息的人和購物的人越來越多，為了和同行競爭，搶先一步建設(shè)一個屬于本公司的網(wǎng)站，通過建設(shè)本網(wǎng)站，既能提升公司的知名度，也能擴大產(chǎn)品的銷路，同時也能打造公司的整體形象，通過做網(wǎng)站可以更好，更有效的宣傳公司，網(wǎng)站的首頁簡單明了，可以讓消費者很快的了解到自己需要的信息，操作簡單實用，產(chǎn)品信息通過網(wǎng)站的先進(jìn)設(shè)計，可以牢牢地吸引住目標(biāo)對象，產(chǎn)品的信息傳播有效性將遠(yuǎn)遠(yuǎn)提高，同時也能提高產(chǎn)品的銷售力。1.3網(wǎng)站總體結(jié)構(gòu)公司首頁有企業(yè)動態(tài)、產(chǎn)品中心、聯(lián)系我們、意見反饋等功能。能在前臺顯現(xiàn)整潔標(biāo)準(zhǔn)的資訊內(nèi)容，全站是靜態(tài)格式。具有完整性和實時性，可隨時更新網(wǎng)站內(nèi)容及信息。并且作為一個信息發(fā)布型的網(wǎng)站，我們主要突出的是公司的品牌意識和企業(yè)文化，以及一些相關(guān)產(chǎn)品展示。淘玩具有限公司功能結(jié)構(gòu)分析圖：淘玩具有限公司意見反饋聯(lián)系我們產(chǎn)品中心企業(yè)動態(tài)公司簡介公司首頁意見反饋聯(lián)系我們產(chǎn)品中心企業(yè)動態(tài)公司簡介公司首頁品牌文化玩偶系列品牌文化玩偶系列品牌理念益智系列品牌理念益智系列加盟合作發(fā)展歷程卡通系列加盟合作發(fā)展歷程卡通系列圖1.1網(wǎng)站結(jié)構(gòu)圖一、公司首頁“公司首頁”這個模塊主要用于對導(dǎo)航欄目進(jìn)行一個簡單的展示，讓游覽者清晰的了解到各導(dǎo)航欄目的內(nèi)容，用戶可以選擇自己喜歡的內(nèi)容，從而看到它的具體信息。二、公司簡介“公司簡介”模塊主要用于對公司的介紹和文化宣傳，有利于傳播公司的發(fā)展等狀況。三、企業(yè)動態(tài)“企業(yè)動態(tài)”模板主要用于公司的一些新聞動態(tài)信息發(fā)布，發(fā)表一些家長在購買玩具時應(yīng)該注意哪些問題，同時也發(fā)布公司的一些新信息。四、產(chǎn)品中心“產(chǎn)品中心”主要用于產(chǎn)品展示，可以更換最新上架的產(chǎn)品，查看商品的詳細(xì)信息。該模塊的左側(cè)有產(chǎn)品系列，用戶可以選擇自己喜歡的系列，當(dāng)點擊產(chǎn)品種類后，就會在右側(cè)出現(xiàn)該分類下的玩具產(chǎn)品，用戶可以點擊自己感興趣的產(chǎn)品，從而看到它的具體信息，使用戶對該食品有著全面的認(rèn)識。五、聯(lián)系我們“聯(lián)系我們”用于消費者對本公司之間的溝通，有咨詢電話，售后服務(wù)和E-mail可供消費者聯(lián)系公司。六、意見反饋“意見反饋”可以提交消費者對公司的意見或者建議，促進(jìn)公司和客戶的信譽度。第2章前期準(zhǔn)備2.1素材收集整理隨著課程的漸漸結(jié)束，論文的準(zhǔn)備工作也漸漸開始了，首先去網(wǎng)絡(luò)上查找了有關(guān)建設(shè)的網(wǎng)站一些問題，隨著素材的逐步準(zhǔn)備，開始決定做什么類型的網(wǎng)站，通過在網(wǎng)站上的收集與整理玩具相關(guān)的素材，查找并收集有關(guān)玩具的有關(guān)的文字、圖片等素材，學(xué)會如何查找并收集自己需要的資料和信息，學(xué)會如何根據(jù)需要對收集到的素材進(jìn)行分類，評價、保持和處理，所需資源和環(huán)境網(wǎng)絡(luò)資源使用搜索引擎查找與玩具相關(guān)的信息。對于一些還沒有了解的建設(shè)網(wǎng)站的操作，通過搜索查找結(jié)合書本進(jìn)行操作，從而能夠進(jìn)一步的把網(wǎng)站完善。2.2LOGO設(shè)計圖2.1LOGO圖LOGO代表著一個企業(yè)的標(biāo)志，也能代表一個企業(yè)的產(chǎn)品標(biāo)志，loge的主題為玩具，應(yīng)圖標(biāo)選為四片花片，完美的體現(xiàn)了公司的元素。每一片花色象征著公司的基本理念。圖標(biāo)采用四種顏色為主色，藍(lán)色會給一些容易接受暗示的人以壓迫感，但是有會讓保有樂觀態(tài)度的人產(chǎn)生放松的心態(tài)。同時也代表希望，希望能給公司帶來財富和樂觀的心態(tài)，綠色代表安寧、涼爽和舒適的感覺，它是春天和大自然的色彩，被譽為生命之色。像春天萌牙的綠草，充滿了朝氣和希望，也能給公司帶來活力和希望的象征。玫瑰紅代表有喜慶的用意，能給公司帶來喜慶的事情，黃色代表端莊、青春、可愛；適合公司發(fā)展客戶的一個顏色。能給人眼前帶來一亮，LOGO集合這四種靚麗的顏色，給人眼前一亮的感覺。2.3Banner設(shè)計banner的設(shè)計是突出網(wǎng)站最近熱賣的產(chǎn)品，能夠讓消費者了解到公司最近新突出的產(chǎn)品，和最近突出的產(chǎn)品，通過用PS把收集的圖片進(jìn)行處理，加上字體，把文字變形，使文字看起來更具有靈活性，能夠更好的在公司首頁展現(xiàn)出來，現(xiàn)在的人們都喜歡簡單，圖片的簡約性，也能讓網(wǎng)站足夠吸引消費者，banner是由三張圖片組成，通過Photoshop把三張圖片處理更具有吸引性，在Flash中把三張banner圖通過插動態(tài)幀的形式，用DIV進(jìn)行排版，把圖片做成輪播的形式在首頁展示，使首頁更具有靈活性，體現(xiàn)網(wǎng)站的活躍，吸引消費者的眼球。圖2.2banner圖2.4首頁效果圖公司的首頁是展示一個公司整體形象的時候，本網(wǎng)站采用了圖片滾動的效果，靈活的把首頁做成了動靜結(jié)合的一個頁面。整個首頁簡單易操作，能夠把消費者所需要的呈現(xiàn)在首頁。首頁截圖如下：LOGO導(dǎo)航公司簡介banner產(chǎn)品中心聯(lián)系方式企業(yè)動態(tài)版權(quán)所有圖2.3布局圖圖2.4首頁效果圖第3章網(wǎng)頁設(shè)計制作3.1首頁設(shè)計制作網(wǎng)站的首頁是一個公司的總體形象，給人的感覺是看到就能知道本公司是做什么的，這樣才能達(dá)到首頁的響應(yīng)效果，淘玩具玩具追求的是頁面的美觀度，能夠把網(wǎng)站的信息簡單化的傳遞給瀏覽者，讓網(wǎng)站的信息具有價值化，為了讓首頁的信息能很好的向游覽者傳達(dá)網(wǎng)站的含義，公司的首頁風(fēng)格是根據(jù)公司的產(chǎn)品來設(shè)計的，網(wǎng)站的色彩搭配合理，使背景圖能和首頁的排版相結(jié)合，首頁的不同的顏色影響游覽者的第一印象，網(wǎng)站的背景圖以天藍(lán)色為背景圖，同時網(wǎng)頁上的其他排版是根據(jù)背景圖的顏色來進(jìn)行圖片處理的，藍(lán)色本來的含義就代表著希望和事物的美好，希望網(wǎng)站能給公司帶來一定的利潤，本網(wǎng)站是信息發(fā)布型網(wǎng)站，具有的特色是以圖片和文字的信息展現(xiàn)出來，給游覽者提供有關(guān)玩具方面的信息，網(wǎng)站的LOGO體現(xiàn)公司的一個標(biāo)志，LOGO是直接放在網(wǎng)站的左側(cè)，LOGO的右側(cè)是導(dǎo)航條，包括公司首頁、公司簡介、企業(yè)動態(tài)、產(chǎn)品中心、聯(lián)系我們、意見反饋等信息。導(dǎo)航條采用的是鼠標(biāo)經(jīng)過圖像會變色的功能，然后再用a標(biāo)簽對其他相關(guān)的網(wǎng)頁進(jìn)行相關(guān)的鏈接，LOGO和導(dǎo)航欄的下面是Banner圖片的輪播，能把最新上架產(chǎn)品，傳遞給游覽者，banner的左邊可以進(jìn)行產(chǎn)品的搜索，在banner的下面有產(chǎn)品展示，點擊可以查看產(chǎn)品詳情，最后是公司網(wǎng)站的版權(quán)所有采用的是滾動代碼，進(jìn)行從右到左的輪播，給網(wǎng)站增加一點活力，讓網(wǎng)頁看起來更加的具有玩具的調(diào)皮感。圖3.1首頁圖3.2其它頁面設(shè)計制作陶玩具有限公司網(wǎng)站其他子頁面包括：公司簡介、企業(yè)動態(tài)、產(chǎn)品中心、聯(lián)系我們、意見反饋，每個頁面都有不同的功能，公司的簡介、企業(yè)動態(tài)、產(chǎn)品中心等都在子頁面展示。公司簡介截圖：介紹了本公司的企業(yè)文化、品牌文化、品牌理念等。圖3.2公司簡介企業(yè)動態(tài)截圖：告訴客戶如何選購和清洗毛絨玩具等企業(yè)動態(tài)圖3.3企業(yè)動態(tài)產(chǎn)品中心：可供客戶喜歡的產(chǎn)品，進(jìn)行查看商品的基本信息。圖3.4產(chǎn)品中心聯(lián)系我們截圖：咨詢電話、售后服務(wù)電話、郵箱、方便客戶與公司聯(lián)系。圖3.5聯(lián)系我們意見反饋：給客戶反饋意見，讓公司能夠認(rèn)真負(fù)責(zé)。圖3.6意見反饋第4章調(diào)試運行4.1網(wǎng)站調(diào)試及處理1.導(dǎo)航條的調(diào)試在首頁插入表格后，接著插入導(dǎo)航條的圖片，發(fā)現(xiàn)圖片放進(jìn)表格以后，中間會有間隙，通過反復(fù)的研究，把導(dǎo)航條所有的圖片放在一個表單中，才把問題給解決掉，為了能讓導(dǎo)航條更完美，采用了圖片是的疊加方式，當(dāng)鼠標(biāo)經(jīng)過圖片時變換顏色。圖片的調(diào)試通過游覽器的游覽發(fā)現(xiàn)有幾個網(wǎng)頁的圖片走位，通過在DW中代碼調(diào)試圖片的大小，移動圖片，從而最終達(dá)到了圖片的固定。內(nèi)容調(diào)試網(wǎng)站建設(shè)成功之后，就要對程序進(jìn)行測試，網(wǎng)站測試的目的在于可以第一時間發(fā)現(xiàn)網(wǎng)站中的錯誤，以便于及時糾錯，增加軟件可靠性，它在整個設(shè)計實施過程中占有相當(dāng)?shù)姆至?，測試網(wǎng)站是網(wǎng)站運行的最后一個環(huán)節(jié)，如果稍有不妥，會導(dǎo)致網(wǎng)站運行出現(xiàn)差錯，應(yīng)測試游覽器與服務(wù)器的接口，提交事務(wù)，然后查看服務(wù)器記錄，并驗證在游覽器與服務(wù)器上發(fā)生的，最容易被忽略的地方是接口處理，嘗試在處理過程中中斷用戶到服務(wù)器上的網(wǎng)絡(luò)連接，在這種情況下，系統(tǒng)能否正確處理這些錯誤，如果用戶中斷了事務(wù)處理，在游覽者沒有返回網(wǎng)站確認(rèn)的時候已經(jīng)保存了訂單，應(yīng)用系統(tǒng)的特定功能，應(yīng)對應(yīng)系統(tǒng)特定的功能需求進(jìn)行驗證，測試網(wǎng)站能夠進(jìn)行所有的操作。4.2網(wǎng)站運行1.IIS安裝InternetInformationServices（IIS，互聯(lián)網(wǎng)信息服務(wù)），是由微軟公司提供的基于運行MicrosoftWindows的互聯(lián)網(wǎng)基本服務(wù)。安裝步驟如下：開始—設(shè)置—控制面板—添加和刪除程序—添加/刪除Windows組件—彈出一個【W(wǎng)indows組件向?qū)А繉υ捒?，如下圖：

配置成功后在搜索地址欄輸入：http://localhost出現(xiàn)下圖即為驗證IIS安裝成功。2.IIS運行訪問\tqj后成功顯示出首頁的截圖如下：總結(jié)畢業(yè)設(shè)計的完成使我的心里的一塊石頭終于放下來了，這是在大學(xué)里最認(rèn)真對待的一次，開始做畢業(yè)設(shè)計的時候很懶散，一直不確定自己要做什么樣的網(wǎng)站，該怎么來做這個網(wǎng)站，最后經(jīng)過幾番思考決定做這個玩具的網(wǎng)站，并堅持做下去，隨著畢業(yè)日子的到來，畢業(yè)論文寫作也接近了尾聲。畢業(yè)論文的完成不僅是對前面所學(xué)知識的一種檢驗，而且也是對自己能