企業(yè)網(wǎng)站建設(shè)畢業(yè)設(shè)計(jì)論文

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

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

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

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

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

6、<p>　　第2章 企業(yè)網(wǎng)站開(kāi)發(fā)相關(guān)技術(shù)及工具5</p><p>　　2.1網(wǎng)站開(kāi)發(fā)的技術(shù)5</p><p>　　2.1.1 HTML簡(jiǎn)介5</p><p>　　2.3網(wǎng)站開(kāi)發(fā)工具7</p><p>　　2.3.1網(wǎng)頁(yè)設(shè)計(jì)軟件Dreamweaver7</p><p>　　第3章 企業(yè)網(wǎng)站實(shí)現(xiàn)及實(shí)

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

8、p>　　3.3產(chǎn)品圖片及實(shí)現(xiàn)效果14</p><p>　　3.3.1網(wǎng)站產(chǎn)品圖冊(cè)對(duì)企業(yè)的影響14</p><p>　　3.3.2網(wǎng)站產(chǎn)品圖片的實(shí)現(xiàn)效果14</p><p>　　3.3.3客戶(hù)留言的實(shí)現(xiàn)效果17</p><p>　　第4章 總結(jié)與思考19</p><p>　　4.1 注重企業(yè)網(wǎng)站色彩的和

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

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

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

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

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

14、別建立了公司對(duì)外網(wǎng)站，對(duì)外網(wǎng)站用于對(duì)外宣傳與客戶(hù)進(jìn)行交流和溝通，展示公司專(zhuān)業(yè)實(shí)力和企業(yè)文化，同時(shí)還包括企業(yè)信息、企業(yè)產(chǎn)品、公司新聞、以及客戶(hù)注冊(cè)等等。視頻新聞?dòng)袃?nèi)部錄制對(duì)外播發(fā)、上傳的，有從企業(yè)下載的；文字圖片新聞?dòng)芯C合新聞，也有來(lái)自產(chǎn)品購(gòu)買(mǎi)者的新聞；有質(zhì)量體系文件、安全體系文件，可以按權(quán)限瀏覽，還可以閱讀企業(yè)咨詢(xún)等。有了這個(gè)平臺(tái)，讓消費(fèi)者有了對(duì)企業(yè)產(chǎn)品很直觀(guān)的了解。</p><p>　　1.2企業(yè)網(wǎng)站研究的意義

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

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

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

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

19、查表、留言薄、定 制服務(wù)以及E-MAIL可以?xún)A聽(tīng)顧客的意見(jiàn)，了解顧客的心聲，加強(qiáng)企業(yè)與顧客間的聯(lián)系 建立良好的顧客關(guān)系。</p><p>　　六、有利于改善服務(wù)，提高企業(yè)服務(wù)質(zhì)量利用網(wǎng)站，通過(guò)電子溝通方式，企業(yè)開(kāi)展的在線(xiàn)服務(wù)是傳統(tǒng)的溝通方式（如，郵 件、電話(huà)、傳真等）所無(wú)比擬的，在線(xiàn)服務(wù)能夠更加及時(shí)準(zhǔn)確地掌握用戶(hù)的需求，通過(guò)網(wǎng)站的交互式服務(wù)使得被動(dòng)提供和主動(dòng)獲得統(tǒng)一起來(lái)，從而實(shí)現(xiàn)售前、售中、售后的全過(guò)程和全方位的

20、服務(wù)。</p><p>　　七、 互聯(lián)網(wǎng)的特點(diǎn)在于突破地域限制，一個(gè)網(wǎng)站能同時(shí)為您服務(wù)于世界各地的擁護(hù)；同時(shí)，網(wǎng)絡(luò)無(wú)休息，一年365天、一天24小時(shí)，您的網(wǎng)站永遠(yuǎn)忠實(shí)地服務(wù)于您的所有客戶(hù)。</p><p>　　我們所處的時(shí)代是高度信息化的互聯(lián)網(wǎng)時(shí)代，互聯(lián)網(wǎng)正在滲透到我們生活中的方方面面，并且在以十倍甚至百倍的速度提高著我們的工作效率?；ヂ?lián)網(wǎng)的發(fā)展帶來(lái)了一場(chǎng)規(guī)?？涨暗男袠I(yè)革命，他不僅改變了許

21、多傳統(tǒng)行業(yè)的運(yùn)作模式，同時(shí)也產(chǎn)生了許多新的行業(yè)，并且可以重新排定行業(yè)內(nèi)各個(gè)企業(yè)的地位?？梢哉f(shuō)互聯(lián)網(wǎng)時(shí)代是一個(gè)資源和財(cái)富再分配的時(shí)代。互聯(lián)網(wǎng)絡(luò)真正的內(nèi)涵在于其內(nèi)容的豐富性，幾乎無(wú)所不包。對(duì)于一個(gè)企業(yè)來(lái)說(shuō)，其具有網(wǎng)絡(luò)溝通能力的標(biāo)志是公司擁有自己的獨(dú)立網(wǎng)站。</p><p>　　1.3企業(yè)網(wǎng)站研究的思路與內(nèi)容</p><p>　　如今，互連網(wǎng)對(duì)企業(yè)來(lái)說(shuō)已經(jīng)不再是新鮮的事物了，大多數(shù)的企業(yè)都已經(jīng)建

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

23、臺(tái)和后臺(tái)結(jié)合起來(lái)。一個(gè)完整的企業(yè)網(wǎng)站，無(wú)論多么復(fù)雜或多么簡(jiǎn)單，都要?jiǎng)澐譃樗膫€(gè)組成部分：結(jié)構(gòu)、內(nèi)容、服務(wù)、功能。 </p><p><b>　　1網(wǎng)站結(jié)構(gòu)</b></p><p>　　是為了向用戶(hù)表達(dá)企業(yè)信息所采用的網(wǎng)站欄目設(shè)置、網(wǎng)頁(yè)布局、網(wǎng)站導(dǎo)航、網(wǎng)址層次結(jié)構(gòu)等信息的表現(xiàn)形式等。 </p><p><b>　　2網(wǎng)站內(nèi)容</b&

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

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

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

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

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

29、件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而，超級(jí)文本標(biāo)記語(yǔ)言是萬(wàn)維網(wǎng)（Web）編程的基礎(chǔ)，也就是說(shuō)萬(wàn)維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級(jí)文本標(biāo)記語(yǔ)言之所以稱(chēng)為超文本標(biāo)記語(yǔ)言，是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。</p><p>　　2.1.2 HTML發(fā)展史</p><p>　　HTML的全稱(chēng)是Hypertext Markup Language（超文本標(biāo)記語(yǔ)言）。HTML是用于描網(wǎng)頁(yè)文檔的標(biāo)記

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

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

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

33、L代碼，然后將它傳遞到用戶(hù)瀏覽器并顯示出網(wǎng)頁(yè)。ASP內(nèi)含于IIS4.0和5.0之中,通過(guò)ASP我們可以結(jié)合HTML網(wǎng)頁(yè)、ASP指令和ActiveX元件建立動(dòng)態(tài)、交互且高效的WEB服務(wù)器應(yīng)用程序。有了ASP就不必?fù)?dān)心客戶(hù)的瀏覽器是否能運(yùn)行所編寫(xiě)的代碼，因?yàn)樗械某绦蚨紝⒃诜?wù)器端執(zhí)行，包括所有嵌在普通HTML中的腳本程序。當(dāng)程序執(zhí)行完畢后，服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶(hù)瀏覽器，這樣也就減輕了客戶(hù)端瀏覽器的負(fù)擔(dān)，大大提高了交互的速度。 &l

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

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

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

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

38、特點(diǎn)，以及ASP使用的廣泛性，而且非常適合于網(wǎng)絡(luò)中小型系統(tǒng)開(kāi)發(fā)。</p><p><b>　　2.3網(wǎng)站開(kāi)發(fā)工具</b></p><p>　　2.3.1網(wǎng)頁(yè)設(shè)計(jì)軟件Dreamweaver</p><p>　　Dreamweaver是一個(gè)功能強(qiáng)大的網(wǎng)頁(yè)設(shè)計(jì)工具，有著方便實(shí)用的工具和所見(jiàn)即所得的排版功能，見(jiàn)面十分友好，使用方便。在不需要掌握HTML

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

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

41、mweaver是一種所見(jiàn)即所得的HTML編輯器，可實(shí)現(xiàn)頁(yè)面元素的插入和生成?；蛞暬庉嫮h(huán)境大量減少了代碼的編寫(xiě)，同時(shí)亦保證了其專(zhuān)業(yè)性和兼容性，并且可以對(duì)內(nèi)部的HTML編輯器和任何第三方的HTML編輯器進(jìn)行實(shí)時(shí)的訪(fǎng)問(wèn)。無(wú)論用戶(hù)習(xí)慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶(hù)設(shè)計(jì)網(wǎng)頁(yè)和管理網(wǎng)站變得更容易。</p><p>　　3、功能更多的CSS支持——CSS可視化設(shè)

42、計(jì)、CSS檢查工具</p><p>　　4、動(dòng)態(tài)跨瀏覽器驗(yàn)證</p><p>　　當(dāng)保存時(shí)系統(tǒng)自動(dòng)檢查當(dāng)前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測(cè)試用瀏覽器，同時(shí)系統(tǒng)自動(dòng)檢驗(yàn)以確定頁(yè)面有沒(méi)有目標(biāo)瀏覽器不支持的tags或CSS結(jié)構(gòu)。動(dòng)態(tài)跨瀏覽器有效性檢查功能可以自動(dòng)核對(duì)tags和CSS規(guī)則是否適應(yīng)目前的主流覽器。</p><p>　　5、強(qiáng)大的WEB站點(diǎn)管理功能&

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

44、;<p>　　可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強(qiáng)大的多媒體處理功能，在設(shè)計(jì)DHTML和CSS方面表現(xiàn)得極為出色，它利用JavaScript和DHTML語(yǔ)言代碼輕松地實(shí)現(xiàn)網(wǎng)頁(yè)元素的動(dòng)作和交互操作。Dreamweaver還提供行為和時(shí)間線(xiàn)兩種控件來(lái)產(chǎn)生交互式回應(yīng)和進(jìn)行動(dòng)畫(huà)處理。</p><p><b>　　9、超強(qiáng)的

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

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

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

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

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

50、做好它，是關(guān)鍵。</p><p>　　3.1.2網(wǎng)站主頁(yè)的布局</p><p>　　3.2主頁(yè)部分的實(shí)現(xiàn)及實(shí)現(xiàn)效果</p><p>　　代碼如下（詳細(xì)代碼見(jiàn)附錄一）效果見(jiàn)圖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>個(gè)性化系列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實(shí)現(xiàn)文字滾動(dòng)及實(shí)現(xiàn)效果</

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

65、rquee></span></td></p><p><b>　　圖1-2</b></p><p>　　3.2.2網(wǎng)站主頁(yè)視頻展示及實(shí)現(xiàn)效果</p><p>　　代碼如下（詳細(xì)代碼見(jiàn)附錄三）效果視頻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 標(biāo)簽提示使用 Flash Player 6.0 r65 和更高版本的用戶(hù)下載最新版本的 Flash Player。如果您不想讓用戶(hù)看到該提示，請(qǐng)將其刪除。 --></p><p>　　<param name="expressinstall" va

71、lue="Scripts/expressInstall.swf" /></p><p>　　<!-- 下一個(gè)對(duì)象標(biāo)簽用于非 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>　　<!-- 瀏覽器將以下替代內(nèi)容顯示給使用 Flash Player 6.0 和更低版本的用戶(hù)。 --></p><p><b>　　<div>

77、;</b></p><p>　　<h4>此頁(yè)面上的內(nèi)容需要較新版本的 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產(chǎn)品圖片及實(shí)現(xiàn)效果</p><p>　　企業(yè)形象畫(huà)冊(cè)的設(shè)計(jì)通常要體現(xiàn)企業(yè)的企業(yè)精神、企業(yè)文化、企業(yè)發(fā)展定位、企業(yè)性質(zhì)等以形象為主、產(chǎn)品為輔；企業(yè)產(chǎn)品畫(huà)冊(cè)的設(shè)計(jì)重點(diǎn)要體現(xiàn)產(chǎn)品的功能、特性、用途、服務(wù)等，從企業(yè)的行業(yè)定位和產(chǎn)品的特點(diǎn)出發(fā)進(jìn)行設(shè)計(jì)，對(duì)產(chǎn)品或服務(wù)本身進(jìn)行主要的宣傳。</p><p>　　3.3.1網(wǎng)站產(chǎn)品圖冊(cè)對(duì)企業(yè)的影響</p&g

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

82、　　代碼如下（詳細(xì)代碼見(jiàn)附錄四）效果圖片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客戶(hù)留言的實(shí)現(xiàn)效果</p><p>　　代碼如下（詳細(xì)代碼見(jiàn)附錄五）效果圖片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>電話(huà)：</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>留言?xún)?nèi)容：</dt></p><p>　　<dd><textarea name="Content" cols="" rows=&

106、quot;" class="Content" id="Content"></textarea></dd></p><p>　　<dt>驗(yàn)證碼：</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="點(diǎn)擊刷新" 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章 總結(jié)與思考</p><p>　　隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展, 網(wǎng)絡(luò)應(yīng)用已經(jīng)滲透到人類(lèi)社會(huì)的各個(gè)角落。作為網(wǎng)絡(luò)世界的支撐點(diǎn)的網(wǎng)站, 更是人們關(guān)注的熱點(diǎn), 企業(yè)利用網(wǎng)站宣傳自己的形象, 挖掘無(wú)限商機(jī)。如何設(shè)計(jì)一個(gè)出色的網(wǎng)站呢? 關(guān)于這個(gè)問(wèn)題, 人們討論的很多, 加之網(wǎng)絡(luò)技術(shù)的飛速發(fā)展, 很難提出一個(gè)絕對(duì)權(quán)威和正確的設(shè)計(jì)思路, 在這里給出自已的一些見(jiàn)解。</p><p>　　4.1

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

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

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

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

115、價(jià)值的資料。通常, 瀏覽者并沒(méi)有查閱這些重復(fù)信息的習(xí)慣, 您的網(wǎng)站有可能因?yàn)樾畔⒌睦淄粷撛诳蛻?hù)打開(kāi)后迅速關(guān)閉, 訪(fǎng)問(wèn)機(jī)會(huì)也就這樣錯(cuò)失。所以, 能夠帶來(lái)穩(wěn)定訪(fǎng)問(wèn)量的先決條件是: 不用抄襲來(lái)的內(nèi)容、不用轉(zhuǎn)載的內(nèi)容, 若用轉(zhuǎn)載也要加上自己的見(jiàn)解。最好是大量的、高質(zhì)量的、原創(chuàng)的、相關(guān)的內(nèi)容。根據(jù)企業(yè)所在行業(yè)以及公司背景撰寫(xiě)網(wǎng)頁(yè)內(nèi)容, 并在適當(dāng)?shù)奈恢脧?qiáng)化您的產(chǎn)品信息。讓瀏覽者產(chǎn)生購(gòu)物沖動(dòng)。</p><p>　　3、注重企

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

117、使用了大量的圖片、動(dòng)畫(huà)等。前者的解決辦法是提高服務(wù)器的性能, 后者解決方法是讓網(wǎng)頁(yè)簡(jiǎn)單, 僅將最重要的信息安排在首頁(yè), 盡量避免使用大量的圖片, 更應(yīng)避免使用背景音樂(lè)或其他多媒體文件, 因?yàn)槟壳暗木W(wǎng)絡(luò)技術(shù)條件下要下載圖片或其他音頻、視頻文件, 遠(yuǎn)比下載文字費(fèi)時(shí), 網(wǎng)民等不及圖片整幅出現(xiàn), 就已不耐煩地轉(zhuǎn)到別的網(wǎng)頁(yè)去了。</p><p>　　4.3 優(yōu)化企業(yè)網(wǎng)站</p><p>　　網(wǎng)站優(yōu)化

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

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

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

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

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

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

124、t;p>　　[6]尚俊杰.《網(wǎng)絡(luò)程序設(shè)計(jì)—ASP案例教程》[M].北京：清華大學(xué)出版社 ，2004</p><p>　　[7]劉海龍 .《Dreamweaver CS5網(wǎng)頁(yè)制作項(xiàng)目實(shí)訓(xùn)教程》[M].北京：交通大學(xué)出版社，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>