基于php技術(shù)的網(wǎng)站建設(shè)畢業(yè)論文

1、<p><b>　　摘 要</b></p><p>　　本論文主要闡述了企業(yè)網(wǎng)站從前臺(tái)UI設(shè)計(jì)到頁面布局再到后臺(tái)各個(gè)功能的實(shí)現(xiàn)。首先，對(duì)整個(gè)互聯(lián)網(wǎng)行業(yè)進(jìn)行分析，再從中小型企業(yè)網(wǎng)站入手，再講述網(wǎng)站設(shè)計(jì)時(shí)需要注意的細(xì)節(jié)問題以及所采用的技術(shù)。本論文中的實(shí)例網(wǎng)站鄭州福瑞源智控，前臺(tái)主要實(shí)現(xiàn)了用戶在線注冊、登錄、新聞發(fā)布、企業(yè)簡介、在線申請友情鏈接，在線留言、網(wǎng)站地圖等功能，后臺(tái)提供強(qiáng)

2、大的內(nèi)容發(fā)布系統(tǒng)，多用戶、多權(quán)限管理員角色注冊，數(shù)據(jù)庫在線備份、導(dǎo)入，表單向?qū)У裙δ?。前臺(tái)主要采用了div+css布局和javascript技術(shù)實(shí)現(xiàn)部分特效，開發(fā)技術(shù)為完全面向?qū)ο蟮腜HP語言，數(shù)據(jù)庫采用了目前最流行的MYSQL數(shù)據(jù)庫，PHP和MYSQL的完美結(jié)合，是中小型企業(yè)建設(shè)網(wǎng)站的首要選擇。</p><p>　　關(guān)鍵字：網(wǎng)站設(shè)計(jì)，PHP和MYSQL，數(shù)據(jù)庫</p><p><b

3、>　　Abstract</b></p><p>　　In this thesis, the main corporate website from the front UI design to the layout of the page to the background. First of all, the entire Internet industry analysis, startin

4、g from the SME website, need to pay attention to the details about the site design and technology. Instances of site in this paper Zhengzhou Furui source intelligent control, front to achieve on-line registration, log, p

5、ress releases, corporate profiles, online application link, Feedback, Site map, and other functions, the ba</p><p>　　Keywords: website design, PHP and MYSQL , database</p><p><b>　　目 錄</

6、b></p><p><b>　　第一章 緒論1</b></p><p>　　1.1 互聯(lián)網(wǎng)現(xiàn)狀1</p><p>　　1.2 企業(yè)門戶的定義1</p><p>　　1.2.1 企業(yè)信息門戶1</p><p>　　1.2.2 企業(yè)知識(shí)門戶1</p><p>

7、　　1.2.3 企業(yè)應(yīng)用門戶2</p><p>　　1.3 建立企業(yè)門戶的必要性2</p><p>　　1.4 企業(yè)網(wǎng)站常用的開發(fā)技術(shù)3</p><p>　　1.4.1 ASP技術(shù)3</p><p>　　1.4.2 JSP技術(shù)4</p><p>　　1.4.3 PHP技術(shù)4</p><

8、p>　　1.4.4 三種技術(shù)比較分析4</p><p>　　1.5 企業(yè)門戶建設(shè)流程5</p><p>　　1.5.1 前期準(zhǔn)備工作5</p><p>　　1.5.2 產(chǎn)品與技術(shù)的選擇5</p><p>　　1.5.3 企業(yè)門戶的建設(shè)5</p><p>　　1.5.4 推廣使用企業(yè)門戶5</p&

9、gt;<p>　　第二章 網(wǎng)站設(shè)計(jì)要點(diǎn)7</p><p>　　第三章 網(wǎng)站的具體實(shí)現(xiàn)技術(shù)12</p><p>　　3.1 開發(fā)工具及環(huán)境12</p><p>　　3.1.1 操作系統(tǒng)平臺(tái)：Windows 200312</p><p>　　3.1.2 開發(fā)技術(shù)：PHP5.012</p><p>　

10、　3.1.3 數(shù)據(jù)庫系統(tǒng)： MySQL13</p><p>　　3.1.4 程序運(yùn)行環(huán)境：Apache13</p><p>　　3.1.5 安裝配置WAMP14</p><p>　　3.2 PHP+MYSQL介紹16</p><p>　　3.3 應(yīng)用div+css與HTML的結(jié)合設(shè)計(jì)網(wǎng)頁16</p><p&g

11、t;　　3.3.1 什么是div+css16</p><p>　　3.3.2 CSS與HTML的結(jié)合方式17</p><p>　　3.3.3 CSS在網(wǎng)站中的應(yīng)用實(shí)例18</p><p>　　3.4 應(yīng)用JavaScrip設(shè)計(jì)網(wǎng)頁19</p><p>　　第四章 網(wǎng)站前臺(tái)分析22</p><p>　　4.1網(wǎng)

12、站前臺(tái)模塊分析22</p><p>　　4.1.1 企業(yè)板塊22</p><p>　　4.1.2 產(chǎn)品板塊22</p><p>　　4.1.3 新聞中心23</p><p>　　4.1.4 互動(dòng)板塊24</p><p>　　4.2 結(jié)構(gòu)設(shè)計(jì)分析25</p><p>　　第五章 網(wǎng)站后

13、臺(tái)功能實(shí)現(xiàn)26</p><p>　　5.1創(chuàng)建數(shù)據(jù)庫26</p><p>　　5.1.1 實(shí)現(xiàn)后臺(tái)管理員注冊與登錄27</p><p>　　5.1.2 用戶后臺(tái)登陸界面32</p><p>　　5.2 內(nèi)容管理模塊34</p><p>　　5.3 數(shù)據(jù)庫工具35</p><p>　　

14、5.4 附件管理功能37</p><p>　　5.5 生成百度/谷歌地圖38</p><p>　　5.6 表單向?qū)Чδ?0</p><p>　　5.7 友情連接管理42</p><p><b>　　結(jié)束語44</b></p><p><b>　　致謝45</b>&

15、lt;/p><p><b>　　參考文獻(xiàn)46</b></p><p><b>　　第一章 緒論</b></p><p><b>　　1.1 互聯(lián)網(wǎng)現(xiàn)狀</b></p><p>　　互聯(lián)網(wǎng)的快速發(fā)展使企業(yè)可以實(shí)現(xiàn)快捷的信息傳送以及直接的客戶介入，但企業(yè)中各個(gè)系統(tǒng)的相對(duì)獨(dú)立性使信息渠

16、道比較混亂。企業(yè)系統(tǒng)中各類人員的信息渠道多種多樣，互不兼容，沒有一個(gè)統(tǒng)一的應(yīng)用界面讓系統(tǒng)使用者可以根據(jù)自己的需要獲得想要的信息，這不利于電子商務(wù)應(yīng)用模式的建立和開展。如何通過建立一個(gè)單獨(dú)的界面給企業(yè)遍布全球的現(xiàn)實(shí)客戶、潛在客戶、供應(yīng)商、雇員和合作伙伴提供全面的企業(yè)信息和應(yīng)用呢？于是企業(yè)門戶（Enterprise Portal）誕生了，并成為一個(gè)新的熱點(diǎn)。</p><p>　　1.2 如何定義企業(yè)門戶</p&

17、gt;<p>　　目前，尚不能準(zhǔn)確地對(duì)企業(yè)門戶下一個(gè)完整的定義，企業(yè)門戶與IT業(yè)有些名詞一樣，不同的專業(yè)人士和機(jī)構(gòu)對(duì)之有不同的理解，并有很多術(shù)語用于描述企業(yè)為其客戶、合作伙伴和員工的方便而采用的"門戶"，如企業(yè)門戶、社團(tuán)門戶、員工門戶等。同時(shí)根據(jù)應(yīng)用的具體功能不同又把企業(yè)門戶細(xì)分為信息門戶、知識(shí)門戶和應(yīng)用門戶等，并且這種劃分方法已逐漸得到認(rèn)可。下面介紹一下這3類門戶。</p><p&

18、gt;　　1.2.1 企業(yè)信息門戶</p><p>　　企業(yè)信息門戶（Enterprise Information Portal，EIP）的基本作用是為人們提供企業(yè)信息。企業(yè)信息門戶提供了一個(gè)了解企業(yè)的訪問入口，所有訪問者都可以通過這個(gè)入口獲得個(gè)性化的信息和服務(wù)。對(duì)企業(yè)來說，信息門戶既是一個(gè)展示企業(yè)的窗口，又可以無縫地集成企業(yè)的內(nèi)容、商務(wù)活動(dòng)及社區(qū)等，動(dòng)態(tài)地發(fā)布存儲(chǔ)在企業(yè)內(nèi)部和外部的各種信息，同時(shí)還可以支持網(wǎng)上的

19、虛擬社區(qū)。企業(yè)信息門戶強(qiáng)調(diào)對(duì)結(jié)構(gòu)化與非結(jié)構(gòu)化數(shù)據(jù)的收集、訪問、管理和無縫集成，這類門戶必須提供數(shù)據(jù)查詢、分析和報(bào)告等基本功能，企業(yè)員工、合作伙伴、客戶及供應(yīng)商都可以通過企業(yè)信息門戶方便地獲取自己所需的信息。</p><p>　　1.2.2 企業(yè)知識(shí)門戶</p><p>　　企業(yè)知識(shí)門戶（Enterprise Knowledge Portal，EKP）是一個(gè)平臺(tái)，該平臺(tái)是知識(shí)加工平臺(tái)、決策平

20、臺(tái)、知識(shí)發(fā)布與獲取平臺(tái)的集成，它使企業(yè)各部門職員之間的信息共享和交流更加流暢。這里的"知識(shí)"不僅包括數(shù)據(jù)庫、文檔、企業(yè)政策方針和過程手續(xù)等，甚至包括存在于員工頭腦中的工作經(jīng)驗(yàn)與專業(yè)技能等非具體化的信息資源。 </p><p>　　企業(yè)知識(shí)門戶是企業(yè)信息門戶的延伸與發(fā)展。信息門戶的重點(diǎn)是信息的收集、整理及傳輸，有效利用企業(yè)已有的信息、知識(shí)和公共關(guān)系，并能收集、分析、增值、共享信息和知識(shí)。企業(yè)知識(shí)

21、門戶的重點(diǎn)是企業(yè)信息的加工與處理。企業(yè)知識(shí)門戶的目的是使恰當(dāng)?shù)娜嗽谇‘?dāng)?shù)臅r(shí)間使用恰當(dāng)?shù)闹R(shí)，企業(yè)信息門戶主要通過數(shù)據(jù)挖掘、數(shù)據(jù)加工技術(shù)使零散的信息成為知識(shí)，供決策支持服務(wù)。</p><p>　　1.2.3 企業(yè)應(yīng)用門戶</p><p>　　企業(yè)應(yīng)用門戶（Enterprise Application Portal，EAP）實(shí)際上是對(duì)企業(yè)業(yè)務(wù)流程的集成。它以商業(yè)流程和企業(yè)應(yīng)用為核心，把商業(yè)流程

22、中功能不同的應(yīng)用模塊通過門戶技術(shù)集成在一起。從某種意義上說，我們可以把企業(yè)應(yīng)用門戶看成是企業(yè)信息系統(tǒng)的集成界面，企業(yè)員工和合作伙伴可以通過企業(yè)應(yīng)用門戶訪問相應(yīng)的應(yīng)用系統(tǒng)，實(shí)現(xiàn)移動(dòng)辦公，進(jìn)行網(wǎng)上交易等。</p><p>　　以上3類門戶雖然在側(cè)重點(diǎn)有所不同，但隨著企業(yè)信息系統(tǒng)復(fù)雜程度的增加，越來越多的企業(yè)需要能夠?qū)⒁陨?類門戶有機(jī)地整合在一起的通用型企業(yè)門戶，這已是一種趨勢，我們在這里把它們統(tǒng)一稱為企業(yè)門戶。 &l

23、t;/p><p>　　最后，讓我們試圖通過企業(yè)門戶的作用來幫助讀者理解企業(yè)門戶的定義。維持客戶的最基本戰(zhàn)略因素是企業(yè)整體強(qiáng)大、互利關(guān)系網(wǎng)，包括客戶、供應(yīng)商、合作伙伴和員工本身。這些關(guān)系的培養(yǎng)主要通過各方之間的相互溝通和信任感--即各方及時(shí)收到相關(guān)信息、信息準(zhǔn)確并且服務(wù)最優(yōu)。企業(yè)門戶被認(rèn)為能夠滿足這種需要，通過使用戶利用方便、可靠的工具接入實(shí)現(xiàn)有效的信息交換?；蛘哒f，企業(yè)門戶能為用戶提供建設(shè)信息型企業(yè)網(wǎng)站的應(yīng)用，包括網(wǎng)

24、站生成、信息發(fā)布、信息管理、信息反饋、網(wǎng)站管理等系統(tǒng)，實(shí)現(xiàn)企業(yè)網(wǎng)上形象展示及對(duì)外溝通的需求。</p><p>　　1.3 建立企業(yè)門戶的必要性</p><p>　　在國外，特別是在美國，實(shí)施企業(yè)門戶戰(zhàn)略已經(jīng)被列入了許多大企業(yè)的日程表中。與國外相比，國內(nèi)了解企業(yè)門戶概念的企業(yè)十分少，而計(jì)劃建立企業(yè)門戶的企業(yè)就更加微乎其微。但是，互聯(lián)網(wǎng)在國內(nèi)的發(fā)展速度相當(dāng)迅速，中國企業(yè)建立自己的門戶網(wǎng)站，為自

25、己的客戶、員工和代理商提供綜合性服務(wù)的重要性不言而喻。 </p><p>　　從網(wǎng)絡(luò)經(jīng)濟(jì)的特點(diǎn)來看，速度和知識(shí)是網(wǎng)絡(luò)經(jīng)濟(jì)的兩大支柱。首先，企業(yè)只有借助于網(wǎng)絡(luò)才能獲得發(fā)展的先機(jī)，這就要看誰能夠以最迅捷的動(dòng)作聯(lián)系客戶、供應(yīng)商和代理商，組織生產(chǎn)和銷售。毫無疑問，企業(yè)門戶是實(shí)現(xiàn)上述目標(biāo)最有力的手段。 </p><p>　　從資源利用的角度來看，企業(yè)門戶是以最小可能成本，實(shí)現(xiàn)最大程度開發(fā)利用現(xiàn)有資源

26、目標(biāo)的可行途徑。首先，企業(yè)門戶將本需要占用多臺(tái)不同硬件系統(tǒng)的應(yīng)用集成到較少的系統(tǒng)設(shè)備上，從而節(jié)約硬件的投入。其次，減少了多種未經(jīng)集成的應(yīng)用軟件的總體維護(hù)成本。除了新設(shè)立的企業(yè)，其他實(shí)施企業(yè)門戶的企業(yè)都已有多種應(yīng)用系統(tǒng)和以數(shù)據(jù)庫、文檔等形式存儲(chǔ)的信息資源。這些資源往往條塊分割，分散維護(hù)成本高昂。新的企業(yè)門戶將現(xiàn)有的資源加以整合，并經(jīng)過一定的處理，最后集成到企業(yè)門戶這樣一個(gè)統(tǒng)一的平臺(tái)上，提供給更多的用戶。由于它的繼承和集成，企業(yè)可以實(shí)現(xiàn)集中

27、維護(hù)，從而降低維護(hù)成本。第三，企業(yè)門戶采用高效的互聯(lián)網(wǎng)作為信息傳輸?shù)墓ぞ撸啾冉ㄔO(shè)或租用線路價(jià)格低廉，同時(shí)減少了人力投入。第四，企業(yè)門戶的實(shí)施可以改進(jìn)企業(yè)的供應(yīng)鏈管理，企業(yè)門戶能夠幫助企業(yè)實(shí)現(xiàn)真正意義上的零庫存。 </p><p>　　由此看來，企業(yè)尤其是大中型企業(yè)，不論是從節(jié)約成本角度還是從提高競爭力角度考慮，建立企業(yè)門戶都是有效的方法。 </p><p>　　1.4 企業(yè)網(wǎng)站常用的開發(fā)

28、技術(shù)</p><p>　　目前，企業(yè)早已經(jīng)將網(wǎng)站的定位，由簡單的形象展示，提高到具體商務(wù)功能的應(yīng)用。網(wǎng)站類型也大部分都采用了動(dòng)態(tài)網(wǎng)站，主要的開發(fā)技術(shù)有ASP、JSP以及PHP三種，下面對(duì)這三種技術(shù)做簡要介紹。</p><p>　　1.4.1 ASP技術(shù)</p><p>　　ASP是微軟公司開發(fā)的代替CGI（(Common Gateway Interface，通用網(wǎng)關(guān)

29、接口）腳本程序的一種應(yīng)用，并且可以與數(shù)據(jù)庫和其他程序進(jìn)行交互，是一種簡單、方便的編程工具。ASP的程序是在Web服務(wù)器端運(yùn)行，運(yùn)行后再降運(yùn)行的結(jié)果以HTML的格式傳送至客戶端的瀏覽器，比HTML更方便而且更具有靈活性，而且最大的特點(diǎn)是安全性高于一般的腳本語言。</p><p>　　ASP是一種腳本語言，它基本局限于微軟的操作系統(tǒng)平臺(tái)，主要的工作環(huán)境是微軟的IIS應(yīng)用程序結(jié)構(gòu)，所以ASP技術(shù)不是很容易地實(shí)現(xiàn)跨平臺(tái)W

30、eb服務(wù)器上工作。</p><p>　　1.4.2 JSP技術(shù)</p><p>　　JSP是一種動(dòng)態(tài)網(wǎng)頁常用的技術(shù)之一。JSP技術(shù)是開放的、跨平臺(tái)的結(jié)構(gòu)，其最大的特點(diǎn)是可以幾乎運(yùn)行所有的服務(wù)器系統(tǒng)上。在JSP技術(shù)下，當(dāng)?shù)谝淮握埱驤SP文件的時(shí)候，該文件被編譯為Java Servlet并且由Java虛擬機(jī)執(zhí)行，之后訪問就不再需要編譯，很大的程度上提高了執(zhí)行效率。因此，JSP也被業(yè)內(nèi)人士稱為S

31、erver-side Language,因其開放性、安全性和健壯性，被認(rèn)為未來最有發(fā)展前途的動(dòng)態(tài)技術(shù)之一。</p><p>　　JSP也并非人們想象的那般完美無缺，它也存在著令開發(fā)人員頭疼無比的一些缺點(diǎn)。JSP頁面發(fā)生錯(cuò)誤的時(shí)候，顯示的出錯(cuò)行，不是JSP頁面的行數(shù)，而是編譯后的Servlet的行數(shù)，查錯(cuò)極其不便；還有就是JSP嵌入HTML中，不便閱讀和查錯(cuò)，還有一個(gè)缺點(diǎn)是中文問題。</p><

32、p>　　1.4.3 PHP技術(shù)</p><p>　　PHP是一種HTML內(nèi)嵌式的語言，是一種在服務(wù)器端執(zhí)行的嵌入HTML文檔的腳本語言，大量采用C、Java和Perl語言的語法，并且融入其自身的特點(diǎn)，很大的程度上使WEB開發(fā)者快速方便的編寫出動(dòng)態(tài)頁面。PHP技術(shù)提供了標(biāo)準(zhǔn)的數(shù)據(jù)庫接口，存取數(shù)據(jù)庫也比較方便，兼容性更強(qiáng)。</p><p>　　使用過PHP技術(shù)開發(fā)網(wǎng)站的人員都知道，PH

33、P對(duì)組件的支持不夠，導(dǎo)致擴(kuò)展性極差，所以現(xiàn)在都基本用它與免費(fèi)的數(shù)據(jù)庫系統(tǒng)MySQL協(xié)同一起用作構(gòu)建中小型網(wǎng)B/S應(yīng)用大網(wǎng)站或者信息系統(tǒng)。</p><p>　　1.4.4 三種技術(shù)比較分析</p><p>　　JSP是一種較新的技術(shù)，應(yīng)用的還不是較廣泛。主要是在國外，JSP已經(jīng)是比較流行的一種技術(shù)，尤其是電子商務(wù)類的網(wǎng)站，多采用JSP技術(shù)來開發(fā)。國內(nèi)采用的較少，目前在國內(nèi)還是使用ASP與PH

34、P應(yīng)用最為廣泛。采用PHP的網(wǎng)站如新浪網(wǎng)（sina）、中國人（Chinaren）等，由于PHP缺乏規(guī)模支持，缺乏多層結(jié)構(gòu)支持，并且提供的數(shù)據(jù)庫接口支持不統(tǒng)一等自身缺點(diǎn)，使得它不適合應(yīng)用于大型電子商務(wù)站點(diǎn)，而更適合一些小型的商業(yè)站點(diǎn)。</p><p>　　ASP和JSP則沒有以上缺陷，ASP可以通過COM/DCOM獲得ActiveX規(guī)模支持，通過DCOM（Microsoft Distributed Componen

35、t Object Model，分布式組件對(duì)象模型）和Transcation Server獲得結(jié)構(gòu)支持；JSP可以通過SUN Java的Java Class和EJB(Enterprise JavaBean,Java企業(yè)柄)獲得規(guī)模支持，通過EJB/CORBA以及眾多廠商的Application Server獲得結(jié)構(gòu)支持。三者中，JSP應(yīng)該是未來發(fā)展的趨勢。世界上一些大的電子商務(wù)解決方案提供商都采用JSP/Servlet。比較出名的如IBM

36、的E－business，它的核心是采用JSP/Servlet的Web Sphere。</p><p>　　總之，ASP，PHP,JSP三者各有各優(yōu)缺點(diǎn)，也都擁著有相當(dāng)數(shù)量的企業(yè)和個(gè)人支持者，不同的類型企業(yè)則根據(jù)自己的需求而選擇使用符合企業(yè)的開發(fā)技術(shù)。</p><p>　　1.5 企業(yè)門戶建設(shè)流程</p><p>　　既然企業(yè)門戶功效如此之大，各個(gè)企業(yè)想要建立企業(yè)門戶

37、一定要按照如下幾個(gè)流程，才會(huì)讓網(wǎng)站建設(shè)的過程更加簡單順利。</p><p>　　1.5.1 前期準(zhǔn)備工作</p><p>　　企業(yè)在建立企業(yè)門戶之前，要進(jìn)行大量的信息調(diào)查工作，弄清楚企業(yè)的商業(yè)信息是如何使用的。對(duì)于大多數(shù)企業(yè)而言，這意味著要進(jìn)行商業(yè)信息應(yīng)用的調(diào)查和研究。調(diào)查的目的是了解誰使用信息，信息是如何使用，以及信息如何流入和流出。簡而言之，就是了解用戶體驗(yàn)，做企業(yè)站更多的是讓自己的用

38、戶來看，了解他們的關(guān)注點(diǎn)才是最重要的。</p><p>　　1.5.2 產(chǎn)品與技術(shù)的選擇</p><p>　　在進(jìn)行完信息的使用調(diào)查之后，企業(yè)就要選擇門戶產(chǎn)品和技術(shù)。門戶軟件不僅要滿足商業(yè)信息和應(yīng)用訪問的需要，還要滿足事先定義的技術(shù)層面（如協(xié)議）的要求。目前，由于有相當(dāng)數(shù)量的公司推出了企業(yè)門戶解決方案，這為企業(yè)提供了較大的選擇余地。但不可否認(rèn)，目前企業(yè)門戶的產(chǎn)品良莠不齊，功能和所采用的技術(shù)

39、差別較大，如何正確選擇適合自身企業(yè)需要的企業(yè)門戶產(chǎn)品是一門學(xué)問，本欄目下期對(duì)此進(jìn)行討論。</p><p>　　1.5.3 企業(yè)門戶的建設(shè)</p><p>　　選好技術(shù)和產(chǎn)品，接下來就是建設(shè)了。這方面需要注意的是企業(yè)信息要集成到門戶有關(guān)目錄之下，或安排在某個(gè)主題里，以便用戶可以容易地找到所需要的信息。信息的組織及個(gè)性化，應(yīng)用和服務(wù)以能夠滿足用戶的需求為目的。</p><p

40、>　　1.5.4 推廣使用企業(yè)門戶</p><p>　　企業(yè)門戶建好了，并不意味著工作就完成了，因?yàn)榻ㄆ髽I(yè)門戶的目的是讓其發(fā)揮作用。接下來就是讓更多相關(guān)的用戶群體來了解和使用它。在這個(gè)階段，個(gè)性化是舉足輕重的。個(gè)性化的目的是針對(duì)合適的用戶群，如營銷分析、財(cái)務(wù)分析、經(jīng)理或商業(yè)伙伴，合理地將門戶信息、應(yīng)用和工具進(jìn)行有針對(duì)性的設(shè)計(jì)。</p><p>　　文章來自 唯美圖片 嗆口小辣椒&l

41、t;/p><p>　　第二章 網(wǎng)站設(shè)計(jì)要點(diǎn)</p><p>　　因特網(wǎng)正在改變世界，它促成了網(wǎng)絡(luò)經(jīng)濟(jì)雛形的形成，特別是電子商務(wù)正由新概念走向?qū)嵱没?。由于因特網(wǎng)具有傳播信息容量極大、形態(tài)多樣、迅速方便、全球覆蓋、自由和交互的特點(diǎn)，已經(jīng)發(fā)展成為新的傳播媒體，所以全球幾乎各個(gè)企業(yè)、機(jī)構(gòu)紛紛建立自己的Web站點(diǎn)。</p><p>　　Web站點(diǎn)是向用戶或潛在客戶提供信息(包括產(chǎn)

42、品和服務(wù))的一種方式。其文檔所包含的內(nèi)容是由被稱為超文本(HyperText)的文本、圖形圖象、聲音，甚至電影等組成。使這些超文本能夠有機(jī)地關(guān)聯(lián)并可使瀏覽器識(shí)別，是通過HTML語言(HyperText Markup Language超文本標(biāo)記語言)實(shí)現(xiàn)的。同時(shí)CGI(Common Gateway Interface公共網(wǎng)關(guān)接口)能使Web具有交互功能。Web站點(diǎn)指引用戶瀏覽該站點(diǎn)或其他站點(diǎn)上的分頁信息，可以通過表格和電子郵件的連接提供雙

43、向交互方式。站點(diǎn)建立后，你的企業(yè)就在國內(nèi)、甚至在國際上有了一席之地，有了每周7天、每天24小時(shí)的“虛擬門市部”。網(wǎng)站是未來企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，它是“知識(shí)經(jīng)濟(jì)”的制高點(diǎn)，企業(yè)的網(wǎng)址猶如企業(yè)的商標(biāo)和品牌一樣，是反映企業(yè)形象和文化的巨大的無形資產(chǎn)。</p><p>　　隨著人們對(duì)設(shè)計(jì)的要求越來越高，高格調(diào)，高品位的設(shè)計(jì)作品，才深受人們的歡迎。這也就給設(shè)計(jì)者們提出了更高的要求，從這個(gè)角度說，版式設(shè)計(jì)正是

44、滿足了人們的要求應(yīng)需而生?？萍嫉娘w躍發(fā)展，讓Internet走進(jìn)了千家萬戶，也產(chǎn)生出新的設(shè)計(jì)領(lǐng)域空間，而網(wǎng)頁設(shè)計(jì)成為新的設(shè)計(jì)領(lǐng)域的重要內(nèi)容。</p><p>　　優(yōu)秀的網(wǎng)頁設(shè)計(jì)，必須有好的創(chuàng)意，才能使觀者視線久久難移，產(chǎn)生震撼力。版面設(shè)計(jì)是很重要的，通過文字、圖形的空間組合，能最佳的表達(dá)出和諧與美。確定整個(gè)網(wǎng)站的整體風(fēng)格,在網(wǎng)站前期規(guī)劃中起著相當(dāng)大的作用，你網(wǎng)頁上所有的圖像、文字,包括像背景顏色、區(qū)分線、字體、標(biāo)

45、題、注腳什么的,都要統(tǒng)一風(fēng)格,貫穿全站。這樣子讀者看起來舒服、順暢,會(huì)對(duì)你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。 舉個(gè)簡單例子，如果你在列舉一二三四若干條的情況下,在每條前面用黑圓點(diǎn)加強(qiáng)視覺效果,那么其他類似地方,也應(yīng)該用保持同樣的風(fēng)格。色彩斑斕的站點(diǎn),尤其要注意風(fēng)格的統(tǒng)一。顏色可以變,不過字體、主體文本對(duì)齊風(fēng)格、標(biāo)題、背景效果以及特殊圖像效果等等都應(yīng)保持統(tǒng)一。 很多缺乏編輯、出版背景的網(wǎng)友,很容易忽視這點(diǎn),特別是網(wǎng)頁一多,更容易忘。&l

46、t;/p><p>　　因此企業(yè)網(wǎng)站規(guī)劃必須注意以下八個(gè)方面：</p><p>　?、?目標(biāo)明確、定位正確</p><p>　　Web站點(diǎn)的設(shè)計(jì)是企業(yè)或機(jī)構(gòu)發(fā)展戰(zhàn)略的重要組成部分。要將企業(yè)站點(diǎn)作為在因特網(wǎng)－－這個(gè)新媒體上展示企業(yè)形象、企業(yè)文化的信息空間，領(lǐng)導(dǎo)一定要給予足夠的重視，明確設(shè)計(jì)站點(diǎn)的目的和用戶需求，從而作出切實(shí)可行的計(jì)劃。 </p><p&g

47、t;　　挑選與錘煉企業(yè)的關(guān)鍵信息，利用一個(gè)邏輯結(jié)構(gòu)有序地組織起來，開發(fā)一個(gè)頁面設(shè)計(jì)原型，選擇用戶代表來進(jìn)行測試，并逐步精煉這個(gè)原型，形成創(chuàng)意。 </p><p>　　分析有些網(wǎng)站的效果不如預(yù)想的好，主要原因是對(duì)用戶的需求理解有偏差，缺少用戶的檢驗(yàn)造成的。設(shè)計(jì)者常常將企業(yè)的市場營銷和商業(yè)目標(biāo)放在首位，而對(duì)用戶和潛在的用戶的真正需求了解不多。所以，企業(yè)或機(jī)構(gòu)應(yīng)清楚地了解本網(wǎng)站的受眾群體的基本情況，如受教育程度、收入水

48、平、需要信息的范圍及深度等，從而能夠有的放矢。</p><p>　　⑵ 主題鮮明、富有特色</p><p>　　在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對(duì)網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。 </p><p>　　Web站點(diǎn)應(yīng)針對(duì)所服務(wù)對(duì)象（機(jī)構(gòu)或人）不同而具有不同的形式。有些站點(diǎn)只提供簡潔文本信息；有些則采用多媒體表現(xiàn)手法，提供華麗的圖

49、像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以下載聲音和錄像片段。最好的Web站點(diǎn)將把圖形圖像表現(xiàn)手法與有效的組織與通信結(jié)合起來。 </p><p>　　要做到主題鮮明突出，力求簡潔，要點(diǎn)明確，以簡單明確的語言和畫面告訴大家本站點(diǎn)的主題，吸引對(duì)本站點(diǎn)有需求的人的視線，對(duì)無關(guān)的人員也能留下一定的印象。對(duì)于一些行業(yè)標(biāo)志和公司的標(biāo)志應(yīng)充分加以利用。</p><p>　　調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站的個(gè)性和

50、情趣，突出個(gè)性，辦出網(wǎng)站的特色。 </p><p>　　Web站點(diǎn)主頁應(yīng)具備的基本成分包括：公司簡介，公司新聞，產(chǎn)品展示,在線留言，這幾個(gè)是必要的欄目。 </p><p>　　頁頭即左上角的標(biāo)題title：告訴用戶這個(gè)站主要作用，也告訴百度，谷歌等搜索引擎，利于蜘蛛的抓取。</p><p>　　E-mail地址：用來接收用戶垂詢； </p><p

51、>　　聯(lián)系信息：如普通郵件地址或電話； </p><p>　　版權(quán)信息：即備案號(hào)，國內(nèi)所有企業(yè)網(wǎng)站均需備案，這樣才證明這個(gè)網(wǎng)站是合法的，才有用戶信任此站點(diǎn)。 </p><p>　　⑶ 版式編排布局合理。</p><p>　　網(wǎng)頁設(shè)計(jì)作為一種視覺語言，當(dāng)然要講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。 版式設(shè)計(jì)通過

52、文字圖形的空間組合，表達(dá)出和諧與美。版式設(shè)計(jì)通過視覺要素的理性分析，和嚴(yán)格的形式構(gòu)成訓(xùn)練，培養(yǎng)對(duì)整體畫面的把握能力和審美能力。一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個(gè)網(wǎng)頁生輝。 </p><p>　　努力做到整體布局合理化、有序化、整體化。優(yōu)秀之作，善于以巧妙、合理的視覺方式使一些語言無法表達(dá)的思想得以闡述，做到豐富多樣而又簡潔明了。多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁面之間的有機(jī)聯(lián)系反映出

53、來，這里主要的問題是頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性。特別是關(guān)系十分緊密的有上下文關(guān)系的頁面，一定設(shè)計(jì)有向前和向后的按鈕，便于瀏覽者仔細(xì)研讀。 </p><p>　　站點(diǎn)設(shè)計(jì)簡單有序，主次關(guān)系分明，將零亂頁面的組織過程混雜的內(nèi)容依整體布局的需要進(jìn)行分組歸納，經(jīng)過進(jìn)行具有內(nèi)在聯(lián)系的組織排列，反復(fù)推敲文字、圖形與空間的關(guān)系，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。 <

54、/p><p>　　⑷ 色彩和諧重點(diǎn)突出</p><p>　　色調(diào)及黑、白、灰的三色空間關(guān)系不論在設(shè)計(jì)還是在繪畫方面都起著重要的作用。在頁面上一定得明確調(diào)性，而其它有色或無色的內(nèi)容均屬黑、白、灰的三色空間關(guān)系，從而構(gòu)成它們的空間層次。色彩是藝術(shù)表現(xiàn)的要素之一，它是光刺激眼睛再傳導(dǎo)到大腦中樞而產(chǎn)生的一種感覺。在網(wǎng)頁設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來構(gòu)成美麗的頁面。

55、 </p><p>　　利用色彩對(duì)人們心理的影響的成果，合理地加以運(yùn)用。按照色彩的記憶性原則，一般暖色較冷色的記憶性強(qiáng)。色彩還具有聯(lián)想與象征的特質(zhì)，如：紅色象征火、血、太陽；藍(lán)色象征大海、天空和水面等。所以設(shè)計(jì)出售冷食的虛擬店面，應(yīng)使用消極而沉靜的顏色，使人心理上感覺涼爽一些。 </p><p>　　在色彩的運(yùn)用過程中，還應(yīng)注意的一個(gè)問題是：由于國家和種族的不同，宗教和信仰的不同，生活的地

56、理位置、文化修養(yǎng)的差異，不同的人群對(duì)色彩的喜惡程度有著很大差異。如：兒童喜歡對(duì)比強(qiáng)烈、個(gè)性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在沙漠中的人喜歡綠色。在設(shè)計(jì)中要考慮主要讀者群的背景和構(gòu)成。</p><p>　?、?形式內(nèi)容和諧統(tǒng)一</p><p>　　形式服務(wù)于內(nèi)容，內(nèi)容又為目的服務(wù)，形式與內(nèi)容的統(tǒng)一是設(shè)計(jì)網(wǎng)頁的基本原則之一。 運(yùn)用對(duì)比與調(diào)和，對(duì)稱與平

57、衡，節(jié)奏與韻律以及留白等手段，如通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對(duì)稱原則在頁面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁面顯得呆板，但如果加入一些動(dòng)感的的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果。 </p><p>　　點(diǎn)、線、面是視覺語言中的基本元素，使用點(diǎn)、線、面的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁面效果。點(diǎn)是所有空間形態(tài)中最簡潔的元素，也可以說是最活躍、最不

58、安分的元素。設(shè)計(jì)中，一個(gè)點(diǎn)就可以包羅萬象，體現(xiàn)設(shè)計(jì)者的無限心思，網(wǎng)頁中的圖標(biāo)，單個(gè)圖片，按鈕或一團(tuán)文字等都可以說是點(diǎn)。點(diǎn)是靈活多變的，我們可以將一排文字視為一個(gè)點(diǎn)，將一個(gè)圖形視為一個(gè)點(diǎn)。在網(wǎng)頁設(shè)計(jì)中的點(diǎn)，由于大小、形態(tài)、位置的不同而給人不同的心理感受。</p><p>　　線是點(diǎn)移動(dòng)的軌跡，線在編排設(shè)計(jì)中有強(qiáng)調(diào)、分割、導(dǎo)線，視覺線的作用。線會(huì)因方向、形態(tài)的不同而產(chǎn)生不同的視覺感受，例如垂直的線給人平穩(wěn)、挺立的感覺

59、，弧線使人感到流暢、輕盈；曲線使人跳動(dòng)、不安。在頁面中內(nèi)容較多時(shí)，就需進(jìn)行版面分割，通過線的分割保證頁面良好的視覺秩序，頁面在直線的分割下，產(chǎn)生和諧統(tǒng)一的美感。</p><p>　　面的形態(tài)除了規(guī)則的幾何形體外，還有其它一些不規(guī)則的形態(tài)，可以說表現(xiàn)形式是多種多樣的。面在平面設(shè)計(jì)中是點(diǎn)的擴(kuò)大，線的重復(fù)形成的。面狀給人以整體美感，使空間層次豐富，使單一的空間多元化，在表達(dá)較含蓄。 網(wǎng)頁設(shè)計(jì)中點(diǎn)、線、面的運(yùn)用并不是孤立

60、的，很多時(shí)候都需要將它們結(jié)合起來，表達(dá)完美的設(shè)計(jì)意境。 </p><p>　?、?三維空間指置有方</p><p>　　網(wǎng)絡(luò)上的三維空間是一個(gè)假想空間，這種空間關(guān)系需借助動(dòng)靜變化、圖像的比例關(guān)系等空間因素表現(xiàn)出來。在頁面中圖片、文字位置前后疊壓，或位置疏密或頁面上、左、右、中、下位置所產(chǎn)生的視覺效果都各不相同。在網(wǎng)頁上，圖片、文字前后疊壓所構(gòu)成的空間層次目前還不多見，網(wǎng)上更多的是一些設(shè)計(jì)得

61、比較規(guī)范化、簡明化的頁面，這種疊壓排列能產(chǎn)生強(qiáng)節(jié)奏的空間層次，視覺效果強(qiáng)烈。網(wǎng)頁上常見的是頁面上、左、右、下、中位置所產(chǎn)生的空間關(guān)系，以及疏密的位置關(guān)系所產(chǎn)生的空間層次，這兩種位置關(guān)系使視覺流程生動(dòng)而清晰，視覺注目程度高。疏密的位置關(guān)系使產(chǎn)生的空間層次富有彈性，同時(shí)也讓人產(chǎn)生輕松或緊迫的心理感受。 </p><p>　　需指出，隨著Web的普及和計(jì)算機(jī)技術(shù)的迅猛發(fā)展，人們對(duì)Web語言的要求也日益增長。人們已不滿足

62、于HTML語言編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現(xiàn)實(shí)要在Web網(wǎng)上展示其迷人的風(fēng)采，于是VRML語言出現(xiàn)了。VRML是一種面向?qū)ο笠环N語言，它類似Web超級(jí)鏈接所使用的HTML語言，也是一種基于文本的語言，并可以運(yùn)行在多種平臺(tái)之上，只不過能夠更多的為虛擬現(xiàn)實(shí)環(huán)境服務(wù)。VRML只是一種語言，對(duì)于三維環(huán)境的藝術(shù)設(shè)計(jì)仍需要理論和實(shí)踐指導(dǎo)。</p><p>　?、?多媒體功能的利用</p&g

63、t;<p>　　最大資源優(yōu)勢在于多媒體功能，因而要盡一切努力挖掘它，吸引瀏覽者保持注意力。因而畫面的內(nèi)容應(yīng)當(dāng)有一定的實(shí)用性，如產(chǎn)品的介紹甚至可以用三維動(dòng)畫來表現(xiàn)。 這里需要注意的問題是，由于網(wǎng)絡(luò)帶寬的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時(shí)應(yīng)考慮客戶端的傳輸速度，或者說將多媒體的內(nèi)容控制在用戶可接收的下載時(shí)間內(nèi)是十分必要的。 </p><p>　?、?相關(guān)站點(diǎn)引導(dǎo)鏈接</p><

64、p>　　一個(gè)好的網(wǎng)站的基本要素是用戶進(jìn)入后，與本網(wǎng)站相關(guān)的信息都可以方便快捷地找到，其中要借助于相關(guān)的站點(diǎn)，所以做好導(dǎo)引是一項(xiàng)重要的工作。超文本這種結(jié)構(gòu)使全球所有聯(lián)上因特網(wǎng)的計(jì)算機(jī)成為超大規(guī)模的信息庫，鏈接到其它網(wǎng)站輕而易舉。在設(shè)計(jì)網(wǎng)頁的導(dǎo)引組織時(shí)，應(yīng)該給出多個(gè)相關(guān)網(wǎng)站的鏈接，使得用戶感到想得到的信息就在鼠標(biāo)馬上就可以點(diǎn)擊的地方。</p><p>　　第三章 網(wǎng)站的具體實(shí)現(xiàn)技術(shù)</p><

65、;p>　　3.1 開發(fā)工具及環(huán)境</p><p>　　隨著開源潮流的蓬勃發(fā)展，開放源代碼的LAMP已經(jīng)與J2EE和.Net商業(yè)軟件形成三足鼎立之勢，并且該軟件開發(fā)的項(xiàng)目在軟件方面的投資成本較低，因此受到整個(gè)IT界的關(guān)注。Windows下的Apache+Mysql+Perl/PHP/Python，一組常用來搭建動(dòng)態(tài)網(wǎng)站或者服務(wù)器的開源軟件，本身都是各自獨(dú)立的程序，但是因?yàn)槌１环旁谝黄鹗褂?，擁有了越來越高的兼?/p>

66、度，共同組成了一個(gè)強(qiáng)大的Web應(yīng)用程序平臺(tái)。 　　 　　</p><p>　　LAMP是基于Linux，Apache，MySQL和PHP的開放資源網(wǎng)絡(luò)開發(fā)平臺(tái)，PHP是一種有時(shí)候用Perl或Python可代替的編程語言。這個(gè)術(shù)語來自歐洲，在那里這些程序常用來作為一種標(biāo)準(zhǔn)開發(fā)環(huán)境。名字來源于每個(gè)程序的第一個(gè)字母。每個(gè)程序在所有權(quán)里都符合開放源代碼標(biāo)準(zhǔn)：Linux是開放系統(tǒng)；Apache是最通用的網(wǎng)絡(luò)服務(wù)器；mySQ

67、L是帶有基于網(wǎng)絡(luò)管理附加工具的關(guān)系數(shù)據(jù)庫；PHP是流行的對(duì)象腳本語言，它包含了多數(shù)其它語言的優(yōu)秀特征來使得它的網(wǎng)絡(luò)開發(fā)更加有效。開發(fā)者在Windows操作系統(tǒng)下使用這些Linux環(huán)境里的工具稱為使用WAMP。下面就針對(duì)WAMP里的Windows/APACHE/MYSQL /PHP做下簡單說明。</p><p>　　3.1.1 操作系統(tǒng)平臺(tái)：Windows 2003</p><p>　　服務(wù)

68、器平臺(tái)的操作系統(tǒng)。Unix操作系統(tǒng)，由于是Unix的后代，大多都有較好的作服務(wù)器平臺(tái)的功能。常見的類Unix服務(wù)器操作系統(tǒng)有AIX、HP-UX、IRIX、Linux、FreeBSD、Solaris、MacOS X Server、OpenBSD、NetBSD、和SCO OpenServer。微軟也出版了Microsoft Windows服務(wù)器版本，像早期的Windows NT Server，現(xiàn)代的Windows 2000 Server和W

69、indows Server 2003。</p><p>　　3.1.2 開發(fā)技術(shù)：PHP5.0</p><p>　　PHP5在長時(shí)間的開發(fā)及多個(gè)預(yù)發(fā)布版本后，2004年7月13日，PHP5.0發(fā)布。該版本以Zend引擎Ⅱ?yàn)橐妫⑶壹尤肓诵鹿δ苋鏟HP Data Objects（PDO）?，F(xiàn)在PHP5.0版本強(qiáng)化更多的功能。首先，完全實(shí)現(xiàn)面向?qū)ο?，提供名為PHP兼容模式的功能。其次是XML

70、功能，PHP5.0版本支持可直觀地訪問XML數(shù)據(jù)、名為SimpleXML的XML處理用界面。同時(shí)還強(qiáng)化了XMLWeb服務(wù)支持，而且標(biāo)準(zhǔn)支持SOAP擴(kuò)展模塊。數(shù)據(jù)庫方面，PHP新版本提供旨在訪問MySQL的新界面——MySQL。除此前的界面外，還可以使用面向?qū)ο蠼缑婧皖A(yù)處理語句（Prepared Statement）等MySQL的新功能．另外，PHP5.0上還捆綁有小容量RDBMS-SQLite．</p><p>

71、　　3.1.3 數(shù)據(jù)庫系統(tǒng)： MySQL </p><p>　　MySQL是一個(gè)小型關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，開發(fā)者為瑞典MySQL AB公司。目前MySQL被廣泛地應(yīng)用在Internet上的中小型網(wǎng)站中。由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點(diǎn)，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫。</p><p><b>　　MySQL

72、的特性：</b></p><p>　　使用C和C++編寫，并使用了多種編譯器進(jìn)行測試，保證源代碼的可移植性 </p><p>　　支持AIX、FreeBSD、HP-UX、Linux、Mac OS、Novell Netware、OpenBSD、OS/2 Wrap、Solaris、Windows等多種操作系統(tǒng) </p><p>　　為多種編程語言提供了API

73、。這些編程語言包括C、C++、Eiffel、Java、Perl、PHP、Python、Ruby和Tcl等。</p><p>　　支持多線程，充分利用CPU資源 </p><p>　　優(yōu)化的SQL查詢算法，有效地提高查詢速度</p><p>　　既能夠作為一個(gè)單獨(dú)的應(yīng)用程序應(yīng)用在客戶端服務(wù)器網(wǎng)絡(luò)環(huán)境中，也能夠作為一個(gè)庫而嵌入到其他的軟件中提供多語言支持，常見的編碼如中

74、文的GB 2312、BIG5，日文的Shift_JIS等都可以用作數(shù)據(jù)表名和數(shù)據(jù)列名</p><p>　　提供TCP/IP、ODBC和JDBC等多種數(shù)據(jù)庫連接途徑</p><p>　　提供用于管理、檢查、優(yōu)化數(shù)據(jù)庫操作的管理工具</p><p>　　9.可以處理擁有上千萬條記錄的大型數(shù)據(jù)庫</p><p>　　3.1.4 程序運(yùn)行環(huán)境：Ap

75、ache</p><p>　　Apache是目前最流行的Web應(yīng)用服務(wù)器，占據(jù)了互聯(lián)網(wǎng)應(yīng)用服務(wù)器70%以上的份額。Apache能取得如此成功并不足為奇：它免費(fèi)、穩(wěn)定且性能卓越；但Apache能取得如此佳績的另一個(gè)原因是，當(dāng)時(shí)互聯(lián)網(wǎng)剛剛興起時(shí)，Apache是第一個(gè)可用的Web應(yīng)用服務(wù)器，人們沒有其他的選擇。 </p><p>　　不可否認(rèn)，Apache是一個(gè)優(yōu)秀的全能Web服務(wù)器，但對(duì)于那些

76、需要更強(qiáng)大的Web應(yīng)用服務(wù)器（比如大小、可定制、響應(yīng)速度、可擴(kuò)展性等方面）的人而言，Apache明顯不符合他們的要求，尋找Apache的替代者是更好的選擇。</p><p>　　3.1.5 安裝配置WAMP</p><p>　　1.下載最新的安裝包(官方網(wǎng)站，SourceForge)，當(dāng)前版本W(wǎng)ampServer 2.0a集成了apache2.2.6、php5.2.5+PECL、SQLit

77、emanager、MySQL 5.0.45、Phpmyadmin。 　　</p><p><b>　　2.運(yùn)行安裝包 </b></p><p>　　a)首先會(huì)彈出一個(gè)“重要提示”，告訴你，“不要從wamp5.1.x版本，如果之前安裝過wamp5.1.x，那么安裝新版本之前，請保存數(shù)據(jù)，卸載wamp5并刪除wamp目錄”。如果是全新安裝的話，直接點(diǎn)“是”即可。 　　&l

78、t;/p><p>　　b)彈出安裝向?qū)?。點(diǎn)擊【next】進(jìn)行下一步即可。 　</p><p>　　圖4.1 安裝向?qū)б?lt;/p><p>　　c)安裝協(xié)議，選擇【I accept the agreement】，繼續(xù)點(diǎn)擊【next】進(jìn)行下一步。</p><p>　　圖4.2 安裝向?qū)Ф?lt;/p><p>　　d)選擇安裝目錄，

79、默認(rèn)是c:\wamp，也根據(jù)自己需要設(shè)置在其他盤。 　　</p><p>　　e)詢問是否在快速啟動(dòng)欄和桌面創(chuàng)建快捷方式。選好之后繼續(xù)點(diǎn)擊【next】進(jìn)行下一步。 　　</p><p>　　f)確認(rèn)設(shè)置是否正確，點(diǎn)擊【install】開始安裝。 </p><p><b>　　圖4.3 開始安裝</b></p><p>&

80、lt;b>　　g)安裝中… 　　</b></p><p>　　h)彈出對(duì)話框，是否安裝新的【W(wǎng)ampServer 2主頁】，選擇同意之后會(huì)覆蓋wamp安裝目錄下www文件夾中的index.php文件。（例如 c:\wamp\www\index.php）。確認(rèn)沒有問題的話就選“是”吧。 　　</p><p>　　i)安裝完畢，詢問是否啟動(dòng)WampServer 2。點(diǎn)擊【Fi

81、nish】完成安裝。 　　</p><p>　　安裝完畢之后，右下角的任務(wù)欄會(huì)多出一個(gè)wamp的小圖標(biāo)，若安裝的wamp版本為wamp2.2版本的，成功啟動(dòng)后鼠標(biāo)右鍵點(diǎn)擊系統(tǒng)右下角的綠色小圖標(biāo),依次選擇【Language】-【chinese】,即可更換為中文操作界面。在瀏覽器里輸入http://localhost/phpmyadmin 或者h(yuǎn)ttp://127.0.0.1/phpmyadmin,按回車進(jìn)行測試是否

82、安裝成功。</p><p>　　圖3.4 測試安裝成功</p><p>　　3.2 PHP+MYSQL介紹</p><p>　　php是Hypertext Perprocessor(超文本預(yù)處理程序)的簡稱,也有人成為Personal Home Page Tools.它是一種服務(wù)器端的嵌入式HTML腳本語言。相對(duì)應(yīng)的語言有ASP、JSP等，由于其功能與ASP非常相似

83、，所以PHP被稱為“源代碼開放的ASP”。</p><p>　　MySQL是一個(gè)真正的多用戶、多線程SQL數(shù)據(jù)庫服務(wù)器。SQL（結(jié)構(gòu)化查詢語言）是世界上最流行的和標(biāo)準(zhǔn)化的數(shù)據(jù)庫語言。MySQL是</p><p>　　以一個(gè)客戶機(jī)/服務(wù)器結(jié)構(gòu)的實(shí)現(xiàn)，它由一個(gè)服務(wù)器守護(hù)程序mysqld和很多不同的客戶程序和庫組成。</p><p>　　SQL是一種標(biāo)準(zhǔn)化的語言，它使得存

84、儲(chǔ)、更新和存取信息更容易。例如，你能用SQL語言為一個(gè)網(wǎng)站檢索產(chǎn)品信息及存儲(chǔ)顧客信息，同時(shí)MySQL也足夠快和靈活以允許你存儲(chǔ)記錄文件和圖像。MySQL 主要目標(biāo)是快速、健壯和易用。</p><p>　　3.3 應(yīng)用div+css與HTML的結(jié)合設(shè)計(jì)網(wǎng)頁</p><p>　　3.3.1 什么是div+css</p><p>　　Div是一種框架布局，類似于<

85、table>，但比<table>更靈活，容易掌握。CSS是一種樣式表（stylesheet）技術(shù)。也有的人稱之為層疊樣式表（Cascading Stylesheet）。它的作用簡單的說：就是可以使你在同一頁面里使用不同的超鏈接樣式。用CSS僅僅改變一個(gè)文件就可以改變數(shù)百個(gè)網(wǎng)頁的外觀,個(gè)性化的表現(xiàn)而不損壞原頁面顯示.這些都因?yàn)榫W(wǎng)頁樣式表的強(qiáng)大和靈活特性。</p><p>　　3.3.2 CSS與H

86、TML的結(jié)合方式</p><p>　　一個(gè)外部的樣式表可以通過HTML的LINK元素連接到HTML文檔中:</p><p>　　<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen></p><p>　　<LINK REL=Sty

87、leSheet HREF="color-8b.css" TYPE="text/css" TITLE="8-bit Color Style" MEDIA="screen, print"></p><p>　　<LINK REL="Alternate StyleSheet" HREF="color

88、-24b.css" TYPE="text/css" TITLE="24-bit Color Style" MEDIA="screen, print"></p><p>　　<LINK REL=StyleSheet HREF="aural.css" TYPE="text/css" MEDIA=a

89、ural></p><p>　　<LINK>標(biāo)記是放置在文檔的HEAD部分?？蛇x的TYPE屬性用于指定媒體類型--text/css是一個(gè)層疊樣式表--允許瀏覽器忽略它們不支持的樣式表類型。為CSS文件配置服務(wù)器而將text/css當(dāng)作Content-type內(nèi)容發(fā)送出去也是一個(gè)好注意。</p><p>　　外部樣式表不能含有任何像<HEAD>或<STYL

90、E>這樣的HTML的標(biāo)記。樣式表僅僅由樣式規(guī)則或聲明組成。一個(gè)單獨(dú)由P { margin: 2em }組成的文件就可以用作外部樣式表了，外部樣式表以.css后綴。</p><p>　　<LINK>標(biāo)記也有一個(gè)可選的MEDIA屬性，用于指定樣式表被接受的介質(zhì)或媒體。允許的值有 ：screen (缺省值)，提交到計(jì)算機(jī)屏幕； print， 輸出到打印機(jī)；projection，提交到投影機(jī)；aural

91、，揚(yáng)聲器；braille，提交到凸字觸覺感知設(shè)備；tty，電傳打字機(jī) (使用固定的字體)；tv，電視機(jī)；all，所有輸出設(shè)備。 </p><p>　　多樣的媒體通過用逗號(hào)隔開的列表或值all指定。</p><p>　　Netscape Navigator 4.x 錯(cuò)誤地忽略除了screen值外的任何使用MEDIA值聲明的連接或嵌入樣式表。例如，MEDIA="screen,proj

92、ection"會(huì)令到樣式表被Navigator 4.x忽略，盡管展示的設(shè)備是計(jì)算機(jī)的屏幕。Navigator 4.x 也忽略使用MEDIA=all聲明的樣式表。</p><p>　　REL屬性用于定義連接的文件和HTML文檔之間的關(guān)系。REL=StyleSheet指定一個(gè)固定或首選的樣式而REL="Alternate StyleSheet"定義一個(gè)交互樣式。固定樣式在樣式表激活時(shí)總被

93、應(yīng)用。缺少的TITLE屬性，就像例子中的第一個(gè)<LINK>標(biāo)記，定義一個(gè)固定樣式。</p><p>　　一個(gè)首選樣式會(huì)自動(dòng)被應(yīng)用，就像例子中的第二個(gè)<LINK>標(biāo)記。REL=StyleSheet和一個(gè)TITLE屬性的組合指定一個(gè)首選的樣式。網(wǎng)頁制作者不能指定多于一個(gè)的首選樣式。</p><p>　　交互樣式通過REL="Alternate StyleShe

94、et"指出。例子中的第三個(gè)<LINK>標(biāo)記定義一個(gè)交互樣式，用戶可以選擇用來代替首選樣式表。</p><p>　　注意現(xiàn)在的瀏覽器一般都缺乏選擇交互樣式的能力。</p><p>　　單一的樣式也可以通過多個(gè)樣式表給出</p><p>　　<LINK REL=StyleSheet HREF="basics.css" TI

95、TLE="Contemporary"></p><p>　　<LINK REL=StyleSheet HREF="tables.css" TITLE="Contemporary"></p><p>　　<LINK REL=StyleSheet HREF="forms.css" TITLE

96、="Contemporary"></p><p>　　在這個(gè)例子中，三個(gè)樣式表組合成一個(gè)"Contemporary"樣式，作為一個(gè)首選樣式表被應(yīng)用。要組合多個(gè)樣式表成一個(gè)單一樣式，必須在每個(gè)樣式表中使用相同TITLE。</p><p>　　當(dāng)樣式被應(yīng)用到很多的網(wǎng)頁時(shí)，一個(gè)外部樣式表是理想的。網(wǎng)頁制作者使用外部樣式表可以改變整個(gè)網(wǎng)站的外觀而僅僅通

97、過改變一個(gè)文件。同樣的，大多數(shù)瀏覽器會(huì)保存外部樣式表在緩沖區(qū)，從而如果樣式表在緩沖區(qū)就避免了在展示網(wǎng)頁時(shí)的延遲。</p><p>　　3.3.3 CSS在網(wǎng)站中的應(yīng)用實(shí)例</p><p>　　此處仍然引用"鄭州福瑞源網(wǎng)站"中的css樣式，在這個(gè)網(wǎng)站中，增加了以下的定義，使頁面有特殊的顯示效果。</p><p>　　"鄭州福瑞源網(wǎng)站&qu

98、ot;中CSS樣式表使用：</p><p>　　.huali { font-family: "宋體"; font-size: 12px; cursor: crosshair; font-style: normal; text-decoration: none; ba</p><p>　　ckground-color: #FFFFFF; background-image:

99、 none; list-style-image: none}</p><p>　　.text { cursor: crosshair; filter: Mask(Color=#ff9900); font-size: 12px; font-style: normal; text-decoration: none}</p><p>　　在這個(gè)樣式表中使用了：</p><p&

100、gt;　　font-family: "宋體" ; font-size: 12px 定義了網(wǎng)頁文字的字體和大小，以避免因網(wǎng)頁瀏覽器的的設(shè)置改變而引起的網(wǎng)頁字體和大小的變化，影響頁面瀏覽者的信息瀏覽；</p><p>　　cursor: crosshair 定義了頁面鼠標(biāo)樣式，在這里我將它定義為十字型，以反映網(wǎng)頁的總體設(shè)計(jì)思想和鄭州福瑞源的定位精確；</p><p>　

101、　font-style: normal 定義了網(wǎng)頁字體風(fēng)格，可以定義為普通、加粗、傾斜三種樣式；</p><p>　　background-color: #FFFFFF; background-image: none 它們是對(duì)網(wǎng)頁背景顏色和背景圖片的設(shè)置。</p><p>　　3.4 應(yīng)用JavaScrip設(shè)計(jì)網(wǎng)頁</p><p>　　JavaScript是一種

102、基于對(duì)象(Object)和事件驅(qū)動(dòng)(Event Driven)并具有安全性能的腳本語言。使用它的目的是與HTML超文本標(biāo)記語言、Java 腳本語言（Java小程序）一起實(shí)現(xiàn)在一個(gè)Web頁面中鏈接多個(gè)對(duì)象，與Web客戶交互作用，從而可以開發(fā)客戶端的應(yīng)用程序等。它是通過嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語言中實(shí)現(xiàn)的。它的出現(xiàn)彌補(bǔ)了HTML語言的缺陷。</p><p>　　JavaScript的出現(xiàn)使得信息和用戶之間不僅只是一

103、種顯示和瀏覽的關(guān)系，而是實(shí)現(xiàn)了一種實(shí)時(shí)的、動(dòng)態(tài)的、可交式的表達(dá)能力。從而基于CGI靜態(tài)的HTML頁面將被可提供動(dòng)態(tài)實(shí)時(shí)信息，并對(duì)客戶操作進(jìn)行反應(yīng)的Web頁面的取代。JavaScript腳本正是滿足這種需求而產(chǎn)生的語言。它深受廣泛用戶的喜愛。它是眾多腳本語言中較為優(yōu)秀的一種，與WWW的結(jié)合有效地實(shí)現(xiàn)了網(wǎng)絡(luò)計(jì)算和網(wǎng)絡(luò)計(jì)算機(jī)的藍(lán)圖。</p><p>　　下面是JAVASCRIPT在"鄭州福瑞源網(wǎng)站"

104、中的應(yīng)用實(shí)例：</p><p>　　下面是鄭州福瑞源智控在首頁幻燈中使用的js代碼：</p><p>　　<script language="javascript" type="text/javascript"></p><p>　　var img=new Array();</p><p>

105、　　var txt=new Array();</p><p>　　var lnk=new Array();</p><p>　　img[0]='{IMG_PATH}img/pic1.jpg'</p><p>　　lnk[0]=escape('/');</p><p>　　txt[0]='';&l

106、t;/p><p>　　img[1]='{IMG_PATH}img/pic1.jpg'</p><p>　　lnk[1]=escape('/');</p><p>　　txt[1]='';</p><p>　　img[2]='{IMG_PATH}img/pic1.jpg'</p&

107、gt;<p>　　lnk[2]=escape('/');</p><p>　　txt[2]=''; </p><p>　　var focus_width=295;</p><p>　　var focus_height=187;</p><p>　　var te

108、xt_height=0;</p><p>　　var pics = "{IMG_PATH}img/pic1.jpg|{IMG_PATH}img/pic2.jpg|{IMG_PATH}img/pic1.jpg|{IMG_PATH}img/pic2.jpg";</p><p>　　var links = "";</p><p>　

109、　var texts = "";</p><p>　　var swf_height = focus_height+text_height;</p><p>　　if(pics=="")</p><p><b>　　{</b></p><p>　　pics = img.join(&q

110、uot;|");</p><p>　　links = lnk.join("|");</p><p>　　texts = txt.join("|");</p><p><b>　　}</b></p><p>　　document.write('<object

111、classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[url]http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6[/url],0,0,0" width=295 height=187>');</p&g