畢業(yè)論文--電子商務(wù)網(wǎng)站設(shè)計(jì)

1、<p>　　學(xué)士學(xué)位論文（設(shè)計(jì)）</p><p>　　Bachelor’s Thesis</p><p>　　2、學(xué)士學(xué)位論文（設(shè)計(jì)）誠(chéng)信承諾書(shū)</p><p><b>　　目錄</b></p><p><b>　　1.緒論1</b></p><p>　　2.網(wǎng)站

2、開(kāi)發(fā)工具及技術(shù)1</p><p>　　2.1 ASP簡(jiǎn)介1</p><p>　　2.1.1 ASP的優(yōu)勢(shì)3</p><p>　　2.1.2 ASP的特點(diǎn)3</p><p>　　2.2.1 JSP的優(yōu)勢(shì)6</p><p>　　2.2.2 JSP的特點(diǎn)6</p><p>　　2.3 網(wǎng)頁(yè)

3、制作工具7</p><p>　　3.網(wǎng)站開(kāi)發(fā)過(guò)程9</p><p>　　3.1 概要設(shè)計(jì)9</p><p>　　3.1.1 設(shè)計(jì)風(fēng)格與色調(diào)9</p><p>　　3.1.2 使用樣式表(css)優(yōu)化網(wǎng)頁(yè)9</p><p>　　3.2 首頁(yè)設(shè)計(jì)10</p><p>　　3.3后臺(tái)模塊劃

4、分10</p><p>　　3.4 后臺(tái)模塊功能描述10</p><p>　　3.5 數(shù)據(jù)庫(kù)設(shè)計(jì)11</p><p>　　3.4.1用戶數(shù)據(jù)輸入控制12</p><p><b>　　3.6 測(cè)試13</b></p><p>　　學(xué)生姓名 ** 指導(dǎo)教師 ***</p>

5、<p>　　內(nèi)容提要：人類進(jìn)入21世紀(jì)，電子商務(wù)伴隨著IT的成熟，逐漸發(fā)展壯大，成為網(wǎng)絡(luò)經(jīng)濟(jì)的核心。計(jì)算機(jī)、網(wǎng)絡(luò)通信、信息技術(shù)、支付技術(shù)、安全技術(shù)的發(fā)展以及計(jì)算機(jī)的普及與網(wǎng)絡(luò)應(yīng)用等基礎(chǔ)設(shè)施建設(shè)為電子商務(wù)的應(yīng)用提供硬件支持與安全保障，是電子商務(wù)發(fā)展的硬件基礎(chǔ)；電子商務(wù)法的制定與發(fā)布為電子商務(wù)的發(fā)展提供了法律保障，成為電子商務(wù)發(fā)展的軟件基礎(chǔ)。在電子商務(wù)的發(fā)展過(guò)程中，人們意識(shí)到在線購(gòu)物的無(wú)地域界限、安全、方便快捷及其價(jià)格優(yōu)勢(shì)，在

6、線購(gòu)物的隊(duì)伍逐漸擴(kuò)大，不斷增長(zhǎng)的強(qiáng)大需求正成為電子商務(wù)的發(fā)展動(dòng)力。基礎(chǔ)環(huán)境的成熟與需求欲望的增長(zhǎng)將推動(dòng)電子商務(wù)與商務(wù)網(wǎng)站的建設(shè)不斷發(fā)展，因此，本文通過(guò)以某自行車(chē)銷(xiāo)售公司網(wǎng)上書(shū)店電子商務(wù)網(wǎng)站的設(shè)計(jì)來(lái)探討電子商務(wù)應(yīng)用。</p><p><b>　　1.緒論</b></p><p>　　人類進(jìn)入21世紀(jì)，電子商務(wù)伴隨著IT的成熟，逐漸發(fā)展壯大，成為網(wǎng)絡(luò)經(jīng)濟(jì)的核心。計(jì)算機(jī)、網(wǎng)

7、絡(luò)通信、信息技術(shù)、支付技術(shù)、安全技術(shù)的發(fā)展以及計(jì)算機(jī)的普及與網(wǎng)絡(luò)應(yīng)用等基礎(chǔ)設(shè)施建設(shè)為電子商務(wù)的應(yīng)用提供硬件支持與安全保障，是電子商務(wù)發(fā)展的硬件基礎(chǔ)；電子商務(wù)法的制定與發(fā)布為電子商務(wù)的發(fā)展提供了法律保障，成為電子商務(wù)發(fā)展的軟件基礎(chǔ)。在電子商務(wù)的發(fā)展過(guò)程中，人們意識(shí)到在線購(gòu)物的無(wú)地域界限、安全、方便快捷及其價(jià)格優(yōu)勢(shì)，在線購(gòu)物的隊(duì)伍逐漸擴(kuò)大，不斷增長(zhǎng)的強(qiáng)大需求正成為電子商務(wù)的發(fā)展動(dòng)力?；A(chǔ)環(huán)境的成熟與需求欲望的增長(zhǎng)將推動(dòng)電子商務(wù)與商務(wù)網(wǎng)站的建

8、設(shè)不斷發(fā)展，因此，本文通過(guò)以某自行車(chē)銷(xiāo)售公司網(wǎng)上書(shū)店電子商務(wù)網(wǎng)站的設(shè)計(jì)來(lái)探討電子商務(wù)應(yīng)用。</p><p>　　在傳統(tǒng)經(jīng)濟(jì)模式里，人們購(gòu)物跑商場(chǎng)，為了購(gòu)得心愉的商品不得不累半天；企業(yè)為了贏得合同不得不圍在談判桌上群雄論戰(zhàn)。如今人們可以通過(guò)網(wǎng)絡(luò)坐在家中瀏覽網(wǎng)上商店，選擇合適的產(chǎn)品，還可以貨比三家，自已完成購(gòu)物過(guò)程，進(jìn)入自由輕松購(gòu)物新時(shí)代；企業(yè)通過(guò)網(wǎng)絡(luò)洽談業(yè)務(wù)，網(wǎng)上采購(gòu)與接受定單，企業(yè)在網(wǎng)上設(shè)置了商店，不由得會(huì)發(fā)現(xiàn)世

9、界就像在面前。企業(yè)與客戶通過(guò)網(wǎng)上訂購(gòu)，電子支付等，使他們的關(guān)系變得如此貼近，從而使商務(wù)活動(dòng)發(fā)生深刻變革。改變企業(yè)的生產(chǎn)與經(jīng)營(yíng)活動(dòng)，也帶來(lái)了人們的生活方式、文化教育、政府職能等的轉(zhuǎn)變，電子商務(wù)的出現(xiàn)將真正把人類帶入信息社會(huì)。</p><p>　　2.網(wǎng)站開(kāi)發(fā)工具及技術(shù)</p><p><b>　　2.1 ASP簡(jiǎn)介</b></p><p>　　A

10、SP，即Microsoft Active Server Pages，其實(shí)是一套微軟開(kāi)發(fā)的服務(wù)器端腳本環(huán)境， ASP 內(nèi)含于 IIS 3.0 及以上版本之中 , 通過(guò) ASP 我們可以結(jié)合 HTML 網(wǎng)頁(yè)、 ASP 指令和 ActiveX 元件建立動(dòng)態(tài)、交互且高效的 WEB 服務(wù)器應(yīng)用程序。ASP 本身并不是一種腳本語(yǔ)言，它只是提供了一種使鑲嵌在 HTML 頁(yè)面中的腳本程序得以運(yùn)行的環(huán)境。有了 ASP 你就不必?fù)?dān)心客戶的瀏覽器是否能運(yùn)行你

11、所編寫(xiě)的代碼，因?yàn)樗械某绦蚨紝⒃诜?wù)器端執(zhí)行，包括所有嵌在普通 HTML 中的腳本程序。當(dāng)程序執(zhí)行完畢后，服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負(fù)擔(dān)，大大提高了交互的速度。</p><p><b>　　含義</b></p><p>　　（1）ASP利用ActiveX組件來(lái)實(shí)現(xiàn)一定的功能</p><p>　　Acti

12、veX是指存在于Web服務(wù)器端的動(dòng)態(tài)鏈接庫(kù)(.dll)或可執(zhí)行文件(.exe)中的、可以用來(lái)實(shí)現(xiàn)某些特定功能的模塊。組件提供了一個(gè)或多個(gè)對(duì)象，這些對(duì)象都有自己的方法和屬性。在Web服務(wù)器上可以利用組件來(lái)快速、方便的建立自己的Web應(yīng)用。同時(shí)可以利用第三方組件或根據(jù)自己的需要來(lái)創(chuàng)建自己的組件。</p><p>　?。?）ASP是服務(wù)器端的編程技術(shù)，運(yùn)行在服務(wù)器端。</p><p>　　這是A

13、SP的優(yōu)點(diǎn)之一。ASP對(duì)客戶端的環(huán)境沒(méi)有要求，在服務(wù)器端，無(wú)需考慮客戶端瀏覽器是否支持ASP所使用的編程語(yǔ)言，所有ASP編程語(yǔ)言都是在服務(wù)器端執(zhí)行完成之后以靜態(tài)頁(yè)面的形式反饋給客戶端。這樣達(dá)到了“瘦客戶端”的目的，便于控制。</p><p>　?。?）ASP返回標(biāo)準(zhǔn)的html頁(yè)面，可以在常用的瀏覽器中顯示。</p><p>　　ASP通過(guò)IIS(Internet Information S

14、ervices，Internet信息服務(wù))中的一個(gè)asp.dll文件解析成html代碼。瀏覽者查看頁(yè)面源文件時(shí)看到的是ASP生成的html代碼，而不是ASP程序代碼，這樣可以防止源代碼的泄漏。ASP運(yùn)行的具體流程如圖</p><p>　　2.1.1 ASP的優(yōu)勢(shì)</p><p>　　Active Server Pages：“動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)”，一般簡(jiǎn)稱為“ASP”，ASP之所以能受到大家的重

15、視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的HTML格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得ASP的“執(zhí)行”結(jié)果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”，不像VBScript或 JavaScript是在客戶端（Client）的瀏覽器上執(zhí)行，若使用VBScript來(lái)設(shè)計(jì)程序，客戶端（Ｃlient）在ＩＥ瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（Ｃlient）若

16、使用Netscape瀏覽器就無(wú)法顯示VBScript的執(zhí)行結(jié)果。</p><p>　　2.1.2 ASP的特點(diǎn)</p><p>　　1、任何開(kāi)發(fā)工具皆可發(fā)展ASP只要使用一般的文書(shū)編輯程序，如Windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁(yè)發(fā)展工具，例如，F(xiàn)rontPage Express、 FrontPage等也都可以；不過(guò)還是建議你用記事本來(lái)寫(xiě)，既省錢(qián)又方便，若是使用那些所見(jiàn)即所得的

17、網(wǎng)頁(yè)編輯來(lái)寫(xiě)ASP，可能會(huì)發(fā)生一些意想不到的離奇狀態(tài)。2、通吃各家瀏覽器由于ASP程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的HTML文件適用于不同的瀏覽器。3、語(yǔ)言相容性高ASP與所有的ActiveX Script語(yǔ)言都相容，除了可結(jié)合HTML，VBScript、Java Script、Active X服務(wù)器組件來(lái)設(shè)計(jì)外，并可經(jīng)由“plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）所提供的語(yǔ)言。4、

18、隱密安全性高如果我們?cè)跒g覽器中直接查看網(wǎng)頁(yè)的原始代碼，就只能看到HTML文件，原始的ASP程序代碼是看不到的！這是因?yàn)锳SP程序先于網(wǎng)站服務(wù)（Web Server）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)HTML文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫(xiě)的ASP程序并不會(huì)輕易地被看見(jiàn)進(jìn)</p><p><b>　　2.2 JSP簡(jiǎn)介</b></p><p&g

19、t;　　JSP是由SunMicrosystems公司倡導(dǎo)、許多公司參與一起建立的一種動(dòng)態(tài)技術(shù)標(biāo)準(zhǔn)。在傳統(tǒng)的網(wǎng)頁(yè)HTML文件（*.htm，*.html）中加入Java程序片段（Scriptlet）和JSP標(biāo)簽，就構(gòu)成了JSP網(wǎng)頁(yè)java程序片段可以操縱數(shù)據(jù)庫(kù)、重新定向網(wǎng)頁(yè)以及發(fā)送E-mail等，實(shí)現(xiàn)建立動(dòng)態(tài)網(wǎng)站所需要的功能。所有程序操作都在服務(wù)器端執(zhí)行，網(wǎng)絡(luò)上傳送給客戶端的僅是得到的結(jié)果，這樣大大降低了對(duì)客戶瀏覽器的要求，即使客戶瀏覽器端

20、不支持Java，也可以訪問(wèn)JSP網(wǎng)頁(yè)。</p><p>　　JSP全名為java server page，其根本是一個(gè)簡(jiǎn)化的Servlet設(shè)計(jì)，他實(shí)現(xiàn)了Html語(yǔ)法中的java擴(kuò)張（以 <%, %>形式）。JSP與Servlet一樣，是在服務(wù)器端執(zhí)行的，通常返回給客戶端的就是一個(gè)HTML文本，因此客戶端只要有瀏覽器就能瀏覽。Web服務(wù)器在遇到訪問(wèn)JSP網(wǎng)頁(yè)的請(qǐng)求時(shí)，首先執(zhí)行其中的程序段，然后將執(zhí)行結(jié)果

21、連同JSP文件中的HTML代碼一起返回給客戶端。插入的Java程序段可以操作數(shù)據(jù)庫(kù)、重新定向網(wǎng)頁(yè)等，以實(shí)現(xiàn)建立動(dòng)態(tài)網(wǎng)頁(yè)所需要的功能。</p><p>　　JSP技術(shù)使用Java編程語(yǔ)言編寫(xiě)類XML的tags和scriptlets，來(lái)封裝產(chǎn)生動(dòng)態(tài)網(wǎng)頁(yè)的處理邏輯。網(wǎng)頁(yè)還能通過(guò)tags和scriptlets訪問(wèn)存在于服務(wù)端的資源的應(yīng)用邏輯。JSP將網(wǎng)頁(yè)邏輯與網(wǎng)頁(yè)設(shè)計(jì)的顯示分離，支持可重用的基于組件的設(shè)計(jì)，使基于Web的

22、應(yīng)用程序的開(kāi)發(fā)變得迅速和容易。 JSP(JavaServer Pages)是一種動(dòng)態(tài)頁(yè)面技術(shù)，它的主要目的是將表示邏輯從Servlet中分離出來(lái)。</p><p>　　JSP頁(yè)面由HTML代碼和嵌入其中的Java代碼所組成。服務(wù)器在頁(yè)面被客戶端請(qǐng)求以后對(duì)這些Java代碼進(jìn)行處理，然后將生成的HTML頁(yè)面返回給客戶端的瀏覽器。Java Servlet是JSP的技術(shù)基礎(chǔ)，而且大型的Web應(yīng)用程序的開(kāi)發(fā)需要Java S

23、ervlet和JSP配合才能完成。JSP具備了Java技術(shù)的簡(jiǎn)單易用，完全的面向?qū)ο?，具有平臺(tái)無(wú)關(guān)性且安全可靠，主要面向因特網(wǎng)的所有特點(diǎn)。</p><p>　　自JSP推出后，眾多大公司都支持JSP技術(shù)的服務(wù)器，如IBM、Oracle、Bea公司等，所以JSP迅速成為商業(yè)應(yīng)用的服務(wù)器端語(yǔ)言。</p><p>　　2.2.1 JSP的優(yōu)勢(shì)</p><p>　　Java

24、是未來(lái)的主流開(kāi)發(fā)技術(shù)，具有很多優(yōu)勢(shì)。JSP則是Java在Internet／Intranet Web上的重要應(yīng)用技術(shù)，得到了廣泛的支持和承認(rèn)，它可以和各種Java技術(shù)完好地結(jié)合在一起，從而實(shí)現(xiàn)非常復(fù)雜的應(yīng)用。 </p><p>　　作為一種基于文本的、以顯示為中心的開(kāi)發(fā)技術(shù)，JSP提供了Java Servlet的所有好處。為了做到邏輯功能和顯示功能分開(kāi)，JSP已經(jīng)可以和JavaBeans、Enterprise Ja

25、vaBeans（EJB）和Servlet一起工作。JSP的開(kāi)發(fā)人員可以通過(guò)使用JavaBeans、EJB和Servlet來(lái)完成大部分與網(wǎng)站邏輯相關(guān)的工作，而僅僅把顯示的工作交給JSP頁(yè)面來(lái)完成。內(nèi)容和顯示邏輯分開(kāi)的好處在于，更新頁(yè)面外觀的人員不必懂得Java代碼，而更新Java類的人員也不必是設(shè)計(jì)網(wǎng)頁(yè)的行家。這就可以用帶Java類的JSP頁(yè)面來(lái)定義Web模板，以建立一個(gè)具有相似外觀的頁(yè)面組成的網(wǎng)站。Java類完成數(shù)據(jù)提供，在模板中就沒(méi)有

26、Java代碼，這意味著這些模板可以由一個(gè)HTML編寫(xiě)人員來(lái)維護(hù)。</p><p>　　2.2.2 JSP的特點(diǎn)</p><p>　　JSP作為當(dāng)前主流的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)，具有如下特點(diǎn)。 </p><p>　　1）將內(nèi)容的生成和顯示進(jìn)行分離：使用JSP技術(shù)，Web頁(yè)面開(kāi)發(fā)人員可以使用HTML或者XML標(biāo)識(shí)來(lái)設(shè)計(jì)和格式化最終的頁(yè)面。使用JSP標(biāo)識(shí)或者小腳本來(lái)生成頁(yè)面上的動(dòng)態(tài)

27、內(nèi)容（內(nèi)容是根據(jù)請(qǐng)求來(lái)變化的）。生成內(nèi)容的邏輯被封裝在標(biāo)識(shí)和JavaBeans組件中，并且捆綁在小腳本中，所有的腳本在服務(wù)器端運(yùn)行。如果核心邏輯被封裝在標(biāo)識(shí)和JavaBeans中，那么其他人，如Web管理人員和頁(yè)面設(shè)計(jì)者，能夠編輯和使用JSP頁(yè)面，而不影響內(nèi)容的生成。 </p><p>　　2）強(qiáng)調(diào)可重用的組件：絕大多數(shù)JSP頁(yè)面依賴于可重用的、跨平臺(tái)的組件來(lái)完成應(yīng)用程序所要求的更為復(fù)雜的處理。得益于Java的操

28、作平臺(tái)無(wú)關(guān)性，開(kāi)發(fā)人員能夠很方便共享和交流執(zhí)行普通操作的組件，或者使得這些組件為更多的使用者所使用?；诮M件的方法加速了總體的開(kāi)發(fā)過(guò)程，極大地提高了項(xiàng)目整體開(kāi)發(fā)的效率。</p><p>　　2.3 網(wǎng)頁(yè)制作工具</p><p>　　Dreamweaver MX、Fireworks MX和Flash MX是由在多媒體方面頗有建樹(shù)的Macromedia公司推出的可視化網(wǎng)頁(yè)制作工具，被稱為網(wǎng)頁(yè)制

29、作三劍客。這三個(gè)軟件相輔相承，是制作網(wǎng)頁(yè)的最佳選擇。</p><p>　　Dreamweaver MX主要用來(lái)制作網(wǎng)頁(yè)文件，制作出來(lái)的網(wǎng)頁(yè)兼容性比較好，制作效率也很高，是目前最為流行的網(wǎng)頁(yè)設(shè)計(jì)工具。</p><p>　　Dreamweaver包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過(guò)拖

30、拽從頭到尾制作動(dòng)態(tài)的HTML動(dòng)畫(huà)，支持動(dòng)態(tài)HTML(Dynamic HTML)的設(shè)計(jì)，使得頁(yè)面沒(méi)有plug－in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁(yè)面的動(dòng)畫(huà)。同時(shí)它還提供了自動(dòng)更新頁(yè)面信息的功能。</p><p><b>　　制作效率</b></p><p>　　Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或P

31、hotoshop等檔案移至網(wǎng)頁(yè)上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。Dreamweaver能與您喜愛(ài)的設(shè)計(jì)工具，如Playback Flash，Shockwave和外掛模組等搭配，不需離開(kāi)Dreamweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動(dòng)開(kāi)啟Firework或Photoshop來(lái)進(jìn)行編輯與設(shè)定圖檔的最佳化

32、。</p><p><b>　　網(wǎng)站管理</b></p><p>　　使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)、更新和重組網(wǎng)頁(yè)。改變網(wǎng)頁(yè)位置或檔案名稱，Dreamweaver 會(huì)自動(dòng)更新所有鏈接。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般語(yǔ)法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。</p><p><b>　　控制能力&

33、lt;/b></p><p>　　Dreamweaver是唯一提供Roundtrip HTML、視覺(jué)化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無(wú)法想像。進(jìn)階表格編輯功能使您簡(jiǎn)單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式

34、進(jìn)行版面配置。所見(jiàn)即所得 Dreamweaver成功整合動(dòng)態(tài)式出版視覺(jué)編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用Dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，所見(jiàn)即所得的功能，讓您不需要透過(guò)瀏覽器就能預(yù)覽網(wǎng)頁(yè)。夢(mèng)幻樣版和XML Dreamweaver將內(nèi)容與設(shè)計(jì)分開(kāi)，應(yīng)用于快速網(wǎng)頁(yè)更新和

35、團(tuán)隊(duì)合作網(wǎng)頁(yè)編輯。建立網(wǎng)頁(yè)外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出XML[1]內(nèi)容。 全</p><p><b>　　效果難一致</b></p><p>　　難以精確達(dá)到與瀏覽器完全一致的顯示效果也就是說(shuō)您在所見(jiàn)即所得網(wǎng)頁(yè)編輯器中制作的網(wǎng)頁(yè)放到瀏覽器中是很難完全達(dá)到您真正想

36、要的效果，這一點(diǎn)在結(jié)構(gòu)復(fù)雜一些的網(wǎng)頁(yè)（如分幀結(jié)構(gòu)、動(dòng)態(tài)網(wǎng)頁(yè)結(jié)構(gòu)）中便可以體現(xiàn)出來(lái)；</p><p><b>　　代碼難控制</b></p><p>　　頁(yè)面原始代碼的難以控制性，比如您在所見(jiàn)即所得編輯器中制作一張表格也要幾分鐘，但您要它完全符合您要求可能需要幾十分鐘，甚至更多時(shí)間。而相比之下，非所見(jiàn)所得的網(wǎng)頁(yè)編輯器，就不存在這個(gè)問(wèn)題，因?yàn)樗械腍TML代碼 都在您的監(jiān)

37、控下產(chǎn)生，但是由于非所見(jiàn)所得編輯器的先天條件就注定了它的工作低效率。如何實(shí)現(xiàn)兩者的完美結(jié)合，則既產(chǎn)生干凈、準(zhǔn)確的HTML代碼，具備所見(jiàn)所得的高效率、直觀性，一直是網(wǎng)頁(yè)設(shè)計(jì)師夢(mèng)想。在DREAMWEAVER之前，F(xiàn)RONTPAGE98一直被人們認(rèn)為是最好的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，但是它同樣繼承了所見(jiàn)即所得的種種劣性。</p><p><b>　　3.網(wǎng)站開(kāi)發(fā)過(guò)程</b></p>&l

38、t;p><b>　　3.1 概要設(shè)計(jì)</b></p><p>　　在根目錄文件夾下創(chuàng)建htm style和image。將圖片處理完畢后放入image中。在htm文件夾中創(chuàng)建index.htm文件，右鍵用dreamweaver打開(kāi)，開(kāi)始網(wǎng)站首頁(yè)的制作。在頭文件<head>標(biāo)簽內(nèi)用導(dǎo)入式<LINK href="../style/main.css" t

39、ype=text/css rel=stylesheet>引入css文件，在css文件夾中創(chuàng)建main.css文件，對(duì)整個(gè)網(wǎng)頁(yè)實(shí)現(xiàn)統(tǒng)一的格式風(fēng)格。</p><p>　　3.1.1 設(shè)計(jì)風(fēng)格與色調(diào)</p><p>　　采用白淡為標(biāo)準(zhǔn)色彩，調(diào)整透明度和飽和度使色彩看起來(lái)統(tǒng)一、有層次感。</p><p>　　3.1.2 使用樣式表(css)優(yōu)化網(wǎng)頁(yè)</p>

40、;<p>　　級(jí)聯(lián)樣式表（Cascading Style Sheet）簡(jiǎn)稱“CSS”，通常又稱為“風(fēng)格樣式表（Style Sheet）”，它是用來(lái)進(jìn)行網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)的。比如，如果想讓鏈接字未點(diǎn)擊時(shí)是藍(lán)色的，當(dāng)鼠標(biāo)移上去后字變成紅色的且有下劃線，這就是一種風(fēng)格。通過(guò)設(shè)立樣式表，可以統(tǒng)一地控制HTML中各標(biāo)志的顯示屬性。級(jí)聯(lián)樣式表可以使人更能有效地控制網(wǎng)頁(yè)外觀。使用級(jí)聯(lián)樣式表，可以擴(kuò)充精確指定網(wǎng)頁(yè)元素位置，外觀以及創(chuàng)建特殊效果的

41、能力。</p><p><b>　　。</b></p><p>　　樣式表的調(diào)用有三種方式，一種是外部文件方式；一種是內(nèi)部文檔頭方式；另一種是直接插入式。一般網(wǎng)站建設(shè)采用的是調(diào)用外部文件的方式。本文也采用此種方式。</p><p><b>　　3.2 首頁(yè)設(shè)計(jì)</b></p><p>　　主頁(yè)是一個(gè)

42、企業(yè)的形象頁(yè)面，他的設(shè)計(jì)對(duì)整個(gè)網(wǎng)站來(lái)說(shuō)是非常重要的。一個(gè)富有動(dòng)態(tài)效果的主頁(yè)會(huì)給人以生機(jī)感，一個(gè)完整的企業(yè)網(wǎng)站，要把企業(yè)的各方面在主頁(yè)上都要有所體現(xiàn)，而且還要包含一些其它方面的社會(huì)信息，從而讓瀏覽者從主頁(yè)上獲取更多的信息，對(duì)企業(yè)的總體情況有一定的了解，吸引他們對(duì)企業(yè)進(jìn)行進(jìn)一步了解，提高企業(yè)的知名度。</p><p><b>　　3.3后臺(tái)模塊劃分</b></p><p>

43、;<b>　　1、網(wǎng)站首頁(yè)</b></p><p><b>　　2、 關(guān)于我們</b></p><p><b>　　3、新聞中心</b></p><p><b>　　?4、產(chǎn)品展示</b></p><p><b>　　5、人才招聘<

44、;/b></p><p><b>　　6、企業(yè)郵局</b></p><p><b>　　7、客戶服務(wù)</b></p><p><b>　　8、 代理合作</b></p><p><b>　　9、 客戶留言</b></p><p

45、>　　3.4 后臺(tái)模塊功能描述</p><p><b>　　模塊名稱：網(wǎng)站首頁(yè)</b></p><p>　　功能描述：最產(chǎn)品信息的發(fā)布、管理、維護(hù)</p><p>　　內(nèi)容描述：包括產(chǎn)品名、產(chǎn)地、上架年月、圖片、以及內(nèi)容簡(jiǎn)介</p><p>　　操作描述：添加數(shù)據(jù)、修改數(shù)據(jù)、刪除數(shù)據(jù)、圖片上傳</p>

46、<p><b>　　模塊名稱：新聞中心</b></p><p>　　功能描述：新聞的發(fā)布、管理、維護(hù)</p><p>　　內(nèi)容描述：包括新聞標(biāo)題、新聞內(nèi)容、發(fā)稿人、新聞圖片、發(fā)布時(shí)間、新聞?lì)愋?lt;/p><p>　　操作描述：添加數(shù)據(jù)、修改數(shù)據(jù)、刪除數(shù)據(jù)、圖片上傳</p><p><b>　　模塊名稱

47、：產(chǎn)品展示</b></p><p>　　模塊描述：所有產(chǎn)品信息的發(fā)布、管理、維護(hù)</p><p>　　內(nèi)容描述：包括產(chǎn)品名、產(chǎn)地、上架年月、圖片、以及內(nèi)容簡(jiǎn)介</p><p>　　操作描述：添加數(shù)據(jù)、修改數(shù)據(jù)、刪除數(shù)據(jù)、圖片上傳</p><p><b>　　模塊名稱：人才招聘</b></p>&

48、lt;p>　　模塊描述：招聘信息的發(fā)布、管理、維護(hù)</p><p>　　內(nèi)容描述：包括招聘職位、要求、待遇以及聯(lián)系方式</p><p>　　操作描述：添加數(shù)據(jù)、修改數(shù)據(jù)、刪除數(shù)據(jù)</p><p><b>　　模塊名稱：客戶留言</b></p><p>　　功能描述：客戶信息的留言</p><p&

49、gt;　　內(nèi)容描述：包括客戶姓名、手機(jī)、電話、email、主題、留言內(nèi)容</p><p>　　操作描述：添加數(shù)據(jù)、修改數(shù)據(jù)、刪除數(shù)據(jù)、圖片上傳</p><p>　　模塊描述：針對(duì)會(huì)員的電子來(lái)信進(jìn)行書(shū)面的答復(fù)</p><p><b>　　內(nèi)容描述：回復(fù)內(nèi)容</b></p><p><b>　　操作描述：添加數(shù)據(jù)&

50、lt;/b></p><p><b>　　3.5 數(shù)據(jù)庫(kù)設(shè)計(jì)</b></p><p>　　本數(shù)據(jù)庫(kù)的設(shè)計(jì)，是根據(jù)以上概要設(shè)計(jì)和詳細(xì)設(shè)計(jì)置后進(jìn)行的數(shù)據(jù)庫(kù)設(shè)計(jì)工作，預(yù)期的讀者是概要設(shè)計(jì)人員、詳細(xì)設(shè)計(jì)人員、客戶、軟件公司和測(cè)試人員等。</p><p>　　3.4.1用戶數(shù)據(jù)輸入控制</p><p>　　不管是動(dòng)態(tài)網(wǎng)站，還

51、是其它B/S結(jié)構(gòu)的系統(tǒng)，都離不開(kāi)表單。表單做為客戶端向服務(wù)器提交數(shù)據(jù)的載體擔(dān)當(dāng)相當(dāng)重要的角色。這就引出了一個(gè)問(wèn)題，提交的數(shù)據(jù)合法嗎？擺在我們面前的問(wèn)題就是驗(yàn)證這些數(shù)據(jù)。保證所提交的數(shù)據(jù)是合法的。所以本文利用JavaScript來(lái)實(shí)現(xiàn)客戶端數(shù)據(jù)驗(yàn)證的功能。</p><p><b>　　例如：</b></p><p><b>　　1、表單項(xiàng)不能為空</b&

52、gt;</p><p>　　<script language="javascript"></p><p><b>　　<!--</b></p><p>　　function CheckForm()</p><p><b>　　{</b></p>&

53、lt;p>　　if (document.form.name.value.length == 0) {</p><p>　　alert("請(qǐng)輸入您姓名!");</p><p>　　document.form.name.focus();</p><p>　　return false;</p><p><b>　

54、　}</b></p><p>　　return true;</p><p><b>　　}</b></p><p><b>　　--></b></p><p><b>　　</script></b></p><p>　　2、

55、比較兩個(gè)表單項(xiàng)是否相同</p><p>　　<script language="javascript"></p><p><b>　　<!--</b></p><p>　　function CheckForm()</p><p>　　if (document.form.PWD.val

56、ue != document.form.PWD_Again.value) {</p><p>　　alert("您兩次輸入的密碼不一樣！請(qǐng)重新輸入.");</p><p>　　document.ADDUser.PWD.focus();</p><p>　　return false;</p><p><b>　　}

57、</b></p><p>　　return true;</p><p><b>　　}</b></p><p><b>　　--></b></p><p><b>　　</script></b></p><p><b&

58、gt;　　3.6 測(cè)試</b></p><p>　　1、在網(wǎng)站運(yùn)行時(shí)按照需求分析逐項(xiàng)測(cè)試系統(tǒng)各功能。</p><p>　　2、邊界數(shù)據(jù)的測(cè)試。</p><p><b>　　結(jié)束語(yǔ)</b></p><p>　　制作一個(gè)網(wǎng)站需要長(zhǎng)時(shí)間的醞釀，制作一個(gè)出色的網(wǎng)站還需要觀 察人、事、物，或許還不夠。制作一個(gè)網(wǎng)站需要