企業(yè)網站建設畢業(yè)設計論文

1、<p>　　企 業(yè) 網 站 建 設</p><p><b>　　前 言</b></p><p>　　信息時代來臨,企業(yè)建立自己的企業(yè)網站已經成為一種生存的必要手段,它能樹立企業(yè)形象與企業(yè)文化,展示企業(yè)所經營的業(yè)務,綜合展示企業(yè)的實力,拓寬顧客市場,增加企業(yè)與客戶之間的聯系,縮短二者之間的距離,提高企業(yè)知名度,為企業(yè)找到了自己的一個永久的廣告發(fā)布平臺。利用網上

2、購物實現電子商務,完成金融、物品、服務、信息等價值的交換,是快速而有效地進行各種商務活動的最新方法。建成檢索迅速,查找方便,可靠性高、存儲量大、保密性好、壽命長、成本低、維護簡潔、信息實時性強的功能完善的企業(yè)網站,能夠極大地提高企業(yè)效率,也是企業(yè)走向科學化、信息化與世界接軌的重要條件。</p><p>　　更好地應用因特網、開發(fā)網站已成為企業(yè)發(fā)展的趨勢。21世紀是以網絡為核心的信息時代。網絡化、信息化和數字化正在

3、從整體上引導人類社會和世界經濟發(fā)展的進程。以網絡技術為重要內容的信息技術已經成為經濟發(fā)展的關鍵因素和倍增器。全球電子商務得到了突飛猛進的發(fā)展，市場信息和商務信息的處理和傳遞突破了時間和地域的局限，市場的各種要素高效、及時融合，提高了整個市場的經濟運行效率，網絡正在逐漸成為一個真正的全球性的“新興市場”。網絡營銷作為電子商務重要的組成部分和直接的推動力量，給企業(yè)帶來了歷史性的發(fā)展機遇，同時也給企業(yè)帶來了嚴峻的數字化生存危機?？傊?，網絡在人

4、們生活中顯示出越來越重要的地位和作用，它已經成為信息時代不可缺少的一部分。政府、大公司、小公司、醫(yī)院、學校、銀行等等，你在任何地方都能找到它活躍的身影，計算機網絡已經滲透到人們生活的方方面面，不僅影響著人們的日常生活，同時也是企業(yè)發(fā)展、創(chuàng)新的重要渠道。一個技術落后、信息封閉的企業(yè)，是很難在當今瞬息萬變的社會中生存的。本文將圍繞網站對企業(yè)發(fā)展的影響展開詳細的敘述。</p><p>　　關鍵詞：企業(yè),網站,電子商務

5、</p><p><b>　　目 錄</b></p><p><b>　　第1章 緒論1</b></p><p>　　1.1企業(yè)網站的需求1</p><p>　　1.2企業(yè)網站研究的意義2</p><p>　　1.3企業(yè)網站研究的思路與內容3</p>

6、<p>　　第2章 企業(yè)網站開發(fā)相關技術及工具5</p><p>　　2.1網站開發(fā)的技術5</p><p>　　2.1.1 HTML簡介5</p><p>　　2.3網站開發(fā)工具7</p><p>　　2.3.1網頁設計軟件Dreamweaver7</p><p>　　第3章 企業(yè)網站實現及實

7、現效果9</p><p>　　3.1企業(yè)網站主頁9</p><p>　　3.1.2網站主頁的布局10</p><p>　　3.2主頁部分的實現及實現效果10</p><p>　　3.2.1實現文字滾動及實現效果12</p><p>　　3.2.2網站主頁視頻展示及實現效果12</p><

8、p>　　3.3產品圖片及實現效果14</p><p>　　3.3.1網站產品圖冊對企業(yè)的影響14</p><p>　　3.3.2網站產品圖片的實現效果14</p><p>　　3.3.3客戶留言的實現效果17</p><p>　　第4章 總結與思考19</p><p>　　4.1 注重企業(yè)網站色彩的和

9、諧搭配及統一19</p><p>　　4.2 注重企業(yè)網站內容建設19</p><p><b>　　致 謝22</b></p><p><b>　　參考文獻：23</b></p><p><b>　　附錄124</b></p><p><

10、;b>　　結束語25</b></p><p><b>　　第1章 緒論</b></p><p>　　1.1企業(yè)網站的需求</p><p>　　隨著計算機技術和計算機網絡的飛速發(fā)展，我們已經進入了信息化時代,從網絡獲取信息成為我們汲取知識的一個重要部分,已為企業(yè)帶來無限商機。越來越多的企業(yè)已經建立了自己的門戶網站,可以即時發(fā)

11、布其產品信息和企業(yè)動態(tài),使得與外界溝通交流更方便更暢通。</p><p>　　企業(yè)網站的分類方式多種多樣, 根據其功能可分為宣傳型、客戶服務型、電子商務型。</p><p>　　宣傳型網站: 通過建立宣傳產品或服務, 提升企業(yè)形象, 擴大品牌影響, 拓展企業(yè)的海內外潛在市場。主要面向客戶、業(yè)界人士或者普通瀏覽者,以介紹企業(yè)的基本資料、幫助樹立企業(yè)形象為主;可以適當提供行業(yè)內的新聞或者知識信

12、息。</p><p>　　客戶服務型: 通過網站實現企業(yè)宣傳, 并達到與客戶實時溝通、為產品或服務提供技術支持, 從而降低成本、提高企業(yè)的工作效率。主要面向客戶或者企業(yè)產品(服務)的消費群體, 以宣傳企業(yè)的核心品牌形象或者主要產品(服務)為主。</p><p>　　電子商務型: 主要面向供應商、客戶或者企業(yè)產品(服務)的消費群體, 以提供某種直屬于企業(yè)業(yè)務范圍的服務或交易或者為業(yè)務服務的服

13、務或者交易為主; 實現產品展示、在線訂購、虛擬店員等功能, 這類網站適合分銷與信息服務等企業(yè)。</p><p>　　凱爾鋼琴是德清洛舍振偉鋼琴廠的品牌名稱，創(chuàng)建于2007年。凱爾鋼琴，是眾多國產鋼琴品牌之一。適用人群為學校和音樂學院教學用，同時高檔產品也用于音樂表演。因其直銷模式在鋼琴行業(yè)銷售方面以性價比高為優(yōu)勢發(fā)展至今。</p><p>　　為了企業(yè)更好的宣傳與交流，我們應用相同的技術分

14、別建立了公司對外網站，對外網站用于對外宣傳與客戶進行交流和溝通，展示公司專業(yè)實力和企業(yè)文化，同時還包括企業(yè)信息、企業(yè)產品、公司新聞、以及客戶注冊等等。視頻新聞有內部錄制對外播發(fā)、上傳的，有從企業(yè)下載的；文字圖片新聞有綜合新聞，也有來自產品購買者的新聞；有質量體系文件、安全體系文件，可以按權限瀏覽，還可以閱讀企業(yè)咨詢等。有了這個平臺，讓消費者有了對企業(yè)產品很直觀的了解。</p><p>　　1.2企業(yè)網站研究的意義

15、</p><p>　　在新經濟條件下，商業(yè)規(guī)則已經發(fā)生了一些改變，電子商務對企業(yè)的基本構架在速度和效率上提出了更高的要求。電子商務的環(huán)境和競爭狀況變化如此之快，網上商品交易系統及售后服務系統，該系統提高了社會資源利用率，同時也為個人商品交易提供了方面，所以，企業(yè)建立網站的意義如下:</p><p>　　一、擁有企業(yè)自己的域名，建立企業(yè)自己的網站，樹立企業(yè)在科技信息時代的完美形象。作為第四媒

16、體的互聯網，其特點就是可以跨越時空，正常情況下， 網站無時無刻 不在工作通過企業(yè)的網站，用戶可以跨越時空了解企業(yè)，利用多媒體技術，企業(yè)可以 向用戶展示產品、技術、經營理念、企業(yè)文化、企業(yè)形象，樹立現代企業(yè)形象，增值 企業(yè)無形資產。 </p><p>　　二、宣傳企業(yè)，創(chuàng)造銷售機會據調查，有超過30%的人是通過上網查詢企業(yè)的電話和地址的，這一比例和通過114查詢的比例相接近，可見企業(yè)網站已成為許多人首次接觸企

17、業(yè)、了解相關信息的選擇。 </p><p>　　三、加強客戶溝通宣傳企業(yè)產品企業(yè)可以通過網站建立與客戶溝通的便捷渠道，全面展示企業(yè)的所有產品。網絡科技足以令您的產品與品牌形象更加立體地呈現在用戶面前，就算企業(yè)僅僅把網站當成電子宣傳冊來使用，也較傳統的宣傳模式更加的多姿多彩、更加地易于發(fā)布與傳播、更加的經濟與環(huán)保。 '</p><p>　　四、豐富營銷手段，擴大產品銷售渠道企業(yè)網

18、站可以滿足一部分客戶網上查詢與采購的需要，抓住網絡商機。企業(yè)通過網站可以開展電子營銷。首先，電子營銷作為傳統營銷的補充；其次， 電子營銷可以拓展新的空間，增加銷售渠道，接觸更大的消費群體，獲得更多的新顧 客，擴大市場；再次，電子營銷可以減少環(huán)節(jié)，減少人員，節(jié)約費用，降低成本，有利于提高營銷效率。 </p><p>　　五、有利于了解顧客的意見，掌握顧客的需求在不干擾顧客正常工作和生活的條件下，企業(yè)通過網站上的調

19、查表、留言薄、定 制服務以及E-MAIL可以傾聽顧客的意見，了解顧客的心聲，加強企業(yè)與顧客間的聯系 建立良好的顧客關系。</p><p>　　六、有利于改善服務，提高企業(yè)服務質量利用網站，通過電子溝通方式，企業(yè)開展的在線服務是傳統的溝通方式（如，郵 件、電話、傳真等）所無比擬的，在線服務能夠更加及時準確地掌握用戶的需求，通過網站的交互式服務使得被動提供和主動獲得統一起來，從而實現售前、售中、售后的全過程和全方位的

20、服務。</p><p>　　七、 互聯網的特點在于突破地域限制，一個網站能同時為您服務于世界各地的擁護；同時，網絡無休息，一年365天、一天24小時，您的網站永遠忠實地服務于您的所有客戶。</p><p>　　我們所處的時代是高度信息化的互聯網時代，互聯網正在滲透到我們生活中的方方面面，并且在以十倍甚至百倍的速度提高著我們的工作效率?；ヂ摼W的發(fā)展帶來了一場規(guī)模空前的行業(yè)革命，他不僅改變了許

21、多傳統行業(yè)的運作模式，同時也產生了許多新的行業(yè)，并且可以重新排定行業(yè)內各個企業(yè)的地位?？梢哉f互聯網時代是一個資源和財富再分配的時代?；ヂ摼W絡真正的內涵在于其內容的豐富性，幾乎無所不包。對于一個企業(yè)來說，其具有網絡溝通能力的標志是公司擁有自己的獨立網站。</p><p>　　1.3企業(yè)網站研究的思路與內容</p><p>　　如今，互連網對企業(yè)來說已經不再是新鮮的事物了，大多數的企業(yè)都已經建

22、立了自己的網站。隨著互連網的快速發(fā)展，網絡已成為人們生活的一部分。電子商務、網絡營銷已不在只是被炒做的概念，人們對其的認識也在深入。不僅僅是大企業(yè)需要網站來開展電子商務，中小企業(yè)一樣也迫切需要自己的企業(yè)網站用以實現宣傳和聯系客戶等許多傳統媒介無法完成的目標。 </p><p>　　企業(yè)網站是一個可以發(fā)布企業(yè)信息、提供顧客服務，以及在線銷售的管道；而在開發(fā)設計人員看來，企業(yè)網站無非使一些功能模塊，通過網頁的形式將前

23、臺和后臺結合起來。一個完整的企業(yè)網站，無論多么復雜或多么簡單，都要劃分為四個組成部分：結構、內容、服務、功能。 </p><p><b>　　1網站結構</b></p><p>　　是為了向用戶表達企業(yè)信息所采用的網站欄目設置、網頁布局、網站導航、網址層次結構等信息的表現形式等。 </p><p><b>　　2網站內容</b&

24、gt;</p><p>　　內容是用戶通過企業(yè)網站可以看到的所有信息，也就是企業(yè)希望通過網站向用戶傳遞的所有信息。網站內容包括所有可以在網上被用戶通過視覺或聽覺感知的信息，如文字、圖片、視頻、音頻等。一般來說，文字信息是企業(yè)網站的主要表現形式。 </p><p><b>　　3網站功能</b></p><p>　　是為了實現發(fā)布各種信息，提供各

25、種服務等必須得技術支持系統。網站功能直接關系到可以采用的網絡營銷方法以及網絡營銷的效果。 </p><p><b>　　4網站服務</b></p><p>　　即網站可以提供給用戶的價值，如問題解答、優(yōu)惠信息、資料下載等。網站服務是通過網站功能和內容而實現的。</p><p>　　第2章 企業(yè)網站開發(fā)相關技術及工具</p>&l

26、t;p>　　2.1網站開發(fā)的技術</p><p>　　應該包括軟件與硬件兩部分，軟件方面單純從技術上說，基本有兩部分，前臺和后臺：前臺技術包括基本的HTML代碼，Css樣式表等，Flash的應用也應該屬于前臺；后臺技術就多了，主要包括動態(tài)網頁語言與數據庫，比如PHP／ASP／C#.NET等動態(tài)語言和Oracle／SQLServer／MySQL等數據庫硬件上就是你放置網站程序和內容的地方，可以自建服務器

27、，或者租用虛擬主機等</p><p>　　2.1.1 HTML簡介</p><p>　　在萬維網上的一個超媒體文檔稱之為一個頁面（外語：page）。作為一個組織或者個人在萬維網上放置開始點的頁面稱為主頁（外語：Homepage）或首頁，主頁中通常包括有指向其他相關頁面或其他節(jié)點的指針（超級鏈接），所謂超級鏈接，就是一種統一資源定位器（Uniform Resource Locator，外語縮

28、寫：URL）指針，通過激活（點擊）它，可使瀏覽器方便地獲取新的網頁。這也是HTML獲得廣泛應用的最重要的原因之一。在邏輯上將視為一個整體的一系列頁面的有機集合稱為網站（Website或Site）。超級文本標記語言（英文縮寫：HTML）是為“網頁創(chuàng)建和其它可在網頁瀏覽器中看到的信息”設計的一種標記語言。</p><p>　　網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組

29、件等），可以創(chuàng)造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。</p><p>　　2.1.2 HTML發(fā)展史</p><p>　　HTML的全稱是Hypertext Markup Language（超文本標記語言）。HTML是用于描網頁文檔的標記

30、語言?，F在我們常常習慣于用數字來描述HTML的版本（如：HTML5），但是最初的時候我們并沒有HTML1，而是1993年IETF團隊的一個草案，并不是成型的標準。兩年之后，在1995年HTML有了第二版，即HTML2.0，當時是作為RFC1866發(fā)布的。有了以上的兩個歷史版本，HTML的發(fā)展可謂突飛猛進。1996年HTML3.2成為W3C推薦標準。之后在1997年和1999年，作為升級版本的4.0和4.01也相繼成為W3C的推薦標準。在

31、2000年基于HTML4.01的ISO HTML成為了國際標準化組織和國際電工委員會的標準。于是被沿用至今，這期間雖然有點小的改動但大方向上終歸沒有什么變化。從1993-2000之間短短的7年時間，HTML語言有著很大的發(fā)展，基于諸多人的努力，終于產生了我們現在用的HTML語言。</p><p>　　2.1.3 ASP簡介</p><p>　　Microsoft Active Server

32、 Pages 即我們所稱的ASP，其實是一套微軟開發(fā)的服務器端腳本環(huán)境。Active Server Page 是創(chuàng)建動態(tài)網頁的一個很好的工具，它起一種編程語言的作用，可以利用它編寫動態(tài)產生HTML的程序代碼。而且ASP也是服務器端腳本環(huán)境，可以用來創(chuàng)建交互式WEB頁并建立強大的的Web應用程序。</p><p>　　因此，只要用戶瀏覽Web站點并請求一個ASP頁，Web服務器就可以處理相應的ASP代碼，生成HTM

33、L代碼，然后將它傳遞到用戶瀏覽器并顯示出網頁。ASP內含于IIS4.0和5.0之中,通過ASP我們可以結合HTML網頁、ASP指令和ActiveX元件建立動態(tài)、交互且高效的WEB服務器應用程序。有了ASP就不必擔心客戶的瀏覽器是否能運行所編寫的代碼，因為所有的程序都將在服務器端執(zhí)行，包括所有嵌在普通HTML中的腳本程序。當程序執(zhí)行完畢后，服務器僅將執(zhí)行的結果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負擔，大大提高了交互的速度。 &l

34、t;/p><p><b>　　ASP技術的優(yōu)點：</b></p><p>　　作為網絡上十分流行的編程語言，一定會具有很多獨特之處，而ASP也不例外，它具有以下優(yōu)點：</p><p>　　1、編寫程序方便。結合HTML語言就能夠非常方便地完成網站的應用程序。使用哪種語言并不重要，Web 服務器等同地處理這兩種語言，并向用戶的瀏覽器發(fā)送 HTML 格

35、式化結果。由于ASP采用Script語言，就可以輕松編寫程序，因此這就大大節(jié)省了網絡設計人員又得重新學習一種新語言的時間。而且編寫ASP無須手工compile編譯或鏈接程序，可在服務器端直接執(zhí)行，這無疑是更加方便了我們的編寫過程。</p><p>　　2、使用編程環(huán)境方便簡單?？梢允褂闷胀ǖ挠浭卤局惖奈谋揪庉嬈?，即可進行編輯設計,如：Windows的記事本，也可以用dreamweaver和專業(yè)的Microsof

36、t Visual InterDev開發(fā)工具。</p><p>　　3、瀏覽網頁方便，交互速度也快。ASP是運行在服務器端，所以我們無須擔心瀏覽器是否支持ASP所使用的編程語言,用戶端只要使用可執(zhí)行HTML碼的瀏覽器，即可瀏覽Active Server Pages所設計的網頁內容。ASP在服務器端運行，當程序執(zhí)行完畢后，服務器僅將執(zhí)行的結果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負擔，大大提高了交互的速度。

37、</p><p>　　4、提供多種編程語言。ASP能與任何ActiveX scripting語言相容。除了可用VBScript或JavaScript語言來設計外，還通過plug-in的方式，使用由第三方所提供的其他腳本語言，譬如Perl等。</p><p>　　5、提高代碼的安全性。</p><p>　　而我這次所開發(fā)的留言本系統，主要是利用ASP技術的簡單和實用的

38、特點，以及ASP使用的廣泛性，而且非常適合于網絡中小型系統開發(fā)。</p><p><b>　　2.3網站開發(fā)工具</b></p><p>　　2.3.1網頁設計軟件Dreamweaver</p><p>　　Dreamweaver是一個功能強大的網頁設計工具，有著方便實用的工具和所見即所得的排版功能，見面十分友好，使用方便。在不需要掌握HTML

39、語言的情況下，即可利用其強大的功能開發(fā)出專業(yè)的網頁。Dreamweaver也是一個方便的編程工具，可以方便地編寫ASP、PHP、JSP代碼，軟件的自動提示填充功能和代碼染色功能可以有效地幫助用戶編寫和調試各種代碼。它集網頁設計、網站開發(fā)和站點管理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網站設計、開發(fā)、制作的首選工具。借助于Dreamweaver可以快速方便地開發(fā)出各種動態(tài)或靜態(tài)網站。</p><p&

40、gt;<b>　　1、靈活的編寫方式</b></p><p>　　Dreamweaver具有靈活編寫網頁的特點，不但將世界一流水平的“設計”和“代碼”編輯器合二為一，而且在設計窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。</p><p><b>　　2、可視化編輯界面</b></p><p>　　Drea

41、mweaver是一種所見即所得的HTML編輯器，可實現頁面元素的插入和生成。或視化編輯環(huán)境大量減少了代碼的編寫，同時亦保證了其專業(yè)性和兼容性，并且可以對內部的HTML編輯器和任何第三方的HTML編輯器進行實時的訪問。無論用戶習慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶設計網頁和管理網站變得更容易。</p><p>　　3、功能更多的CSS支持——CSS可視化設

42、計、CSS檢查工具</p><p>　　4、動態(tài)跨瀏覽器驗證</p><p>　　當保存時系統自動檢查當前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測試用瀏覽器，同時系統自動檢驗以確定頁面有沒有目標瀏覽器不支持的tags或CSS結構。動態(tài)跨瀏覽器有效性檢查功能可以自動核對tags和CSS規(guī)則是否適應目前的主流覽器。</p><p>　　5、強大的WEB站點管理功能&

43、lt;/p><p>　　6、內建的圖形編輯引擎</p><p>　　7、Dreamweaver的集成特性</p><p>　　Dreamweaver 8繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實用的網頁。</p><p>　　8、豐富的媒體支持能力</p>

44、;<p>　　可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強大的多媒體處理功能，在設計DHTML和CSS方面表現得極為出色，它利用JavaScript和DHTML語言代碼輕松地實現網頁元素的動作和交互操作。Dreamweaver還提供行為和時間線兩種控件來產生交互式回應和進行動畫處理。</p><p><b>　　9、超強的

45、擴展能力</b></p><p>　　Dreamweaver還支持第三方插件，任何人都可以根據自己的需要擴展Dreamweaver的功能，并且可以發(fā)布這些插件。</p><p>　　第3章 企業(yè)網站實現及實現效果</p><p><b>　　3.1企業(yè)網站主頁</b></p><p>　　網站首頁是一個網站的

46、入口網頁，故往往會被編輯得易于了解該網站，并引導互聯網用戶瀏覽網站其他部分的內容。這部分內容一般被認為是一個目錄性質的內容。</p><p>　　3.1.1網站主頁的重要性</p><p>　　一個成功的網站，首先是其靜態(tài)頁面的設置，主要就是首頁的設計。只要你的網站首頁足夠hold住全場，你的網站機會吸引更多的瀏覽者，哪怕只是簡單的瀏覽，也對你公司、產品有了了解。那么，網站首頁的作用究竟要

47、在什么地方得以體現呢？</p><p>　　首先，網站的架構要清晰。一個企業(yè)或者個人的網站，以嶄新的姿態(tài)展現在你的面前時，你首先回了解其公司，然后是產品，清晰的網站架構就幫你的網站有了一個良好的開端，讓人有耳目一新的感覺。但是，也不能一味的求自己的網頁設計吆喝同行的相似，太相似了也就沒有了新意。</p><p>　　其次，網站的導航要有吸引力。導航條在網站中的作用不可小覷，在制作的時候，選

48、擇的導航條圖片除了要精美，大小要適宜，還有就是在圖片上能體現企業(yè)文化的字幅，字幅的選擇一定要切合公司的經營理念，展現公司的風采。。以此來體現企業(yè)的公司的人文和專業(yè)。</p><p>　　再次，便是網站最令人賞心悅目的東西，網站的主色調。這時候，你選擇的網站主色調，就不能只是摻雜你個人的想法，要從瀏覽者和公司產品出發(fā)，選擇最適宜的顏色。注意，假如這個顏色是多色調的，那就不能將顏色的反差拉的過大，這樣，視覺的沖擊效果

49、會下降。你選擇的顏色，可以是公司LOGO或者是公司宣傳彩頁的顏色，要是太過艷麗的顏色，切忌不要大面積使用。</p><p>　　最后，便是網站制作結束后，自己對網站的管理。這個時候，你要上傳許多公司近期信息，最重要的是圖片的上傳。圖片的尺寸一定要適宜。過大，加載速度過慢；過小，會看不清。還有就是文字的字體大小，也要適宜。</p><p>　　網站的首頁很重要，是一個企業(yè)的門面和形象的象征，

50、做好它，是關鍵。</p><p>　　3.1.2網站主頁的布局</p><p>　　3.2主頁部分的實現及實現效果</p><p>　　代碼如下（詳細代碼見附錄一）效果見圖1-1</p><p><b>　　<tr></b></p><p>　　<td width="2

51、40" align="center" valign="top"><table width="180" border="0"></p><p><b>　　<tr></b></p><p>　　<td height="130"

52、 align="left" valign="top"><img src="tp/2012110923554970726.jpg" width="180" height="130" /></td></p><p><b>　　</tr></b></

53、p><p><b>　　</table></b></p><p>　　<table width="240" border="0"></p><p><b>　　<tr></b></p><p>　　<td align=&q

54、uot;center" valign="middle"><strong>個性化系列1</strong></td></p><p><b>　　</tr></b></p><p>　　</table></td></p><p>　　<

55、td align="center" valign="top"><table width="180" border="0"></p><p><b>　　<tr></b></p><p>　　<td height="130" align

56、="left" valign="top"><img src="tp/2012110923544716539.jpg" width="180" height="130" /></td></p><p><b>　　</tr></b></p>

57、<p><b>　　</table></b></p><p>　　<table width="240" border="0"></p><p><b>　　<tr></b></p><p>　　<td align="ce

58、nter"><strong>概念系列</strong></td></p><p><b>　　</tr></b></p><p>　　</table></td></p><p>　　<td width="240" align=&qu

59、ot;center" valign="middle"><table width="180" border="0"></p><p><b>　　<tr></b></p><p>　　<td height="130" align="le

60、ft" valign="top"><img src="tp/2012110923532287729.jpg" width="180" height="130" /></td></p><p><b>　　</tr></b></p><p>

61、;<b>　　</table></b></p><p>　　<table width="240" border="0"></p><p><b>　　<tr></b></p><p>　　<td width="240" a

62、lign="center"><strong>黑色亮光系列</strong></td></p><p><b>　　</tr></b></p><p>　　</table></td></p><p>　　<td width="644&

63、quot; align="left" valign="top">&nbsp;</td></p><p><b>　　</tr></b></p><p><b>　　圖1-1 </b></p><p>　　3.2.1實現文字滾動及實現效果</

64、p><p>　　代碼如下（詳細代碼見附錄二）效果見圖1-2</p><p>　　<span class="DL"><marquee scrollamount="3">秉承“顧客至上，銳意進取”的經營理念，堅持“客戶第一”的原則為廣大客戶提供</p><p>　　優(yōu)質的服務。歡迎各界人士來電洽談！<ma

65、rquee></span></td></p><p><b>　　圖1-2</b></p><p>　　3.2.2網站主頁視頻展示及實現效果</p><p>　　代碼如下（詳細代碼見附錄三）效果視頻1-1</p><p>　　<object classid="clsid:D2

66、7CDB6E-AE6D-11cf-96B8-444553540000" width="272" height="251" id="FLVPlayer"></p><p>　　<param name="movie" value="FLVPlayer_Progressive.swf" />&

67、lt;/p><p>　　<param name="quality" value="high" /></p><p>　　<param name="wmode" value="opaque" /></p><p>　　<param name="scale

68、" value="noscale" /></p><p>　　<param name="salign" value="lt" /></p><p>　　<param name="FlashVars" value="&amp;MM_ComponentVersio

69、n=1&amp;skinName=Halo_Skin_3&amp;streamName=sp/%E5%8A%A0%E5%8B%92%E6%AF%94%E6%B5%B7%E7%9B%97&amp;autoPlay=true&amp;autoRewind=true" /></p><p>　　<param name="swfversion" v

70、alue="8,0,0,0" /></p><p>　　<!-- 此 param 標簽提示使用 Flash Player 6.0 r65 和更高版本的用戶下載最新版本的 Flash Player。如果您不想讓用戶看到該提示，請將其刪除。 --></p><p>　　<param name="expressinstall" va

71、lue="Scripts/expressInstall.swf" /></p><p>　　<!-- 下一個對象標簽用于非 IE 瀏覽器。所以使用 IECC 將其從 IE 隱藏。 --></p><p>　　<!--[if !IE]>--></p><p>　　<object type="app

72、lication/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="272" height="251"></p><p>　　<!--<![endif]--></p><p>　　<param name="qual

73、ity" value="high" /></p><p>　　<param name="wmode" value="opaque" /></p><p>　　<param name="scale" value="noscale" /></p>

74、;<p>　　<param name="salign" value="lt" /></p><p>　　<param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=Halo_Skin_3&amp;stream

75、Name=sp/%E5%8A%A0%E5%8B%92%E6%AF%94%E6%B5%B7%E7%9B%97&amp;autoPlay=true&amp;autoRewind=true" /></p><p>　　<param name="swfversion" value="8,0,0,0" /></p><p

76、>　　<param name="expressinstall" value="Scripts/expressInstall.swf" /></p><p>　　<!-- 瀏覽器將以下替代內容顯示給使用 Flash Player 6.0 和更低版本的用戶。 --></p><p><b>　　<div>

77、;</b></p><p>　　<h4>此頁面上的內容需要較新版本的 Adobe Flash Player。</h4></p><p>　　<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe

78、.com/images/shared/download_buttons/get_flash_player.gif" alt="獲取 Adobe Flash Player" /></a></p></p><p><b>　　</div></b></p><p>　　<!--[if !IE]&g

79、t;--></p><p><b>　　</object></b></p><p>　　<!--<![endif]--></p><p><b>　　</object></b></p><p><b>　　視頻1-1</b><

80、;/p><p>　　3.3產品圖片及實現效果</p><p>　　企業(yè)形象畫冊的設計通常要體現企業(yè)的企業(yè)精神、企業(yè)文化、企業(yè)發(fā)展定位、企業(yè)性質等以形象為主、產品為輔；企業(yè)產品畫冊的設計重點要體現產品的功能、特性、用途、服務等，從企業(yè)的行業(yè)定位和產品的特點出發(fā)進行設計，對產品或服務本身進行主要的宣傳。</p><p>　　3.3.1網站產品圖冊對企業(yè)的影響</p&g

81、t;<p>　　競爭的日趨激烈，企業(yè)增強企業(yè)市場競爭力、鞏固品牌實力，紛紛開始意識到進行對外宣傳的重要性，畫冊就是最重要的表現形式之一。企業(yè)畫冊的優(yōu)點在于：不需要傳統業(yè)務員的長篇敘述，用最直觀最綜合的方式把企業(yè)及產品信息傳達給客戶，使客戶在短時間內對企業(yè)及產品有全面的了解，進而產生興趣，最終促成合作。</p><p>　　3.3.2網站產品圖片的實現效果</p><p>

82、　　代碼如下（詳細代碼見附錄四）效果圖片1-3</p><p>　　<table width="744" height="44" border="0" align="center"></p><p><b>　　<tr><TR></b></p>

83、;<p><b>　　<TD></b></p><p>　　<SCRIPT language=JavaScript></p><p><b>　　<!--</b></p><p>　　var bannerAD=new Array();</p><p>　　

84、var bannerADlink=new Array();</p><p>　　var adNum=0;</p><p>　　bannerAD[0]="2012110923480412160.jpg";</p><p>　　bannerAD[1]="2012110923512883742.jpg";</p>&l

85、t;p>　　bannerAD[2]="2012110923513835097.jpg";</p><p>　　bannerAD[3]="2012110923523359228.jpg";</p><p>　　bannerAD[4]="2012110923525746591.jpg"</p><p>　

86、　bannerAD[5]="2012110923530957936.jpg"</p><p>　　bannerAD[6]="2012110923532287729.jpg"</p><p>　　bannerAD[7]="2012110923535198909.jpg"</p><p>　　bannerAD[

87、8]="2012110923540342938.jpg"</p><p>　　bannerAD[9]="2012110923541479574.jpg"</p><p>　　bannerAD[10]="2012110923542524556.jpg";preloadedimages=new Array();</p>

88、<p>　　for (i=1;i<bannerAD.length;i++){</p><p>　　preloadedimages[i]=new Image();</p><p>　　preloadedimages[i].src=bannerAD[i];</p><p><b>　　}</b></p><p&g

89、t;　　function setTransition(){</p><p>　　if (document.all){</p><p>　　bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);</p><p>　　bannerADrotator.filters.reve

90、alTrans.apply();</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　function playTransition(){</p><p>　　if (document.all)</p><p>　　banner

91、ADrotator.filters.revealTrans.play()</p><p><b>　　}</b></p><p>　　function nextAd(){</p><p>　　if(adNum<bannerAD.length-1)adNum++ ;</p><p>　　else adNum=0;&l

92、t;/p><p>　　setTransition();</p><p>　　document.images.bannerADrotator.src=bannerAD[adNum];</p><p>　　playTransition();</p><p>　　theTimer=setTimeout("nextAd()", 500

93、0);</p><p><b>　　}</b></p><p>　　function displayStatusMsg() {</p><p>　　status=bannerADlink[adNum];</p><p>　　document.returnValue = true;</p><p>

94、<b>　　}</b></p><p><b>　　//--></b></p><p><b>　　</SCRIPT></b></p><p>　　<P align=center><IMG style="FILTER: revealTrans(durati

95、on=2,transition=20)" height=400 src="file:///F|/865_20120909121137696137_1.jpg" width=533 border=0 name=bannerADrotator></P></p><p>　　<SCRIPT language=JavaScript>nextAd()</S

96、CRIPT></p><p>　　</TD></TR></p><p>　　<td align="center"><div</p><p>　　style="TEXT-ALIGN: left; LINE-HEIGHT: 28px; PADDING-TOP: 20px">&l

97、t;/p><p>　　<p><span style="FONT-SIZE: 18px">&nbsp; &nbsp;</span></p></p><p>　　</div></td></p><p><b>　　</tr></b>&

98、lt;/p><p><b>　　</table></b></p><p><b>　　圖1-3</b></p><p>　　3.3.3客戶留言的實現效果</p><p>　　代碼如下（詳細代碼見附錄五）效果圖片1-4</p><p><b>　　<tr

99、></b></p><p>　　<td valign="top"><form method="post" name="guestbook" id="guestbook" onSubmit="return check()"></p><p>　　<

100、;dl class="clearfix"></p><p>　　<dt>您的姓名：</dt></p><p>　　<dd><input name="Guest_Name" type="text" id="Guest_Name" /><span>*

101、</span></dd></p><p>　　<dt>郵件地址：</dt></p><p>　　<dd><input name="Guest_Email" type="text" id="Guest_Email" /><span>*</spa

102、n></dd></p><p>　　<dt>電話：</dt></p><p>　　<dd><input name="Guest_TEL" type="text" id="Guest_TEL" /></dd></p><p>　　&

103、lt;dt>傳真：</dt></p><p>　　<dd><input name="Guest_FAX" type="text" id="Guest_FAX" /></dd></p><p>　　<dt>地址：</dt></p><p

104、>　　<dd><input name="Guest_ADD" type="text" id="Guest_ADD" /></dd></p><p>　　<dt>郵編：</dt></p><p>　　<dd><input name="Gue

105、st_ZIP" type="text" id="Guest_ZIP" /></dd></p><p>　　<dt>留言內容：</dt></p><p>　　<dd><textarea name="Content" cols="" rows=&

106、quot;" class="Content" id="Content"></textarea></dd></p><p>　　<dt>驗證碼：</dt></p><p>　　<dd><input name="checkcode" type="

107、;text" id="checkcode" maxlength="4" autocomplete="off" /><img src="tp/getnum.gif"longdesc="tp/getnum.gif" alt="點擊刷新" align="absmiddle" styl

108、e="cursor:pointer;" /><span>*</span></dd></p><p><b>　　</dl></b></p><p>　　<p><input name="submit" type="submit" id=&q

109、uot;submit" value="提交信息" /></p></p><p>　　</form></td></p><p><b>　　</tr></b></p><p><b>　　圖1-4</b></p><p&g

110、t;　　第4章 總結與思考</p><p>　　隨著網絡技術的不斷發(fā)展, 網絡應用已經滲透到人類社會的各個角落。作為網絡世界的支撐點的網站, 更是人們關注的熱點, 企業(yè)利用網站宣傳自己的形象, 挖掘無限商機。如何設計一個出色的網站呢? 關于這個問題, 人們討論的很多, 加之網絡技術的飛速發(fā)展, 很難提出一個絕對權威和正確的設計思路, 在這里給出自已的一些見解。</p><p>　　4.1

111、 注重企業(yè)網站色彩的和諧搭配及統一</p><p>　　色彩是人的視覺最敏感的東西。頁面的色彩處理得好, 可以錦上添花, 達到事半功倍的效果。要根據不同類型的網站選擇最適合的色彩。不同類型的網站需要運用不同的色彩去表現, 使形式與內容相統一, 符合人們日常固有的認知習慣。例如醫(yī)學類較適合雅致、安靜的顏色, 食品類多考慮能引發(fā)食欲的食物固有色, 環(huán)境類當然以綠色、藍色為首選。適宜而統一的整體色調很容易在瀏覽者頭腦中

112、形成一種連續(xù)的記憶, 是網站通過設計反映企業(yè)形象的一個重要途徑。色彩總的應用原則應該是“總體協調, 局部對比”,也就是: 網頁的整體色彩效果應該是和諧的, 只有局部的、小范圍的地方可以有一些強烈色彩的對比。在色彩的運用上, 可以根據主頁內容的需要, 分別采用不同的主色調。網頁的顏色應用并沒有數量的限制, 但不能毫無節(jié)制地運用多種顏色, 一般情況下, 根據總體風格的要求定出主色調、輔色調、點睛色和背景色。色彩還具有明顯的心里感覺和民族性。

113、充分運用色彩的這些特性, 可以使我們的網頁具有深刻的藝術內涵, 從而提升網頁的文化品位。</p><p>　　4.2 注重企業(yè)網站內容建設</p><p>　　內容的可讀性無疑是留住客戶的關鍵, 提高內容效率的核心就是頁面結構設計, 由此網頁設計必然依賴于對企業(yè)營銷業(yè)務的分析, 一方面是面向目標群體, 另一方面就是營銷過程, 分析企業(yè)目標群體以及產品特征和交付模式, 是希望網站內容滿足主要

114、客戶的需求; 分析營銷過程, 了解主要營銷項目和工具等, 是希望能夠通過在線方式來傳遞營銷信息,頁面結構的設計就是實現這個目標, 在內容的規(guī)劃時, 主要是為不同訪問者設計差異化內容, 如一般訪問者、興趣訪問者、需求訪問者等。</p><p>　　實質上內容為王的時代已來臨, 內容的優(yōu)劣決定了您網站的訪問量。企業(yè)網站注重的是對產品信息的自我描述, 但國內存在的問題是大家相互抄襲的產品介紹, 造成了大量重復的, 沒有

115、價值的資料。通常, 瀏覽者并沒有查閱這些重復信息的習慣, 您的網站有可能因為信息的雷同被潛在客戶打開后迅速關閉, 訪問機會也就這樣錯失。所以, 能夠帶來穩(wěn)定訪問量的先決條件是: 不用抄襲來的內容、不用轉載的內容, 若用轉載也要加上自己的見解。最好是大量的、高質量的、原創(chuàng)的、相關的內容。根據企業(yè)所在行業(yè)以及公司背景撰寫網頁內容, 并在適當的位置強化您的產品信息。讓瀏覽者產生購物沖動。</p><p>　　3、注重企

116、業(yè)網站下載速度</p><p>　　人們?yōu)g覽一個網站是為了獲取某些需要的信息, 頁面下載速度是一個優(yōu)秀網站的第一要素。在網站設計時應該為節(jié)省訪問者的時間精心設計。據研究發(fā)現, 下載速度是網站留住訪問者的關鍵因素, 如果10s 以內不能打開一個網頁, 一般人就會沒有耐心。如果不能讓每個頁面都保持較快的下載速度, 至少應該確保主頁速度盡可能快。下載速度慢由兩種因素造成, 一種是服務器質量差; 一種是網頁設計不合理,

117、使用了大量的圖片、動畫等。前者的解決辦法是提高服務器的性能, 后者解決方法是讓網頁簡單, 僅將最重要的信息安排在首頁, 盡量避免使用大量的圖片, 更應避免使用背景音樂或其他多媒體文件, 因為目前的網絡技術條件下要下載圖片或其他音頻、視頻文件, 遠比下載文字費時, 網民等不及圖片整幅出現, 就已不耐煩地轉到別的網頁去了。</p><p>　　4.3 優(yōu)化企業(yè)網站</p><p>　　網站優(yōu)化

118、這個名詞最初來源于國外, 也稱為搜索引擎優(yōu)化, 國內則習慣叫做網站優(yōu)化, 其主要原理就是通過改善關鍵字在頁面中的位置、頻率等手段來適合搜索引擎的規(guī)則, 網站優(yōu)化方法是指在搜索引擎許可的原則下, 對網站中代碼、鏈接和文字描述的重組優(yōu)化, 以及后期對該優(yōu)化網站進行合理的反向鏈接操作等, 最終實現被優(yōu)化的網站在搜索引擎的檢索結果中得到排名提升。同時網站優(yōu)化可使客戶通過搜索很容易就找到你的網站, 這樣就達到了推銷產品或者推廣企業(yè)品牌的目的, 從

119、而為企業(yè)帶來更多訂單, 產生更多效益。另外優(yōu)化好的網站在瀏覽速度上也會有較大提高。網站優(yōu)化最理想的情況是在策劃階段就將優(yōu)化的基本思想融入網站設計方案中, 并在網站設計過程中貫徹實施。這樣可以讓新發(fā)布的網站直接從高起點開始運營, 可以大大提高運營的效果, 也節(jié)省了網站優(yōu)化改造的費用。</p><p><b>　　致 謝</b></p><p>　　時光飛逝，論文終于成

120、稿，又一段求學旅途即將畫上一個圓滿的句號，回想求學的道路，有過夢想，有過失落，此時此刻，有太多的感激之情在內心之中，需要表達，感謝一直以來關心鼓勵我的老師，同學和朋友們。</p><p>　　在本次畢業(yè)設計中，首先我衷心地感謝我的指導老師楊峰老師和張麗芬老師在我的設計中給我的悉心指導。論文的每一篇不無傾注了兩位老師大量的時間和心血。楊峰老師和張麗芬老師淵博的知識、敏銳的思維、深刻的洞察力、淡泊的心境、平易的待人方

121、式和富有感召力的人格力量給我許多啟發(fā)和幫助，使我領略到一個學者的風采和高尚的情操，使我在學習和設計工作中，都受益匪淺，在畢業(yè)設計過程中，兩位老師在每個階段都給予我細心的指導、提出寶貴的意見。兩位老師的言傳身教，始終關心我們各方面上的進展，反復審閱了論文稿，提出許多修改意見，為本文的完成付出了很多心血。使我在設計中及時改正了錯誤，增添了信心。在此，我對敬愛的楊峰老師和張麗芬再次表示衷心的感謝！</p><p>　　

122、另外，我還要感謝在這幾年來對我有所教導的老師，他們孜孜不倦的教誨不但讓我學到了很多知識，而且讓我掌握了學習的方法，更教會了我做人處事的道理，在此表示感謝</p><p><b>　　參考文獻：</b></p><p>　　[1]周陟.《網頁設計解析》[M].清華大學出版社, 2009.</p><p>　　[2]張勇強.《平面創(chuàng)意設計指南系列網

123、頁美工》[M].化學工業(yè)出版社, 2007.</p><p>　　[3]成朝暉.《網頁設計》[M].中國美術學院出版社, 2001.</p><p>　　[4]張杰,王誠.《網頁與網站設計》[M].中國石化出版社, 2006.</p><p>　　[5]彭雪冬，柯建林，呂洋波.《網站建設實用開發(fā)精粹》[M].北京：人民郵電出版社，2005</p>&l

124、t;p>　　[6]尚俊杰.《網絡程序設計—ASP案例教程》[M].北京：清華大學出版社 ，2004</p><p>　　[7]劉海龍 .《Dreamweaver CS5網頁制作項目實訓教程》[M].北京：交通大學出版社，2012</p><p><b>　　附錄一</b></p><p><b>　　<tr><

125、/b></p><p>　　<td width="240" align="center" valign="top"><table width="180" border="0"></p><p><b>　　<tr></b><

126、;/p><p>　　<td height="130" align="left" valign="top"><img src="tp/2012110923554970726.jpg" width="180" height="130" /></td></p>