《網(wǎng)頁設計課程設計.ppt》由會員分享，可在線閱讀，更多相關《網(wǎng)頁設計課程設計.ppt（17頁珍藏版）》請在裝配圖網(wǎng)上搜索。
1、網(wǎng)頁設計課程設計,四川興欣鞋業(yè)有限公司 網(wǎng)站設計報告 08電商（本）2班何雙雙 200820611213,一 網(wǎng)站設計的需求,不管你處于社會的哪個階層，你都離不開吃穿住行，鞋子是穿的一部分，自然也很重要。 中國是一個人口眾多的國家，所以鞋業(yè)公司之多是不可估量的，本公司所在地是宜賓。宜賓是長江上游川、滇、黔結合部的交通樞紐和經(jīng)濟貿(mào)易中心, 是四川省省轄市, 位于四川省南部。市政府所在地宜賓城，居金沙江、岷江交匯處，是長江正流的起點，南接云南省昭通地區(qū)，西接涼山彝族自治州、樂山市，北連自貢市，東與瀘州市為鄰。宜賓擁有國家級風景名勝區(qū)蜀南竹海，以及宜賓縣石城山、南溪縣云臺山、翠屏區(qū)七星山、江安青峰寺
2、等省級風景名勝區(qū)。整個市幅員面積13283平方公里，統(tǒng)計數(shù)據(jù)顯示，2008年全市總人口為526.98萬人，GDP總量達645.86億元，同比增長14.6%，總量和增速均居全省第四位。此外，“萬里長江第一城”宜賓是四川省內以水、陸、空綜合立體交通網(wǎng)絡著稱的區(qū)域中心城市，也是世界銀行咨詢報告確定的21世紀長江流域最具投資價值的25個城市之一。,宜賓市的專賣店主要集中在文星街、西街、東街、人民中路、北大街，還有一些零散分布在民主路、林家巷、清華街。由于宜賓市的商圈分散，專賣網(wǎng)點分布也較為分散，各大品牌對該市的街道圈點布局，各自占領其要害位置。整個宜賓市鞋類品牌云集，競爭尤其激烈。 目前，金融危機的影
3、響逐步深入實體經(jīng)濟，對傳統(tǒng)的零售業(yè)影響也越來越大。市政府機構、事業(yè)單位、企業(yè)均采取了措施應對金融危機，積極響應國家號召，拉動內需，給員工發(fā)放節(jié)日消費券，促進員工去商場消費，對終端專賣、連鎖鞋城網(wǎng)點造成了一定的沖擊，加劇了鞋業(yè)市場的“三月曉春寒”。,目前，整個鞋業(yè)市場的營銷還局限于傳統(tǒng)模式，諸如打折、特價、返現(xiàn)等，對消費者而言已無新意，需要業(yè)內人士抓住時機，創(chuàng)意營銷，重點營銷。如：運動品類可以借用代言人做愛心慈善活動；對學校進行友誼賽事贊助；開展團購等。 為了方便客戶能更好更快的了解公司企業(yè)形象，加快公司的銷售，提供公司企業(yè)形象，增加在本市的市場競爭力，本公司決定建立一個結構完整的網(wǎng)站。,二網(wǎng)站
4、的主題和風格的確定,1.本公司主要是進行“運動鞋”的生產(chǎn)和銷售。為了顯示本公司的簡約而不簡單和科技的形象，所以采用了淡藍色和深藍色。同時為了營造活波的氣氛又加入了多種的其他明亮的顏色，起到點睛的作用。 2. 網(wǎng)站為了吸引瀏覽者的注意所以加入了多個flash，用動態(tài)的形式來體現(xiàn)公司的雄厚的實力。為了方便瀏覽者的閱讀，所以網(wǎng)頁做到了簡單明了，導航為了方便瀏覽，欄目就比較少。網(wǎng)站主要是介紹公司形象和產(chǎn)品，提高銷售。簡介的網(wǎng)頁給人清新明了的感覺。,3.logo的設計: 對于logo為了跟能體現(xiàn)簡約的風格，所以就沒有多做其他的方式，直接用了一個簡單的圖形,再寫上了公司的名字和網(wǎng)站地址即可。因為導航那里
5、已經(jīng)又了flash，所以為了留住清新的感覺讓瀏覽者人能跟快的了解公司所以logo就沒有處理。,4.欄目的設置: 主要是宣傳公司，所以公司簡介和產(chǎn)品介紹是必不可少的。為了加強和客服的交流，有設置了客戶留言. 公司簡介是宣傳本公司的形象. 新聞中心主要介紹了三個方面:公司新聞（本公司的最新動態(tài)）、熱點新聞（當今實事）、行業(yè)行為（鞋業(yè)的發(fā)展及動態(tài)）。 產(chǎn)品介紹說明公司的產(chǎn)品情況,方便客戶能更好的了解產(chǎn)品信息,分兩類:最新產(chǎn)品、活動打折。,會員系統(tǒng)會員系統(tǒng):能了解真正的客戶,方便與客戶能有更多的聯(lián)系.客戶只有注冊后才能下定單,購買商品.促進交易額.分為三類: 1 會員注冊：填寫注冊信息. 2 會員登陸
6、：會員有很多優(yōu)惠政策，可以給客戶提供更多的福利。 3 在線咨詢：實行一對一的制度，可以讓客戶更快更好的得到自己想還要知道的信息。,客戶服務方便與客戶的交流,了解客戶需要的產(chǎn)品和信息.分為三類: 1.服務宗旨：說明公司的核心. 2，質量“三包”：給客戶更多更好的福利。 3，服務流程：讓客戶更快的得到他想要的幫助。,三 網(wǎng)站素材的收集與選擇,許多都是用firework和Fireworks還有 flash 中制作。產(chǎn)品照片是從“百度”和原公司的網(wǎng)地址上面找到。,四 網(wǎng)頁的規(guī)劃,1,網(wǎng)站首頁是index.html,其余子網(wǎng)頁是以其漢語拼音命名。網(wǎng)站地圖如下：,首頁結構圖,子頁結構圖,,,,,版權說明,五工具的選擇與網(wǎng)頁的設計,1.要用到的工具是firework和Photoshop還有 flash，在加上Dreamweaver。 2.制作網(wǎng)頁的時候，我先做的是背景，即：深藍色的格子布局。簡介、大方。,導航的設計是運動dreamveaver插入里的導航條做的，圖片是運用fireworks做的。方便，簡潔，快速。 Banner的制作是由flash來完成的，無論是圖片的處理或者是文字的運動。,六 網(wǎng)頁的測試,通過上傳，每張網(wǎng)頁都能夠正常的顯示。都能夠正常的鏈接。圖片，文字的效果也良好，沒有失真的現(xiàn)像。每個網(wǎng)頁的頁面的大小也沒有變化。,七 費用清單,暫無,
網(wǎng)頁設計課程設計.ppt
