淘玩具有限公司網站設計與實現論文

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

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

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

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

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

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