`畢業設計畢業設計題道州新雅園餐廳網站設計與實現畢業設計類型■產品設計□工藝設計□方案設計姓名班級所屬系部物流信息系專業電子商務指導教師職稱完成時間摘要“互動”是Internet的主要部分和基本價值，從簡單的媒體向互動平臺轉換，是網絡建設概念的革命性變化，同時也是當今時代網絡的精華。網絡擁有獨一無二的先進性和功效性，管制與營銷工具是最優秀和靈驗的。依靠Internet的無盡擴展性、網絡史無前例先進的策劃、統計、分析、管理等功能，來提高企業的綜合競爭力、調解裝備資源、改善企業的結構，從基本上來變更企業的發展要求和生存。隨著網絡技術的發展和網絡的遍及，很多的企業已經認識到網絡給企業帶來的商機，然而吸引了很多企業投身于網絡商業活動，用網絡將企業與企業、企業與客戶關聯起來。本網站是道州新雅園餐廳官網，其建設的目的是對新雅園餐廳進行品牌宣傳，同時便于顧客快捷的了解餐廳最新消息及餐廳最新菜品等信息。關鍵字：新雅園餐廳官網網站設計目錄TOC\o"1-3"\h\u21990第一章網站設計背景 1176191.1企業網站設計背景 1219961.2網站建設需求分析 2203421.3網站整體結構 418701第二章前期準備 791102.1素材收集整理 741572.2LOGO設計 779182.3Banner設計 8226832.4首頁效果圖 93907第三章網頁設計制作 11167533.1首頁設計制作 11258323.2其他設計制作 1222316第四章網站調試運行 1526484.1網站調試及處理 15130774.2網站運行與推廣 154491總結 1819924致謝 1911498參考文獻 20網站設計背景1.1企業網站設計背景1.1.1、當前信息技術發展背景Intenet時代，在企業中網絡占據著特別重大的位置，為企業開辟了新的商機以及新的市場，企業通過網絡不僅能更快的獲得廣大的市場，還能帶給企業產品和技術方面的最新訊息。對于企業來說，建設一個企業網站，使外界通過網絡來認識企業，并通過網絡平臺實現企業的電子商務化，已被越來越多的企業看重。隨著網絡的迅速發展以及知識經濟的來臨，世界上越來越多的企業運用互聯網將自己和其他企業、客戶聯系起來。許多中小企業也已經強烈的認識到建設網站的重要性，并且開始規劃建設企業網站。1.1.2、企業網站建設現狀背景目前在互聯網上出現眾多企業網站。深入鉆研發現，做企業網站有兩大需求，一是運用網絡服務于企業管理，二是運用網絡展開營銷活動，簡單地說就是企業信息化和網絡營銷。對于運用網絡服務于企業管理，一般適合大型企業協同辦公和提升工作效率，而對于許多中小企業來說，開展網絡營銷是做網站重要的目的。若企業沒有弄明白自己為什么要做網站就盲目去建設，便會出現“無人理睬”的難堪境界。然而對于本網站道州新雅園餐廳來說，開展網絡營銷需要的網上營銷平臺，將來的發展將不只限制于企業本身的網站，更多的是綜合性平臺。它們一樣可以做推廣、建平臺、做網絡營銷、促轉化，對于中小企業而言，最終追求的是網絡營銷效果。1.1.3、品牌簡介道州新雅園餐廳創建于2000年9月21日，是道州示范餐飲行業。餐廳位于湖南省永州市道州南路265號，餐廳始終貫徹"綠色安全，營養健康"的經營宗旨。道州新雅園餐廳作為一家大眾化的簡約時尚餐廳，目前公司已經擁有一個大型天然食材基地，主要菜系有農家小炒、干鍋系列、田園時蔬、靚湯系列、精美點心，是家庭休閑、朋友聚餐、生日聚會的理想場所。餐廳注重產品的創新和研發，餐廳菜單進行有規律的創新，持續做促銷活動，吸引更多的顧客光臨餐廳，從而使老顧客不斷的增加，以致生意穩定、興隆。餐廳獨一無二的秘密配方和標準化產品操作流程為菜品的口味統一打下了基礎，為消費者營造更愉快的美食體驗。作為一家傳統餐飲企業，面對當前信息化浪潮及越來越激烈的市場競爭，道州新雅園餐廳已強烈地意識到了企業信息化的重要性，所以現階段需要通過建立企業官網來提高企業品牌知名度，推介餐廳菜品。1.2網站建設需求分析1.2.1、當前電子商務給餐飲業帶來的優勢電子商務主要是依靠互聯網和一些信息平臺，餐飲企業依照自己的情況建設一個網站，在網絡上展現自己，強化對自己餐飲的宣傳和提高餐飲企業的知名度。連鎖經營是現代餐飲的一個顯赫的特點，同時也是擴大和強化餐飲的必經之路。以前的經營管理模式中，餐飲企業因為運用過去的經營模式，只能引進加盟商或者在另外的地方開店來實現規模的擴展和利潤增添。引進電子商務之后，通過互聯網和電商平臺，餐廳的連鎖店能夠輕易通過網絡完成消費者訂餐的配送和原材料采購等活動，不會耗費大量的人員調配。另外，網站可以給餐廳以及菜譜做宣傳，還可以

設置在線咨詢、投放廣告等，以此提升餐廳的市場競爭力。

嚴厲把關餐飲的物流環節，完成電子商務的一體化服務。餐飲企業以前存在高成本的局面，主要集中在物流、采購等過程中。把電子商務引用到餐飲之后，依靠它的優勢，可以使企業更廣闊的挑選食材，更高效的采購材料，更節省物流運輸，同時還可以與第三方物流企業合作，實現安全、穩定的運輸，對餐飲企業的擴大、強化、出色效益具有非常大的促進作用。

依靠電子商務，由專業協會指導，增強資源共享和信息交流，由行業競爭走向戰略聯盟。如今大多數餐飲企業都停滯不前，企業與企業間的溝通不頻繁，都是排斥同行，維護自己特色，其實這樣做都是沒有必要的。現代社會講求雙贏或多贏，一家不能獨大，但弱小會有被兼并或者破產的風險。運用網站實現資源共享和信息交流是電子商務的一個突出優點，對同行和客戶亦是如此。網站的建設專業，餐飲的品牌效應越強、用戶的瀏覽量越大。在餐飲專業協會的指導下，各餐廳應該利用互聯網增強信息交流和資源共享，實現由行業競爭走向戰略聯盟，將中國的餐飲企業推向全世界，在世界上做大、做強和做響。

由此可見，信息化的發展給我國餐飲業帶來了巨大的績效，餐飲業市場需求也將轉變，餐廳采用互聯網而節約陳本、增加銷量，同時有利于餐廳品牌形象宣傳、擴大企業影響、樹立行業品牌。1.2.2、道州新雅園餐廳官網建設的必要性。引進電子商務的餐飲業是未來經濟發展的大方向，電子商務將給餐飲業帶來史無前例的大變革，另外，餐飲業也會依靠電子商務的發展增加自己的覆蓋范圍，開拓更多的業務帶來獲取更大的利潤。因此，道州新雅園餐廳必須建設自己的官網，在網絡上展示和宣傳自己，增強對餐廳的宣傳，提升品牌知名度。1.2.3、網站定位分析網站設計的方向性指企業網站設計如何定位,希望能達到什么目的。企業的決策層、業務層應負起重大的責任，可以通過一些調查來得出適合本企業發展的網站建設方向。企業網站根據設計的方向性可分為以下三類：a.信息發布型:宣傳企業形象、擴大企業影響、樹立行業品牌;b.市場開拓型:對準目標市場、開發潛在客戶、突出產品優點;c.綜合服務型:加強服務品位、完善服務體系、維護客戶基礎。本人通過對同類型企業官網的調查分析，確定本網站定位為信息發布型，主要用于宣傳餐廳的形象、擴大餐廳的影響力、樹立行業品牌。1.3網站整體結構網站整體結構是衡量用戶體驗網站好與壞的關鍵之一。清楚的網站結構可使用戶迅速獲得所需信息。以下是本網站的整體結構圖：首頁首頁在線留言聯系方式聯系

我們精美點心靚湯系列田園時蔬干鍋系列小炒系列特色推薦美味

菜單行業咨詢餐飲知識公司新聞新聞

中心公司榮譽發展歷程公司簡介誠聘精英關于

我們在線留言聯系方式聯系

我們精美點心靚湯系列田園時蔬干鍋系列小炒系列特色推薦美味

菜單行業咨詢餐飲知識公司新聞新聞

中心公司榮譽發展歷程公司簡介誠聘精英關于

我們圖1-3網站整體結構圖本網站是一個餐廳官網，欄目主要分為五個大的欄目：首頁、關于我們、新聞中心、美味菜單、聯系我們。除首頁外，其它四個大的欄目下都設有多個子類目。關于我們欄目有公司簡介、發展歷程、公司榮譽、誠聘精英等信息，讓瀏覽者了解本餐廳。新聞中心欄目下有行業咨詢、公司新聞、餐飲知識。美味菜單欄目下有特色推薦、小炒系列、干鍋系列、田園時蔬、靚湯系列、精美點心。且每個子欄目都對餐廳的菜單進行了展示，用美食來吸引瀏覽者的眼球。聯系我們欄目有聯系我們、在線留言等信息。前期準備2.1素材收集整理本網站是一個餐廳的官網，素材圖片均為美食圖片，都是在昵圖網收集的，昵圖網的網址為：。圖片收集整理后用Photoshop軟件來加工修改，再應用到本網站上。處理圖片素材時采用了顏色工具來調整圖片的色相飽和度和對比度，使圖片與網站的色彩合理的搭配；采用魔棒工具和仿制圖章工具對圖片上的水印進行處理；采用裁剪工具對圖片進行適度的裁剪，同時使用工具欄的圖像選項對圖片的大小進行調整，并且同類圖片的命名采用了相同的首字母，這樣在制作網站時才能方便圖片的放入。動畫效果的素材圖片在昵圖網上搜索，比其它圖片要困難些，因為動畫效果的圖片很長但不夠寬，改變原圖片的大小后會變形，所以找到合適的很難，找了很多圖片反復的試了后才試出四張最合適的。文字在百度檢索窗口直接搜索，有符合本網站的文字參考后，按照自己的語言來編寫，再應用到本網站上。2.2LOGO設計Logo是公司的標志，傳遞公司文化和理念，表達品牌的獨特性。用簡單明了的符號，形象的把網站理念留于人們心中，然而提高了logo設計的重要性。Logo是一種視覺語言，要產生瞬間作用，因此Logo設計要簡單、明了、醒目，要做到近看精致巧妙，遠看清晰醒目，從每個方向和角度去看都能很好的識別。Logo是公司精神的象征，代表公司的理念、經營的內容、特點和文化特色。公司的Logo絕不只是公司的臉面，更不能將其視為一種外觀的裝飾來忽悠大眾。消費者如果對Logo的認可不能和公司的本質相聯系，公司Logo不僅失去應有的意義，還會損壞公司的根本利益。因此，只有公司的實際情況與公司Logo相一致時，才有可能獲得社會大眾的一致認可。本網站的Logo采用天藍色為主要色調，象征著永恒，意味著餐廳永遠都秉著綠色安全、健康的理念。Logo設計的形態和色彩力求明確表達品牌理念及特點。合適的LOGO設計可以讓人們印象深刻，便搭建品牌與受眾之間的橋梁，從而促進品牌宣傳。logo設計圖如下：圖2-2網站Logo圖2.3Banner設計本網站首頁banner采用Photoshop工具，通過動畫技術加以設計實現，banner圖片是在昵圖網上找的高清美食圖，再運用Photoshop將四張圖片修改成相等的長和寬制作而成。具體制作步驟如下：首先將收集的四張banner圖片都調成相同的大小，再插入動畫，播放第一張圖片就把其它圖片眼睛閉上，這樣以此類推，將每張圖片播放的時間都調成3秒，最后將圖片儲存為web和設備所用格式，擴展名為gif即可。banner制作中的截圖如下：圖2-3Banner的制作動態的banner可以使得首頁顯得生動靈活，更富吸引力。Banner設計圖如下：圖2-4Banner效果圖2.4首頁效果圖對于一個網站而言，首頁的設計直接影響到用戶的體驗度。目前，國內一些知名品牌企業的網站設計過于看重形象展示而忽視了信息傳達職能，導致大批企業網站首頁都是全屏flash，對于用戶迅速獲得信息造成阻撓。因此，網站首頁的設計必須傳達品牌形象，讓訪客在第一時間了解網站的內容、服務和功能，通過首頁可以迅速到達所要找尋的目標頁面。本網站的首頁設計主要是頁面的美觀度和主題明確性，在首頁很好的展示了道州新雅園餐廳的菜品，還設置了公司簡介、新聞中心和聯系我們，達到了信息傳遞的效果，用戶能快速獲取信息。采用DIV、CSS進行布局，保持視覺的一致性，使瀏覽者感覺更具親和力。本網站的首頁設計圖如下：圖2-4首頁效果圖第三章網頁設計制作3.1首頁設計制作3.1.1網頁布局

網站的頁面布局和網站的內容結構有密不可分的關聯，網站頁面布局應該按照網站的信息和用戶瀏覽習慣策劃，將內容井然有序的展現在用戶面前，使主要信息置于頁面主要板塊得以重點呈現。本網站的頁面有效的將文字、圖片、banner進行搭配，合理有序的呈現在用戶面前。網頁布局圖如下：圖3-1網頁布局圖3.1.2風格或色調

本網站風格定位為穩重、簡潔，突出重點，讓瀏覽者能鮮明準確的找到自己想要搜索的信息。以藍色和灰色為主色調，藍色象征永恒，有著沉穩的特性，具有理智、準確的意向，灰色象征誠懇、沉穩，為了突出所展示的內容，用背景灰色差別比較大的藍色來作為展現內容的底色，從而使整個網站顯得更為突出。3.1.3導航條的設計

網站的導航條能使瀏覽者清晰的了解網站的內容，導航分為：首頁、關于我們、新聞中心、美味菜單、聯系我們。導航的顏色為藍色，給用戶提供了一種指引。導航條設計圖如下：圖3-2導航條設計圖3.1.4頁頭設計

網站的頁頭設計非常受網頁設計者的重視，頁頭設計通過獨有的設計手法，搭配極具創意的圖片，可以讓圖片突破空間界限，給人留下深深的印象。本網站的頁頭使用了DIV和CSS進行布局和排版,使頁頭的美觀度大大提高，能給瀏覽者留下深刻的印象。頁頭設計圖如下：圖3-3頁頭設計圖3.2其他設計制作3.2.1“美味菜單”網頁設計“美味菜單”頁面可以介紹餐廳的菜品和特色菜，讓顧客了解本餐廳的菜譜。點擊各菜品，可進入各菜品的詳情頁面，菜品詳情頁面采用圖文并茂的方式對各菜品名稱、原料、功效進行了展示介紹。此頁面是采用DIV嵌套的方式做成的，并且用CSS對頁面進行優化，從而使整個頁面顯示效果統一和不變形。以下是美味菜單的網頁設計圖：圖3-4“美味菜單”頁面效果圖3.2.2“關于我們”網頁設計“關于我們”頁面整體采用內嵌框架技術實現，通過點擊左上角的“關于我們”欄目下級鏈接菜單“公司簡介”、“發展歷程”、“公司榮譽”、“誠聘精英”，各下級頁面將在內嵌框架部分加以顯示。以下是“關于我們”的網頁設計圖：圖3-5“關于我們”頁面圖第四章網站調試運行4.1網站調試及處理4.1.1用戶界面用戶界面有中心工作空間，每個頁面之間要保持一致。每個頁面都有導航，要保持直觀一致。UI控件的命名方式要簡潔明了，并且保持一致，控件的默認狀態要適當；Web應用系統的重要部分可以通過主頁來訪問；響應和操作方式與Web應用程序以及行業標準一致，響應結果要正確，不可產生輸出錯誤以及數據一致性錯誤；若注釋文字指向左側的圖片，則此圖要呈現在左側；填寫證件號碼和姓名的表格放在左邊，其它細節放在右邊會更有效；依據供應的幫助文檔來操作，可以出現預期結果；提供正確的反饋和錯誤提示信息。所有Web應用系統的頁面結構、字體、UI控件、鏈接格調以及背景顏色、前景顏色和字體顏色搭配都要一致，而且文字回繞正確。每個單元格的寬度要足夠，不可因為某一單元格內容太多，而將一整行拉長。圖片要小于30K，首頁要采用大圖。4.1.2鏈接功能測試全部鏈接都鏈接到應該鏈接的頁面，保證Web應用系統上無單獨的頁面（即無鏈接指向該頁面，唯有正確的URL地址才能訪問）。集成測試階段要完成鏈接測試，即在全部Web應用系統的全部頁面開發完成之后實行鏈接測試。4.2網站運行與推廣4.2.1關鍵詞選擇公司網站建設初期就選擇好了合理的關鍵詞，關鍵詞關系到公司的核心產品、業務和服務。網站優化的過程中，都是圍繞關鍵詞展開的，關鍵詞的選擇非常重要。本公司網站建設選擇關鍵詞時查看了同類網站的關鍵詞，在關鍵詞前加地區名，并且聯系到公司的產品、業務、服務和公司名稱。本網站選取的關鍵詞有道州新雅園餐廳、新雅園餐廳、新雅園、餐廳，關鍵詞在DW的工具欄選擇插入選項，再選擇HTML、然后選擇文件頭標簽、最后選擇關鍵詞添加即可。4.2.2域名選擇用戶對網站的第一印象是域名，讓用戶快速記住域名對網站的發展尤為重要。域名要簡單易記，越短越簡單的域名用戶最容易記在腦海里，而且成本越低，域名要和網站名稱或者網站主題相呼應，使人看到域名便能聯想到網站主要經營的內容。采用何種格式的域名后綴對百度搜索沒有影響，但域名后綴要利于用戶記憶。.com、.cn、.net這些最為常見的域名后綴會更利于用戶記憶，那些不常見的后綴可能會使用戶對網站不信任。考慮到以上的這些因素，本網站在選擇域名時，選擇了以.com為域名后綴名。于是本網站注冊域名的時候選取了易于用戶記憶、與公司的名稱相呼應、易于產生信任感的域名，這樣可以易于用戶推薦網站、提升回頭率、增加老顧客。本網站的域名為。4.2.3服務器空間選擇網站的用戶體驗是由服務器、空間的速度和穩定性影響，還會影響搜索引擎的抓取。于是要選擇速度快而且服務穩定的空間或服務器；用戶訪問速度和服務穩定要有保證；選取實力強的正規空間商；購買何種服務器要依據網站規模和提供的服務來決定，若多個網站共用同一臺服務器，穩定性會受到干擾，因為一般空間都會有功能上的限制、流量和連接數，但價格便宜；若限制比較少，就可以自主的管理，但是價格昂貴。本網站根據自己的需求選擇了可以自主管理的服務器，因為它速度快、穩定性好，能給用戶帶來很好的體驗。4.2.4網站推廣中小型企業建設一個與公司名稱相呼應的域名網站之后,將公司簡介、公司新聞、產品信息、銷售、聯系我們等信息發布在網站中,供顧客訪問。這是企業線下營銷在線上的延伸。而網站的推廣是為了讓顧客了解和訪問網站,是網絡營銷獲得成果的基礎,是企業能否實行網絡營銷并取得成功的關鍵所在。當企業網站建設完成發布以后,應該制定宣傳計劃并且利用監控手段監控宣傳成果。中小企業網站的推廣是一個多樣化和多層次的綜合性網站推廣體系，有線上推廣和線下推廣,網上經常看見而且非常有效的線上推廣方法有十多種;線下推廣的方式也有多種。這些推廣方式中有些是付費的,而更多的是免費推廣。本網站選擇線上和線下推廣。線上推廣主要在博客、微博、論壇、問答、QQ群、郵件營銷、軟文炒作等，可讓更多的人了解道州新雅園餐廳，通過第三方的推廣方式挖掘潛在客戶。線下推廣主要用海報、宣傳單，車體宣傳、通過戶外活動等讓更多的人了解新雅園餐廳官網。總結在導師歐陽紅巍老師的指導和鼓勵下我完成了道州新雅園餐廳網站的設計，設計的過程中學到了很多知識，深知遇到問題該如何去分析和解決問題，也讓我深刻地體會到設計一個網站的不易，這也是對自己的一種鼓舞，把三年所學的知識用于實踐，大大的提高了我設計網站的能力，這些在我以后的