版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、手機(jī)銷售網(wǎng)站目錄摘 要4abstract5序言6第1章 緒論71.1 課題背景71.2 課題研究的意義71.3 手機(jī)銷售網(wǎng)站的現(xiàn)狀7第2章 asp技術(shù)簡(jiǎn)介82.1 系統(tǒng)運(yùn)行環(huán)境配置92.2.1 asp的優(yōu)點(diǎn)102.2.2 簡(jiǎn)介asp的6大對(duì)象102.2.3 asp的使用環(huán)境122.2.4 配置microsoft iis122.2.5 asp的腳本語(yǔ)言132.3 開發(fā)工具dreamweaver mx簡(jiǎn)介14第3章 可行性分析153.1技術(shù)可行性153.2 經(jīng)濟(jì)可行性153.3 社會(huì)可行性15第4章 系統(tǒng)分析164.1采用生命周期法和原型法相結(jié)合的方法開發(fā)本網(wǎng)站164.2系統(tǒng)的名稱和目標(biāo)164.3
2、實(shí)施計(jì)劃164.4 數(shù)據(jù)流程圖164.5數(shù)據(jù)字典184.6 e-r圖194.7 用例圖19圖4-5管理員用例圖20第5章 系統(tǒng)總體設(shè)計(jì)215.1系統(tǒng)總體功能215.1.1網(wǎng)站客戶端功能模塊215.1.2網(wǎng)站管理端模塊功能:225.2系統(tǒng)開發(fā)工具與數(shù)據(jù)庫(kù)255.3代碼設(shè)計(jì)265.4數(shù)據(jù)庫(kù)設(shè)計(jì)265.4.1數(shù)據(jù)庫(kù)邏輯設(shè)計(jì)26第6章 網(wǎng)站的風(fēng)格及頁(yè)面設(shè)計(jì)296.1 頁(yè)面設(shè)計(jì)的原則296.1.1線條的使用296.1.2色彩的選擇296.2 網(wǎng)站設(shè)計(jì)構(gòu)思306.3 網(wǎng)站的風(fēng)格版面設(shè)計(jì)306.4 商城主頁(yè)設(shè)計(jì)316.5 客戶端界面結(jié)構(gòu)設(shè)計(jì)316.5.1界面頭、尾設(shè)計(jì)316.5.2界面左惻快捷菜單設(shè)計(jì)326
3、.6 管理端界面結(jié)構(gòu)設(shè)計(jì)32第7章 系統(tǒng)詳細(xì)設(shè)計(jì)337.1 管理端界面設(shè)計(jì)337.1.1商品(手機(jī))管理設(shè)置337.1.2會(huì)員維護(hù)模塊367.1.3訂單維護(hù)模塊387.1.4管理員維護(hù)模塊407.1.5用戶登陸模塊407.2 客戶端界面設(shè)計(jì)427.2.1商品(手機(jī))信息瀏覽模塊427.2.2購(gòu)物車管理模塊設(shè)計(jì)437.2.3提交訂單模塊設(shè)計(jì)447.3 系統(tǒng)調(diào)試運(yùn)行46結(jié) 論47致 謝48參考文獻(xiàn)49附錄代碼501商城核心設(shè)置模塊502商品管理設(shè)置模塊50摘 要電子商務(wù)形式的網(wǎng)上商店具有高效、快捷,信息暢通的特點(diǎn),還可以很大程度上降低銷售成本。本文通過(guò)在線手機(jī)銷售系統(tǒng)的建設(shè)以實(shí)現(xiàn)商業(yè)零售企業(yè)的信息
4、化管理。著重論述了在線手機(jī)銷售系統(tǒng)功能的實(shí)現(xiàn)與設(shè)計(jì)過(guò)程。在系統(tǒng)的設(shè)計(jì)與開發(fā)過(guò)程中嚴(yán)格遵守軟件工程的規(guī)范,運(yùn)用軟件設(shè)計(jì)模式,從而減少系統(tǒng)模塊間的偶合,力求做到系統(tǒng)的穩(wěn)定性、可重用性和可擴(kuò)充性。本系統(tǒng)功能主要包括會(huì)員注冊(cè)、帳戶管理、購(gòu)物車、搜索、在線支付等基本功能。此外,本系統(tǒng)也將實(shí)現(xiàn)在線手機(jī)銷售系統(tǒng)的后端管理,包括手機(jī)的添加、帳單的處理等功能。很大程度上減輕了維護(hù)人員的勞動(dòng)強(qiáng)度,提高了工作效率與管理水平,具有很大的使用價(jià)值。本系統(tǒng)運(yùn)用asp技術(shù)實(shí)現(xiàn),后端數(shù)據(jù)庫(kù)采用access 2000作為數(shù)據(jù)庫(kù)服務(wù)器,前端開發(fā)工具使用macromedia dreamweaver 4。本系統(tǒng)具有用戶使用簡(jiǎn)單、界面
5、直觀等優(yōu)點(diǎn),可以幫助顧客更快更準(zhǔn)的了解手機(jī)市場(chǎng)信息,以便取得物美價(jià)廉的手機(jī)。關(guān)鍵詞:電子商務(wù),網(wǎng)上商店,手機(jī)購(gòu)物 abstractthe on-line store of the electronic commerce form is efficient, fast and unimpeded information, which can also lower the sale cost up.this text mainly describes to construct about the marketing system of an on-line cellular phone, prov
6、ides the information-based management for the retailing business.emphasized to discuss the realization and the design processes of the on-line cellular phone sale system.at the design and the development processes of the system in the norm of the strict observance software engineering, the usage abo
7、ut software design mode, thus reduce the system mold piece of match accidentally, try hard to make the system stability. this system function mainly includes the member register, the bank account management, shopping car, search, settle an account the basic function and so on.in addition, this syste
8、m also will carry out the hypervisor management about the on-line cellular phone sale system, including the cellular phone increase and the processing of the bill etc. function.eased to support the personnels labor strength on the very big degree, raise the work efficiency and manager the level, is
9、big value of using. this system is realized through asp technique, hypervisor database adopt access 2000 as the database server, client applications development tool use the macromedia dreamweaver 4.this system is simple of using for customer, the interface keeps the view etc., help customer sooner
10、and more precise understanding cellular phone market information, in order to obtain the cellular phone of the beautiful but low price. key words electronic commerce on-line store cellular phone shopping 序言有資料顯示,2006年我國(guó)僅一個(gè)購(gòu)物網(wǎng)站全年的交易額就有望超過(guò)20億元人民幣,這相當(dāng)于沃爾瑪在中國(guó)的10家門店2005年全年的營(yíng)業(yè)額。由于電子商務(wù)在我國(guó)的飛速發(fā)展,已經(jīng)很少有人不知道“網(wǎng)上
11、購(gòu)物”這個(gè)事了。新浪、搜狐的網(wǎng)上商城,亞馬遜、卓越、當(dāng)當(dāng)?shù)染W(wǎng)上超市,還有易趣、中商網(wǎng)、阿里巴巴旗下的淘寶網(wǎng)和8848網(wǎng)站等等,構(gòu)成了我國(guó)網(wǎng)絡(luò)商業(yè)門戶的強(qiáng)勢(shì)陣容。電子商務(wù)市場(chǎng)交易量不斷擴(kuò)大,吸引了越來(lái)越多的消費(fèi)者參與其中,網(wǎng)上購(gòu)物形成了與傳統(tǒng)商業(yè)業(yè)態(tài)相抗衡的力量。第1章 緒論1.1 課題背景近年來(lái),隨著internet的迅速崛起,互聯(lián)網(wǎng)已日益成為收集提供信息的最佳渠道并逐步進(jìn)入傳統(tǒng)的流通領(lǐng)域。于是電子商務(wù)開始流行起來(lái),越來(lái)越多的商家在網(wǎng)上建起在線商店,向消費(fèi)者展示出一種新穎的購(gòu)物理念。網(wǎng)上購(gòu)物系統(tǒng)作為b2b(既企業(yè)對(duì)企業(yè)),b2c(即企業(yè)對(duì)消費(fèi)者),c2c(即消費(fèi)者對(duì)消費(fèi)者)電子商務(wù)的前端商務(wù)平
12、臺(tái),在其商務(wù)活動(dòng)全過(guò)程中起著舉足輕重的作用。網(wǎng)上購(gòu)物系統(tǒng)具有強(qiáng)大的交互功能,可使商家和用戶方便的傳遞信息,完成電子貿(mào)易或edi交易。這種全新的交易方式實(shí)現(xiàn)了公司間文檔與資金的無(wú)紙化交換。本文旨在研究如何建設(shè)b2c的在線手機(jī)銷售系統(tǒng)。1.2 課題研究的意義企業(yè)與消費(fèi)者間的電子商務(wù)btoc,是一種網(wǎng)上直銷方式,網(wǎng)上銷售手機(jī)縮減了中間渠道,產(chǎn)品一般直接源自廠商的生產(chǎn)基地,不但品質(zhì)有保證價(jià)格上也更優(yōu)惠。同時(shí)網(wǎng)上銷售在縮減支出方面的有時(shí)也是傳統(tǒng)店鋪無(wú)法比擬的,由于不需要實(shí)際的店面,不僅避免了店鋪?zhàn)饨鸬拈_銷,還可省去裝修、管理等方面的諸多費(fèi)用,所以價(jià)格成為眾多網(wǎng)上購(gòu)機(jī)用戶的首選因素。另外所不同的就是網(wǎng)上購(gòu)
13、物可以足不出戶,各地商品任選,如此方便快捷,無(wú)時(shí)間空間限制是傳統(tǒng)經(jīng)營(yíng)模式無(wú)法比擬的,如今人們生活質(zhì)量的提高,購(gòu)物方式也變得輕松自由化、個(gè)性化,這將成為網(wǎng)上銷售手機(jī)的一大優(yōu)勢(shì)。傳統(tǒng)的購(gòu)物和網(wǎng)上購(gòu)物相比,有其自身的許多優(yōu)勢(shì)。(1)網(wǎng)上購(gòu)物的快捷,方便是傳統(tǒng)購(gòu)物沒法比較的。(2)網(wǎng)上購(gòu)物是基于互聯(lián)網(wǎng)的一種商務(wù)活動(dòng),互聯(lián)網(wǎng)本身具有開放性全球性,特點(diǎn),電子商務(wù)可為企業(yè)個(gè)人提供豐富的信息資源,為企業(yè)創(chuàng)造更多商業(yè)機(jī)會(huì)。(3)網(wǎng)上購(gòu)物簡(jiǎn)化了企業(yè)與企業(yè),企業(yè)與個(gè)人之間的流通環(huán)節(jié),最大限度地降低了流通成本,能有效地提高企業(yè)在現(xiàn)代商業(yè)活動(dòng)中的競(jìng)爭(zhēng)力。(4)網(wǎng)上購(gòu)物將大部商務(wù)活動(dòng)搬到網(wǎng)上進(jìn)行,企業(yè)可以實(shí)行無(wú)紙辦公化節(jié)
14、省了開支。 (5)網(wǎng)上購(gòu)物將傳統(tǒng)的商務(wù)流程數(shù)字化、電子化,讓傳統(tǒng)的商務(wù)流程轉(zhuǎn)化為電子流、信息流,突破了時(shí)間空間的局限,大大提高了商業(yè)運(yùn)作的效率,并有效地降低了成本。1.3 手機(jī)銷售網(wǎng)站的現(xiàn)狀隨著中國(guó)互聯(lián)網(wǎng)行業(yè)迅速的發(fā)展,上網(wǎng)人數(shù)的增多,手機(jī)網(wǎng)上銷售正在被消費(fèi)者普遍接受,國(guó)內(nèi)各大型綜合門戶網(wǎng)站也在網(wǎng)站上開展了手機(jī)電子商務(wù),如新浪商城、搜狐商城,以及專門銷售手機(jī)的“長(zhǎng)信手機(jī)” ()和5291()。歸納起來(lái),銷售手機(jī)的網(wǎng)站大致分為以下幾類:綜合門戶網(wǎng)站購(gòu)物商城、專業(yè)電子商務(wù)網(wǎng)站、專業(yè)銷售手機(jī)網(wǎng)站。其中,綜合類網(wǎng)站中的購(gòu)物商城60%,專門銷售手機(jī)的網(wǎng)站25%,專門做銷售的購(gòu)物網(wǎng)站15%。第2章 asp
15、技術(shù)簡(jiǎn)介asp技術(shù) asp(active server pages動(dòng)態(tài)網(wǎng)頁(yè))是微軟公司推出的一種用以取代cgi(common gateway interface通用網(wǎng)關(guān)接口)的技術(shù)。目前,internet上的許多基于windows平臺(tái)的web站點(diǎn)已開始應(yīng)用asp來(lái)替換cgi。 簡(jiǎn)單地講,asp是一個(gè)位于服務(wù)器端的腳本運(yùn)行環(huán)境,通過(guò)這種環(huán)境,用戶可以創(chuàng)建和運(yùn)行動(dòng)態(tài)的交互式web服務(wù)器應(yīng)用程序,如交互式動(dòng)態(tài)網(wǎng)頁(yè),包括使用html表單收集和處理信息,上傳與下載等等。通常情況下,用戶通過(guò)瀏覽器看到的網(wǎng)頁(yè)大多是靜態(tài)的。隨著web應(yīng)用的發(fā)展,用戶希望能夠看到根據(jù)要求而動(dòng)態(tài)生成的主頁(yè),例如響應(yīng)用戶查詢數(shù)據(jù)庫(kù)
16、的要求、生成報(bào)表等。當(dāng)在瀏覽器上填好表單(form)的輸入數(shù)據(jù),以提供http要求時(shí),可以在站點(diǎn)服務(wù)器中執(zhí)行的應(yīng)用程序,而不只是一個(gè)html 文件。站點(diǎn)服務(wù)器收到要求執(zhí)行的應(yīng)用程序,分析表單(form)的輸入數(shù)據(jù),將執(zhí)行的結(jié)果以html的格式傳送給瀏覽器。 根據(jù)用戶請(qǐng)求生成動(dòng)態(tài)主頁(yè)的傳統(tǒng)方法有cgi、isapi等。cgi是根據(jù)瀏覽器端的http請(qǐng)求激活響應(yīng)進(jìn)程,每一個(gè)請(qǐng)求對(duì)應(yīng)一個(gè)進(jìn)程。當(dāng)同時(shí)有很多請(qǐng)求時(shí),程序擠占系統(tǒng)資源,造成效率低下;isapi針對(duì)這一缺點(diǎn)進(jìn)行改進(jìn),利用dll(動(dòng)態(tài)鏈接庫(kù))技術(shù),以線程代替進(jìn)程,提高了性能和速度,但要考慮線程的同步問(wèn)題,而且開發(fā)步驟煩瑣。這兩種技術(shù)和另一普遍使
17、用的開發(fā)動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)java都還存在著另外一個(gè)問(wèn)題,那就是開發(fā)困難,程序的開發(fā)和html寫作是兩個(gè)完全不同的過(guò)程,需要專門的程序員開發(fā)。而較簡(jiǎn)單的開發(fā)技術(shù)如javascript和idc(internet database connector)等功能有限,不敷使用。 asp使用的activex技術(shù)基于開放設(shè)計(jì)環(huán)境,用戶可以自己定義和制作組件加入其中,使自己的動(dòng)態(tài)網(wǎng)頁(yè)幾乎具有無(wú)限的擴(kuò)充能力,這是傳統(tǒng)的cgi等程序所遠(yuǎn)遠(yuǎn)不及的地方。asp與常見的在client端實(shí)現(xiàn)動(dòng)態(tài)主頁(yè)的技術(shù)如java applet、activex control、vbscript、javascript等不同,asp中的命令和
18、script語(yǔ)句都是由服務(wù)器來(lái)解釋執(zhí)行的,執(zhí)行結(jié)果產(chǎn)生動(dòng)態(tài)生成的web頁(yè)面并送到瀏覽器;而client端技術(shù)的script命令則是由瀏覽器來(lái)解釋執(zhí)行。通過(guò)asp內(nèi)置的對(duì)象、服務(wù)器組件(server component)可以完成非常復(fù)雜的任務(wù),而且用戶還可以自己開發(fā)或利用別人開發(fā)的服務(wù)器組件完成專門的任務(wù)。asp比較網(wǎng)關(guān)及服務(wù)器擴(kuò)展模式有著以下優(yōu)點(diǎn):(1)完全與html文件融合在一起;(2)容易創(chuàng)建,不需要其它編譯、鏈接程序;(3)面向?qū)ο蟮牟⑼ㄟ^(guò)activex server對(duì)象可擴(kuò)展。2.1 系統(tǒng)運(yùn)行環(huán)境配置操作系統(tǒng):windows 9x、windows nt workstation/serv
19、er 4.0以上、windows 2000 server/professional、windows xp professional。cpu:沒有很高的要求,只要能夠順利運(yùn)行windows系列操作系統(tǒng)就可以了。當(dāng)然,cpu的處理速度越快,運(yùn)行asp代碼的效率越高。內(nèi)存:最低配置32mb,建議使用64mb以上內(nèi)存,如果使用windows 2000或windows xp建議使用128mb以上內(nèi)存。硬盤空間:至少需要50mb以上的硬盤空間來(lái)安裝所需的組件。運(yùn)行asp的服務(wù)器端要求:(如表2.1所示)操作系統(tǒng)需要安裝的web serverwindows 98pws 4.0以上windows nt 4.0
20、 serveriis 4.0以上windows 2000iis 5.0以上windows xpiis 5.0以上表2.1asp(active server pages)實(shí)質(zhì)是一種服務(wù)器端腳本環(huán)境。asp腳本呈現(xiàn)將在服務(wù)器端運(yùn)行。客戶端只要使用可執(zhí)行html代碼的瀏覽器,即可瀏覽通過(guò)asp設(shè)計(jì)出來(lái)的頁(yè)面內(nèi)容。當(dāng)程序執(zhí)行完后,服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶端瀏覽器,這樣也就減輕了客戶端瀏覽器的負(fù)擔(dān),大大提高了交互的速度。asp并不是一種純粹的編程語(yǔ)言,它使用的語(yǔ)言是:vbscript和jscript語(yǔ)言。在一個(gè)asp應(yīng)用程序中可以用其中的一種腳本語(yǔ)言,也可以結(jié)合這兩種腳本語(yǔ)言使用。2.2.1 as
21、p的優(yōu)點(diǎn)(1) 開放性在iis上,并不需要開發(fā)者使用一個(gè)專有的腳本語(yǔ)言來(lái)生成網(wǎng)絡(luò)應(yīng)用程序,實(shí)際上active server pages包括了對(duì)vbscript和javascript/jscript的本機(jī)支持。通過(guò)第三方組合組件,它還可以使用其他語(yǔ)言(如perl、rexx和tcl)。多個(gè)腳本語(yǔ)言甚至可以在相同的asp文件中交替使用并相互調(diào)用。而activex server組件實(shí)際上可以用任何語(yǔ)言編寫,這些語(yǔ)言包括java、visual basic、c+、cobol等等。(2)易操作性asp使html設(shè)計(jì)人員可以在服務(wù)器上方便地“激活”他們的web頁(yè),可以立刻對(duì)定制化網(wǎng)頁(yè)和簡(jiǎn)單的應(yīng)用程序進(jìn)行開發(fā)。
22、以往需要用perl或c編寫的復(fù)雜的cgi程序來(lái)完成的功能(如數(shù)據(jù)庫(kù)連接),現(xiàn)在若使用asp則只要幾行簡(jiǎn)單的代碼就能實(shí)現(xiàn)。(3)程序與外觀分離通過(guò)使用腳本和組件,active server pages允許用戶將編程工作與一個(gè)網(wǎng)頁(yè)的設(shè)計(jì)和其他工作分離開來(lái)。這就可以確保開發(fā)者能夠?qū)⒅饕木τ脕?lái)考慮編寫程序的邏輯,而不必?fù)?dān)心外觀是怎樣的。同時(shí),它也使那些從事外觀設(shè)計(jì)的人員可以利用一些工具來(lái)對(duì)網(wǎng)頁(yè)進(jìn)行修改,而不用過(guò)于關(guān)心編程問(wèn)題。(4)非手工編譯asp的即時(shí)編譯系統(tǒng)在被請(qǐng)求時(shí)自動(dòng)對(duì)asp源文件重新編譯,并將其載入服務(wù)器的高速緩存中。因此,開發(fā)者對(duì)asp文件的修改可在瀏覽器中立即得到反映,只需要簡(jiǎn)單地保
23、存該文件并在瀏覽器中刷新即可。(5)瀏覽器獨(dú)立性asp提供了一種瀏覽器中樞方案來(lái)完成應(yīng)用程序的設(shè)計(jì)工作。因?yàn)橛糜谏蓜?dòng)態(tài)內(nèi)容的腳本可以在服務(wù)器上執(zhí)行,所以開發(fā)者不必?fù)?dān)心客戶用什么瀏覽器來(lái)瀏覽網(wǎng)點(diǎn).2.2.2 簡(jiǎn)介asp的6大對(duì)象asp的編輯環(huán)境要求很底,任何一種文本編輯器都可以編寫asp應(yīng)用程序。asp強(qiáng)大功能的實(shí)現(xiàn)離不開它的6個(gè)內(nèi)部對(duì)象,其6大對(duì)象如下: application對(duì)象application對(duì)象是在為響應(yīng)一個(gè)asp頁(yè)的首次請(qǐng)求而載入dll時(shí)創(chuàng)建的,它提供了存儲(chǔ)空間用來(lái)存放變量和對(duì)象的引用,可用于所有的頁(yè)面,任何訪問(wèn)者都可以打開它們。 request對(duì)象request對(duì)象為腳本提供
24、客戶端在請(qǐng)求一個(gè)頁(yè)面或傳送一個(gè)窗體時(shí)提供的所有信息,這包括能夠標(biāo)識(shí)瀏覽器和用戶的http變量,存儲(chǔ)他們的瀏覽器對(duì)應(yīng)于這個(gè)域的cookie,以及附在url后面的值(查詢字符串或頁(yè)面中段中的html控件內(nèi)的值)。它也給我們提供了通過(guò)secure socket layer(ssl)或其他的加密通信協(xié)議訪問(wèn)證書的能力,并提供有助于管理連接的屬性。 response對(duì)象response對(duì)象用來(lái)訪問(wèn)所創(chuàng)建的并返回客戶端的響應(yīng)。它為腳本提供了標(biāo)識(shí)服務(wù)器和性能的http變量,發(fā)送給瀏覽器的信息內(nèi)容和任何將在cookie中存儲(chǔ)的信息。它也提供了一系列用于創(chuàng)建輸出頁(yè)的方法,如無(wú)所不在的response.write
25、方法。 server對(duì)象server對(duì)象提供了一系列的方法和屬性,在使用asp編寫腳本時(shí)是非常有用的。最常用的是server.createobject方法,它允許我們?cè)诋?dāng)前頁(yè)的環(huán)境或會(huì)話中在服務(wù)器上實(shí)例化其他com對(duì)象。還有一些方法能夠把字符串翻譯成在url和html中使用的正確格式,它通過(guò)把非法字符轉(zhuǎn)換成為正確、合法的等價(jià)字符來(lái)實(shí)現(xiàn)。 session對(duì)象session對(duì)象是在每一位訪問(wèn)者從web站點(diǎn)或web應(yīng)用程序中首次請(qǐng)求一個(gè)asp頁(yè)時(shí)創(chuàng)建的,它將保留到默認(rèn)的期限結(jié)束(或者由腳本決定終止的期限)。它與application對(duì)象一樣提供一個(gè)空間用來(lái)存放變量和對(duì)象的引用,但只能供目前的訪問(wèn)者在
26、會(huì)話的生命期中打開的頁(yè)面使用。 objectcontext對(duì)象objectcontext對(duì)象可以用來(lái)控制asp的執(zhí)行。這種執(zhí)行過(guò)程microsoft transaction server(mts)來(lái)進(jìn)行管理。可以把這些對(duì)象看作是基于objectcontext對(duì)象的一個(gè)層次關(guān)系的成員,這有助于理解它們與接受和響應(yīng)客戶請(qǐng)求的過(guò)程之間的關(guān)系。圖2-1 2.2.3 asp的使用環(huán)境asp的使用環(huán)境,就是iis,asp網(wǎng)頁(yè)技術(shù)是一種需要服務(wù)器端支持的技術(shù)。它的執(zhí)行過(guò)程是:(1) 瀏覽器端提出http的請(qǐng)求送到服務(wù)器端,web服務(wù)器先檢查網(wǎng)頁(yè)文件的類型,如果是.asp擴(kuò)展名的文件,就提出asp文件請(qǐng)求,w
27、eb確定讀取并處理請(qǐng)求文件。(2) web檢查所要求的文件有沒有被請(qǐng)求或有沒有更新,以決定是否重新分析。iis的工作是這樣分工的:腳本代碼是由默認(rèn)的腳本編程引擎如vbscript完成,然后經(jīng)引擎翻譯轉(zhuǎn)換成服務(wù)器能執(zhí)行的命令,而iis則進(jìn)一步為送入的active對(duì)象處理輸入和輸出,出錯(cuò)信息的輸出也是有iis產(chǎn)生的。2.2.4 配置microsoft iis1、 名詞解釋(1) ie (internet explorer) microsoft internet explorer是web瀏覽器。internet explorer是導(dǎo)航和訪問(wèn)或?yàn)g覽web中的信息的工具。(2)iis(internet
28、information server) microsoft internet information server是允許在公共intranet或internet上發(fā)布信息的web服務(wù)器。asp的開發(fā)依賴于iis,iis可在多種平臺(tái)上運(yùn)行:windows2000全系列包括professional、server、advanced server三個(gè)版本,windows nt server,windows nt-workstation 和windows95/97/98上的 personal web server(pws)等平臺(tái)上都可以。2、 iis是如何工作的web是 基礎(chǔ)的請(qǐng)求和響應(yīng)系統(tǒng)。web瀏覽
29、器通過(guò)將url發(fā)送給web服務(wù)器請(qǐng)求信息。web服務(wù)器通過(guò)返回超文本標(biāo)記語(yǔ)言(html)頁(yè)面響應(yīng)。3、 安裝iis我安裝的是windows2000 professional版本的,所以以windows2000 professional版來(lái)介紹iis的安裝方法。(1) 在控制面版中選擇“添加/刪除程序”(2) 點(diǎn)擊“添加/刪除windows組件”(3) 確認(rèn)只選中第一項(xiàng)internet信息服務(wù)(iis),然后點(diǎn)擊下一步即可自行進(jìn)行安裝。(4) 系統(tǒng)配置安裝完成后,就會(huì)彈出一個(gè)安裝“完成”的對(duì)話框來(lái)提示安裝完成,只要點(diǎn)擊“完成”即可。這樣iis安裝完畢。4、 i i s的測(cè)試打開ie瀏覽器,在地址
30、欄中輸入localhost或者,如果能出現(xiàn)“windows 2000”畫面,表明iis安裝成功,這是服務(wù)器端安裝了windows 2000時(shí)的測(cè)試結(jié)果。2.2.5 asp的腳本語(yǔ)言在這里我們會(huì)了解到html語(yǔ)言、vbscript和jscript的腳本語(yǔ)言。1、 html語(yǔ)言(1) html文件由瀏覽器解釋,通過(guò)網(wǎng)絡(luò)傳輸協(xié)議,可以從一臺(tái)機(jī)器傳輸?shù)搅硪慌_(tái)機(jī)器上。打開netscape navigator或microsoft explorer瀏覽器,在地址欄中輸入所需要的網(wǎng)址,就可以瀏覽用html寫的網(wǎng)頁(yè)。(2) html文件和其他的文件不同,因?yàn)閔tml文件中有它自己的標(biāo)記。如下示
31、: title 等是成對(duì)出現(xiàn)的,此種標(biāo)記稱為容器標(biāo)記。所有的文本都必須放在和之間??蛻舳司幊陶Z(yǔ)言的優(yōu)點(diǎn)是瀏覽器完成了所有的工作,這可以減輕服務(wù)器的負(fù)擔(dān)。而且客戶端程序運(yùn)行起來(lái)比服務(wù)器端程序快得多。當(dāng)一個(gè)瀏覽器的用戶執(zhí)行了一個(gè)操作時(shí),不必通過(guò)網(wǎng)絡(luò)對(duì)其作出響應(yīng),客戶端程序就可以作出響應(yīng)。然而,與vbscript相同,jscript 也是服務(wù)器端編程語(yǔ)言。服務(wù)器端編程語(yǔ)言在提供網(wǎng)點(diǎn)服務(wù)的服務(wù)器上執(zhí)行,而不是在接收網(wǎng)頁(yè)的瀏覽器上執(zhí)行。服務(wù)器端編程語(yǔ)言在你的網(wǎng)點(diǎn)計(jì)算機(jī)上完成所有這些工作,承受所有的負(fù)擔(dān)。由于jscript不是asp的默認(rèn)腳本語(yǔ)言,所以要使用時(shí)必須事先聲明,如:語(yǔ)句在這里聲明使用jscri
32、pt。2.3 開發(fā)工具dreamweaver mx簡(jiǎn)介macromedia dreamweaver mx是 建立 web 站點(diǎn)和應(yīng)用程序的專業(yè)工具。它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合為一個(gè)功能強(qiáng)大的工具,使每個(gè)級(jí)別的開發(fā)人員和設(shè)計(jì)人員都可利用它快速創(chuàng)建界面吸引人并且基于標(biāo)準(zhǔn)的站點(diǎn)和應(yīng)用程序。從對(duì)基于 css 的設(shè)計(jì)提供領(lǐng)先的支持到手動(dòng)編碼功能,dreamweaver 在一個(gè)集成和高效的環(huán)境中為專業(yè)人員提供了所需的工具。開發(fā)人員可以將其選擇的服務(wù)器技術(shù)與 dreamweaver 配合使用,建立將用戶連接到數(shù)據(jù)庫(kù)、web 服務(wù)和舊式系統(tǒng)的強(qiáng)大 internet 應(yīng)用程序。drea
33、mweavermx是一款專業(yè)的 html 編輯器,用于對(duì) web 站點(diǎn)、web 頁(yè)和 web 應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開發(fā)。無(wú)論您喜歡直接編寫 html 代碼的駕馭感還是偏愛在可視化編輯環(huán)境中工作,dreamweaver 都會(huì)為您提供幫助良多的工具,豐富您的 web 創(chuàng)作體驗(yàn)。利用 dreamweaver 中的可視化編輯功能,您可以快速地創(chuàng)建頁(yè)面而無(wú)需編寫任何代碼。不過(guò),如果您更喜歡用手工直接編碼,dreamweaver 還包括許多與編碼相關(guān)的工具和功能。并且,借助 dreamweaver,您還可以使用服務(wù)器語(yǔ)言(例如 asp、asp.net、coldfusion 標(biāo)記語(yǔ)言 (cfml)、js
34、p 和 php)生成支持動(dòng)態(tài)數(shù)據(jù)庫(kù)的 web 應(yīng)用程序。第3章 可行性分析3.1技術(shù)可行性1. 硬件,軟件要求不高,目前市場(chǎng)上的一般計(jì)算機(jī)硬件資源均能滿足系統(tǒng)開發(fā)需求。其中運(yùn)用軟件主要有dreamweaver mx 2004,數(shù)據(jù)庫(kù)采用access。2. 采用asp技術(shù),該技術(shù)功能強(qiáng)大,擴(kuò)展性強(qiáng),macromedia公司提供了大量第三方插件,并結(jié)合vbscript,javascript以及sql等腳本語(yǔ)言,以上技術(shù)完全勝任開發(fā)任務(wù)。3. 維護(hù)方便,后臺(tái)操作快捷明了,操作人員可在短時(shí)間內(nèi)完全掌握維工作。3.2 經(jīng)濟(jì)可行性無(wú)論是個(gè)人用戶,還是企業(yè)用戶。只要有50m空間,和一個(gè)域名,即可開動(dòng)網(wǎng)站,實(shí)
35、現(xiàn)網(wǎng)上交易,在互聯(lián)網(wǎng)上擁有自己的一席之地。3.3 社會(huì)可行性新浪、搜狐的網(wǎng)上商城,亞馬遜、卓越、當(dāng)當(dāng)?shù)染W(wǎng)上超市,還有易趣、中商網(wǎng)、阿里巴巴旗下的淘寶網(wǎng)和8848網(wǎng)站等等,構(gòu)成了我國(guó)網(wǎng)絡(luò)商業(yè)門戶的強(qiáng)勢(shì)陣容。電子商務(wù)市場(chǎng)交易量不斷擴(kuò)大,吸引了越來(lái)越多的消費(fèi)者參與其中,網(wǎng)上購(gòu)物形成了與傳統(tǒng)商業(yè)業(yè)態(tài)相抗衡的力量。據(jù)預(yù)測(cè),中國(guó)b2c的市場(chǎng)交易量在2004年將達(dá)到270億美元。中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心7月20日在京發(fā)布的“第十四次中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告”顯示,16.7%的網(wǎng)民經(jīng)常訪問(wèn)購(gòu)物網(wǎng)站;32.5%的網(wǎng)民有時(shí)訪問(wèn)購(gòu)物網(wǎng)站;37.8%的網(wǎng)民在最近一年中有過(guò)網(wǎng)上購(gòu)物的經(jīng)歷。網(wǎng)民選擇網(wǎng)上購(gòu)物的主要原因是節(jié)
36、省時(shí)間、節(jié)約費(fèi)用、操作方便和尋找稀有商品。網(wǎng)上購(gòu)物中排前列的商品依次是書刊、電腦及相關(guān)產(chǎn)品、音像器材及制品、生活、家居用品及服務(wù)和通訊產(chǎn)品。在支付手段上,采用貨到付款方式的占24.4%;采用網(wǎng)上支付的占37.9%;采用郵局匯款的占18.9%;采用銀行匯款的占18.1%。第4章 系統(tǒng)分析4.1采用生命周期法和原型法相結(jié)合的方法開發(fā)本網(wǎng)站由于本網(wǎng)站開發(fā)受到各方條件的影響,在開發(fā)初期采用生活周期法進(jìn)行設(shè)計(jì)開發(fā),嚴(yán)格按照系統(tǒng)規(guī)劃,系統(tǒng)分析,系統(tǒng)實(shí)施和系統(tǒng)維護(hù)這五個(gè)階段。網(wǎng)站能正常運(yùn)行后,再進(jìn)一步調(diào)查和分析,其中的不足之處,合理解決。4.2系統(tǒng)的名稱和目標(biāo)名稱:在線手機(jī)銷售網(wǎng)站目標(biāo):1.作為商家對(duì)外宣傳
37、的窗口2.方便商家及時(shí)更改商品信息3.顧客可以輕松實(shí)現(xiàn)網(wǎng)上購(gòu)物4.3實(shí)施計(jì)劃該網(wǎng)站的系統(tǒng)設(shè)計(jì)部分從4月中旬開始,預(yù)計(jì)在5月底完成,系統(tǒng)實(shí)施預(yù)計(jì)在6月中旬實(shí)施。4.4 數(shù)據(jù)流程圖第一層如圖:p1.1管理員信息管理d1 管理員信息表d4 商品子類信息表管理員d5 商品大類信息表p1.2商品管理d3 商品信息表d2 訂單詳細(xì)內(nèi)容表p1.3訂單管理 圖4-1p2.1商品大類頁(yè)面d5 商品大類信息表顧客d4 顧客信息表p2.5顧客管理d4 商品子類信息表p2.2商品子類頁(yè)面p2.3商品詳細(xì)信息d3 商品信息表p2.4購(gòu)物管理d2 訂單詳細(xì)內(nèi)容表 p圖4-2 4.5數(shù)據(jù)字典1數(shù)據(jù)流條目舉例數(shù)據(jù)流條目名稱:
38、訂單詳細(xì)內(nèi)容說(shuō)明:顧客購(gòu)物時(shí),所選購(gòu)商品的詳單數(shù)據(jù)流來(lái)源:d3,d4數(shù)據(jù)流去向:d2,p1,p2組成:訂單號(hào)顧客姓名顧客電話顧客地址郵編顧客email備注定購(gòu)產(chǎn)品編號(hào)定購(gòu)產(chǎn)品數(shù)量定購(gòu)產(chǎn)品總價(jià)定購(gòu)日期本站用戶名處理情況2外部實(shí)體條目舉例2. 外部實(shí)體條目外部實(shí)體條目名稱:商品類別說(shuō)明:后臺(tái)編輯的商品類別,在前臺(tái)顯示輸出數(shù)據(jù)流:p2.1,p2.2,p2.3輸入數(shù)據(jù)流:d3,d4,d53數(shù)據(jù)存儲(chǔ)條目舉例數(shù)據(jù)存儲(chǔ)條目名稱:顧客信息說(shuō)明:對(duì)申請(qǐng)注冊(cè)用戶的信息管理數(shù)據(jù)流來(lái)源:顧客注冊(cè)數(shù)據(jù)流去向:d4組成:顧客編號(hào)用戶名用戶密碼真實(shí)姓名性別郵編聯(lián)系電話聯(lián)系email注冊(cè)時(shí)間最近登陸時(shí)間4處理過(guò)程條目舉例處理
39、過(guò)程條目名稱:訂單查詢說(shuō)明:用戶登陸后,查看自己的訂單列表輸入:顧客用戶名,密碼輸出:d2p2處理:顧客登陸后,到數(shù)據(jù)庫(kù)查詢自己的訂單信息,有訂單號(hào),下單日期,商品編號(hào),商品名稱,單價(jià),數(shù)量等信息。4.6 e-r圖 圖4-34.7 用例圖personuse我的購(gòu)物車我的帳戶搜索在線支付 圖4-4 顧客用例圖adminstratoruse商城核心設(shè)置用戶管理中心信息管理設(shè)置商城定單管理 圖4-5管理員用例圖第5章 系統(tǒng)總體設(shè)計(jì)5.1系統(tǒng)總體功能主要采取網(wǎng)絡(luò)商品直銷的方式,消費(fèi)者和生產(chǎn)者,或者試需求方和供應(yīng)方直接利用網(wǎng)絡(luò)形式展開買賣活動(dòng)。具體功能如下:(1) 消費(fèi)者進(jìn)入網(wǎng)站,查看自己所需要的信息(
40、2) 消費(fèi)者通過(guò)注冊(cè)成為會(huì)員,并填寫相關(guān)信息。(3) 會(huì)員通過(guò)“購(gòu)物車”選購(gòu)商品,并填寫購(gòu)貨信息,生成訂單。(4) 企業(yè)或者商家通過(guò)后臺(tái),確認(rèn)消費(fèi)者付款后,通知銷售部門送貨上門.5.1.1網(wǎng)站客戶端功能模塊(1) 網(wǎng)站首頁(yè)如下圖所示:最新動(dòng)態(tài)最新專題best精品網(wǎng)站首頁(yè)精品熱賣銷售排行熱門商品熱評(píng)商品 圖41 系統(tǒng)功能模塊圖另外,首頁(yè)還提供網(wǎng)站其他導(dǎo)航以及注冊(cè)和登錄等功能。5.1.2網(wǎng)站管理端模塊功能:(1) 管理端整體框架管理端整體框架圖如下所示:管理員等錄商城核心設(shè)置商品管理設(shè)置分類添加修改商城定單管理用戶管理中心信息管理設(shè)置圖44 后臺(tái)管理模塊(2)商城核心設(shè)置模塊 包括:網(wǎng)站信息設(shè)置、
41、系統(tǒng)參數(shù)設(shè)置、商城廣告設(shè)置、送貨郵編設(shè)置、送貨方式設(shè)置、匯款方式設(shè)置、浮動(dòng)價(jià)格設(shè)置、其他信息設(shè)置、合作伙伴管理等模塊管理。 具體如下圖所示:圖45商城核心設(shè)置模塊(3)商品管理設(shè)置模塊 包括:商品資料添加、商品資料修改、商品缺貨提醒、會(huì)員定單管理、匿名定單管理、電話定單添加、團(tuán)購(gòu)批發(fā)管理、商品評(píng)論管理、銷售統(tǒng)計(jì)報(bào)表等模塊。 具體如下圖所示:圖46商品管理設(shè)置模塊(4)分類添加修改模塊 包括:商品大類管理、商品小類管理、商品類別轉(zhuǎn)移、字段名稱設(shè)置、商城單位設(shè)置、商城品牌設(shè)置等模塊具體如下圖所示:圖47分類添加修改模塊(5)商城定單管理模塊 包括:商品資料添加、商品資料修改、商品缺貨提醒、會(huì)員定單
42、管理、匿名定單管理、電話定單添加、團(tuán)購(gòu)批發(fā)管理、商品評(píng)論管理、銷售統(tǒng)計(jì)報(bào)表等模塊。圖48商城定單管理模塊(6) 用戶管理中心模塊 包括:商城會(huì)員管理、匿名會(huì)員管理、會(huì)員獎(jiǎng)品添加、會(huì)員獎(jiǎng)品設(shè)置、積分換獎(jiǎng)?wù)f明、幸運(yùn)vip管理、vip申請(qǐng)?jiān)O(shè)置、vip活動(dòng)設(shè)置、后臺(tái)管理添加、修改管理密碼。圖49用戶管理中心模塊 (7)信息管理設(shè)置模塊 首頁(yè)新聞添加、首頁(yè)新聞管理、商城專題添加、商城專題管理、商城投票添加、商城投票管理、首頁(yè)公告管理、查看意見反饋、查看支付信息圖410信息管理設(shè)置模塊 5.2系統(tǒng)開發(fā)工具與數(shù)據(jù)庫(kù)根據(jù)當(dāng)今動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)的普遍性及實(shí)用性,本網(wǎng)站的開發(fā)平臺(tái)如下:開發(fā)環(huán)境:asp 開發(fā)平臺(tái):iis
43、 6.0開發(fā)工具:dreamweaver mx 2004數(shù)據(jù)庫(kù):microsoft access 20005.3代碼設(shè)計(jì)本站的代碼具體規(guī)則如下:1商品大類代碼設(shè)計(jì):1位有效數(shù)字 # 自然數(shù)(09)2訂單編號(hào),顧客編號(hào)等均采用順序碼,由系統(tǒng)自動(dòng)生成的自然數(shù),方便系統(tǒng)的識(shí)別及后臺(tái)的維護(hù)管理。5.4數(shù)據(jù)庫(kù)設(shè)計(jì)5.4.1數(shù)據(jù)庫(kù)邏輯設(shè)計(jì)將er圖向數(shù)據(jù)模型關(guān)系模式化,由于數(shù)據(jù)表眾多。本系統(tǒng)只列出以下部分?jǐn)?shù)據(jù)表:表4-1 管理員表(shop_admin)數(shù)據(jù)類型長(zhǎng)度允許空adminid自動(dòng)編號(hào)16adminvarchar50passwordvarchar50flag數(shù)字16(2)會(huì)員表主鍵:會(huì)員帳號(hào) not
44、 null說(shuō)明:會(huì)員表記錄系統(tǒng)中注冊(cè)用戶的詳細(xì)信息。其表結(jié)構(gòu)如下表4-2所示:表4-2 會(huì)員表(dv_user)字段名數(shù)據(jù)類型長(zhǎng)度允許空uuserid自動(dòng)編號(hào)20usernamevarchar10useremailvarchar2articlevarchar16userpasswordvarchar50signvarchar20sexvarchar30homepagevarchar16adddatevarchar60loginsvarchar6(3)產(chǎn)品信息表主鍵:產(chǎn)品編號(hào) not null說(shuō)明:產(chǎn)品信息表記錄系統(tǒng)中已有手機(jī)產(chǎn)品的信息。其表結(jié)構(gòu)如表4-3所示:表4-3 產(chǎn)品信息表(shop_p
45、roduct)字段名數(shù)據(jù)類型長(zhǎng)度允許空productid自動(dòng)編號(hào)4productnameint4pingpaivarchar30productdanweitext16bancitext16zhuangmoney8isbnmoney8productcontentvarchar100shichangjiavarchar100huiyuanjiaint4buynumint4vipjiatinyint1bestproductdatetime8是(5) 產(chǎn)品單位表主鍵:類型id not null說(shuō)明:產(chǎn)品單位表記錄產(chǎn)品單位。其表結(jié)構(gòu)如下表4-4所示:表4-4 產(chǎn)品類型表(danwei)列名數(shù)據(jù)類型長(zhǎng)度允
46、許空id自動(dòng)編號(hào)4danweinamevarchar4danweiorderint20(5)訂單表主鍵:無(wú)說(shuō)明:訂單表記錄在客戶的一個(gè)訂單中,針對(duì)一件商品的訂貨信息。其表結(jié)構(gòu)如表4-5所示:表4-5 訂單表(telorder)字段名數(shù)據(jù)類型長(zhǎng)度允許空t_id自動(dòng)編號(hào)4t_nameint4t_addint4t_telvarchar30datesdate8istatevarchar50user_namevarchar50rmbmoney50t_biaozhiint4(6)送貨表主鍵:送貨編號(hào) not null說(shuō)明:發(fā)貨訂單表記錄針對(duì)用戶的一個(gè)訂單的詳細(xì)信息。其表結(jié)構(gòu)如下表4-6所示:表4-6 送貨
47、表(shop_songhuo)字段名數(shù)據(jù)類型長(zhǎng)度允許空songid自動(dòng)編號(hào)4subjectvarchar20jsmoneyvarchar10fangshivarchar60songidordervarchar6(7)評(píng)論表主鍵:評(píng)論編號(hào) not null說(shuō)明:實(shí)現(xiàn)評(píng)論功能。其表結(jié)構(gòu)如下表4-7所示:表4-7 評(píng)論表(shop_pinglun)字段名數(shù)據(jù)類型長(zhǎng)度允許空pinglunid自動(dòng)編號(hào)4productidvarchar100pinglunnametext16pingluncontentvarchar200pingluntitlevarchar50pinglundateint4第6章 網(wǎng)站
48、的風(fēng)格及頁(yè)面設(shè)計(jì)6.1 頁(yè)面設(shè)計(jì)的原則設(shè)計(jì)的3c原則:所謂3c原則是指簡(jiǎn)潔、一致性、好的對(duì)比度。web頁(yè)面設(shè)計(jì)需要遵循這三條原則。根據(jù)以上原則網(wǎng)站頁(yè)面要做到樸素大方,線條輪廓要流暢、穩(wěn)重,用色要慎重不可花里胡哨。6.1.1線條的使用直線(矩形)的應(yīng)用。直線條的藝術(shù)效果是流暢、挺拔、規(guī)矩、整齊,所謂有輪有廓。直線和矩形在頁(yè)面上的重復(fù)組合可以呈現(xiàn)井井有條、涇渭分明的視覺效果。曲線(弧形)的應(yīng)用。曲線的效果是流動(dòng)、活躍,具有動(dòng)感。曲線和弧形在頁(yè)面上的重復(fù)組合可以呈現(xiàn)流暢、輕快,富有活力的視覺效果。一般應(yīng)用于青春、活潑的主頁(yè)題材。曲、直線(矩形、弧形)的綜合應(yīng)用。把以上兩種線條和形狀結(jié)合起來(lái)運(yùn)用,可以
49、大大豐富主頁(yè)的表現(xiàn)力,使頁(yè)面呈現(xiàn)更加豐富多彩的藝術(shù)效果。這種形式的主頁(yè),適應(yīng)的范圍更大,各種主題的主頁(yè)都可以應(yīng)用。但是,在頁(yè)面的編排處理上,難度也會(huì)相應(yīng)大一些,處理得不好會(huì)產(chǎn)生凌亂的效果。6.1.2色彩的選擇色彩是人的視覺最敏感的東西。主頁(yè)的色彩處理得好,可以錦上添花,達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào),局部對(duì)比”,也就是:主頁(yè)的整體色彩效果應(yīng)該是和諧的,只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。在色彩的運(yùn)用上,可以根據(jù)主頁(yè)內(nèi)容的需要,分別采用不同的主色調(diào)。因?yàn)樯示哂邢笳餍?,例如:嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色,例
50、如:軍警的橄欖綠,醫(yī)療衛(wèi)生的白色等。色彩還具有明顯的心理感覺,例如冷、暖的感覺,進(jìn)、退的效果等。另外,色彩還有民族性,各個(gè)民族由于環(huán)境、文化、傳統(tǒng)等因素的影響,對(duì)于色彩的喜好也存在著較大的差異。所以,我以藍(lán)白色搭配為主色調(diào)其它顏色相輔,給人以寧?kù)o深遠(yuǎn)的回味,導(dǎo)航欄用七色箭頭點(diǎn)綴,彩色圖片和動(dòng)態(tài)元素的使用使頁(yè)面樸素、大方、莊重。6.2 網(wǎng)站設(shè)計(jì)構(gòu)思首先在制作一個(gè)網(wǎng)頁(yè)之前,應(yīng)該先進(jìn)行構(gòu)思。新建頁(yè)面就象一張白紙,沒有任何表格,框架和約定俗成的東西,你可以盡可能的發(fā)揮你的想象力,將你想到的“景象”畫上去,建議用一張白紙和一支鉛筆將初步的設(shè)想畫在紙上,當(dāng)然用作圖軟件photoshop等也可以,免得在做了
51、一半時(shí)發(fā)現(xiàn)頁(yè)面不和諧而重做。這屬于創(chuàng)造階段,不講究細(xì)膩工整,不必考慮細(xì)節(jié)功能,只以粗陋的線條勾畫出創(chuàng)意的輪廓即可。盡可能多畫幾張,最后選定一個(gè)滿意的作為繼續(xù)創(chuàng)作的腳本。第一步先明確頁(yè)面主題,考慮是否有合適的圖片來(lái)襯托主題,如果有現(xiàn)成的圖片就可以了,沒有的話,就根據(jù)情況來(lái)決定是否自己做一幅,這里我用photoshop軟件設(shè)計(jì)了一張簡(jiǎn)單的網(wǎng)站標(biāo)題“新世紀(jì)手機(jī)商城”字體顏色選用淺藍(lán),以便協(xié)調(diào)網(wǎng)站的基色。但不管怎樣,標(biāo)題的主色調(diào)應(yīng)先定下來(lái),這對(duì)后面幾步的版面影響很大。第二步明確頁(yè)面上要鏈接的目錄,要將他們放在較顯眼的位置,根據(jù)頁(yè)面風(fēng)格的不同可以放在頂部、左邊、右邊、中部等較明顯的位置,主鏈接可以做成小圖標(biāo)的形式,但注意圖片不能太大、也不能過(guò)分搶眼(一般情況下不比標(biāo)題或主圖的色彩重)。第三步是指定主圖,所謂主圖,就是放一幅較能反映頁(yè)面主題思想的圖片,他的大小可適當(dāng)超過(guò)頁(yè)面上的其它圖片,顏色不加限制,而且位置應(yīng)盡量突出在前面搶眼處。這里要特別指出的是,網(wǎng)標(biāo),它是一個(gè)網(wǎng)站的標(biāo)志和靈魂,在他的設(shè)計(jì)上一定要突出自己的風(fēng)格和特點(diǎn),能反映站點(diǎn)主題,體現(xiàn)企業(yè)文化,可以結(jié)合使用企業(yè)的標(biāo)志。以上三步確定下來(lái)后,頁(yè)面的基本風(fēng)格就出現(xiàn)了,我們?cè)诟鶕?jù)情況進(jìn)行調(diào)整,或者看是否加上背景,主要考慮主圖是否需要背景。6.3 網(wǎng)站的風(fēng)格版面設(shè)計(jì)在版面設(shè)計(jì)上我認(rèn)為可以說(shuō)是既繼承了傳統(tǒng)設(shè)計(jì)的優(yōu)點(diǎn),又作了個(gè)性化創(chuàng)新作為傳
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 二零二五版搬運(yùn)企業(yè)節(jié)能減排合同范本3篇
- 2025年度木材加工設(shè)備租賃及維護(hù)服務(wù)合同范本4篇
- 2025版民爆物品裝卸作業(yè)環(huán)境保護(hù)合同4篇
- 2025年度個(gè)人消費(fèi)分期付款合同范本(2025版)3篇
- 農(nóng)業(yè)機(jī)械化與農(nóng)村振興人才培育考核試卷
- 2025版事業(yè)單位聘用合同正規(guī)范本(含試用期)2篇
- 2025版人工智能研發(fā)中心錄用合同范本3篇
- 2025年公益活動(dòng)加盟合同
- 2025年大型活動(dòng)合作協(xié)議
- 2025年度高科技實(shí)驗(yàn)室租賃合同4篇
- 【探跡科技】2024知識(shí)產(chǎn)權(quán)行業(yè)發(fā)展趨勢(shì)報(bào)告-從工業(yè)轟鳴到數(shù)智浪潮知識(shí)產(chǎn)權(quán)成為競(jìng)爭(zhēng)市場(chǎng)的“矛與盾”
- 《中國(guó)政法大學(xué)》課件
- GB/T 35270-2024嬰幼兒背帶(袋)
- 遼寧省沈陽(yáng)名校2025屆高三第一次模擬考試英語(yǔ)試卷含解析
- 2024-2025學(xué)年高二上學(xué)期期末數(shù)學(xué)試卷(新題型:19題)(基礎(chǔ)篇)(含答案)
- 2022版藝術(shù)新課標(biāo)解讀心得(課件)小學(xué)美術(shù)
- Profinet(S523-FANUC)發(fā)那科通訊設(shè)置
- 醫(yī)學(xué)教程 常見化療藥物歸納
- 統(tǒng)編版九年級(jí)歷史下冊(cè)第一單元教案教學(xué)設(shè)計(jì)
- GB/T 25000.51-2016系統(tǒng)與軟件工程系統(tǒng)與軟件質(zhì)量要求和評(píng)價(jià)(SQuaRE)第51部分:就緒可用軟件產(chǎn)品(RUSP)的質(zhì)量要求和測(cè)試細(xì)則
- 外科學(xué)試題庫(kù)及答案(共1000題)
評(píng)論
0/150
提交評(píng)論