第3講網(wǎng)站開(kāi)發(fā)流程與開(kāi)發(fā)工具.ppt

第3講網(wǎng)站開(kāi)發(fā)流程與開(kāi)發(fā)工具,要點(diǎn),網(wǎng)站設(shè)計(jì)開(kāi)發(fā)流程,靜態(tài)頁(yè)面及構(gòu)建,交互頁(yè)面及構(gòu)建,綜合練習(xí),開(kāi)發(fā)工具,1.網(wǎng)站設(shè)計(jì)開(kāi)發(fā)流程,企業(yè)網(wǎng)站特別是具有電子商務(wù)功能網(wǎng)站的策劃，是網(wǎng)站建設(shè)中一個(gè)極其重要的步驟，網(wǎng)站策劃的優(yōu)劣直接影響客戶(hù)電子商務(wù)功能的實(shí)施。完整的網(wǎng)站建設(shè)策劃方案可以保證網(wǎng)站的結(jié)構(gòu)清晰合理、內(nèi)容準(zhǔn)確詳實(shí)、頁(yè)面生動(dòng)鮮明，這樣才有可能使自己的網(wǎng)站在茫茫的網(wǎng)絡(luò)世界脫穎而出，成為一個(gè)真正的能夠帶來(lái)效益的站點(diǎn)。進(jìn)行網(wǎng)站策劃時(shí)，首先必須了解客戶(hù)需求，給出可行性分析報(bào)告；然后制作網(wǎng)站結(jié)構(gòu)規(guī)劃，編輯內(nèi)容，寫(xiě)出網(wǎng)站功能需求分析報(bào)告，提供網(wǎng)站所需的軟件、硬件系統(tǒng)配置方案，整理相關(guān)技術(shù)資料和文字資料。,網(wǎng)站架構(gòu)的總體策劃、可行性分析,數(shù)據(jù)庫(kù)選取與功能設(shè)計(jì),檢測(cè)調(diào)試,維護(hù)更新,開(kāi)發(fā)進(jìn)度安排,軟硬環(huán)境設(shè)置,發(fā)布推廣,設(shè)計(jì)開(kāi)發(fā),整理文檔,欄目結(jié)構(gòu)設(shè)置,美工界面設(shè)計(jì),內(nèi)容設(shè)置,2.靜態(tài)頁(yè)面及構(gòu)建,首頁(yè)及構(gòu)建,網(wǎng)絡(luò)營(yíng)銷(xiāo)模塊及構(gòu)建,合同約定模塊及構(gòu)建,2.1首頁(yè)及構(gòu)建,網(wǎng)頁(yè)特別是首頁(yè)將給瀏覽者帶來(lái)最直接的視覺(jué)感受，也是能否吸引瀏覽者繼續(xù)深入瀏覽企業(yè)網(wǎng)站的關(guān)鍵，從設(shè)計(jì)上來(lái)說(shuō)網(wǎng)頁(yè)應(yīng)該是文字與圖形、文學(xué)與美學(xué)的巧妙結(jié)合體。如果企業(yè)網(wǎng)站既希望別具匠心，又想頗有創(chuàng)意，除了在網(wǎng)頁(yè)設(shè)計(jì)上需有個(gè)性和美學(xué)外，一般應(yīng)具備主題內(nèi)容鮮明突出、版面結(jié)構(gòu)協(xié)調(diào)統(tǒng)一、頁(yè)面設(shè)計(jì)簡(jiǎn)潔明快、色彩搭配調(diào)和清新、圖片精巧富含寓意、文字圖形搭配得當(dāng)，整體上不能給瀏覽者制造視覺(jué)障礙。網(wǎng)頁(yè)設(shè)計(jì)還必須考慮到目前Internet的制約因素，如網(wǎng)絡(luò)傳輸速率、服務(wù)器性能指標(biāo)以及客戶(hù)端瀏覽模式等，切不可為了單純追求頁(yè)面的奢華而加大網(wǎng)絡(luò)傳輸圖片的負(fù)荷。首頁(yè)的設(shè)計(jì)原則應(yīng)該是主題鮮明、簡(jiǎn)潔明快、吸引力強(qiáng)、整合信息能力強(qiáng)、易于導(dǎo)航。作為企業(yè)網(wǎng)站還應(yīng)納入企業(yè)形象識(shí)別系統(tǒng)(CorporateIdentitySystem，CIS)之中，并與其他項(xiàng)目、計(jì)劃協(xié)調(diào)一致，使企業(yè)在人們的心目中有一個(gè)整體的“儀表”。在首頁(yè)上企業(yè)要將自己的優(yōu)勢(shì)、強(qiáng)勢(shì)、絕活、高招、亮點(diǎn)，整合突出、直接表述。使企業(yè)的“面孔”深深地烙在瀏覽者的腦海里。,綠海星汽貿(mào)公司首頁(yè),2.2網(wǎng)絡(luò)營(yíng)銷(xiāo)模塊及構(gòu)建,網(wǎng)絡(luò)營(yíng)銷(xiāo)模塊結(jié)構(gòu),網(wǎng)絡(luò)營(yíng)銷(xiāo)主頁(yè)面構(gòu)建,網(wǎng)絡(luò)營(yíng)銷(xiāo)網(wǎng)上車(chē)展模塊構(gòu)建,網(wǎng)絡(luò)營(yíng)銷(xiāo)是基于Internet的產(chǎn)物，其營(yíng)銷(xiāo)理念就是：由滿(mǎn)足市場(chǎng)到滿(mǎn)足客戶(hù)；由單向性滿(mǎn)足到交互性滿(mǎn)足；由滿(mǎn)足新客戶(hù)到滿(mǎn)足老客戶(hù)；由迎合客戶(hù)到引導(dǎo)客戶(hù)。創(chuàng)造有個(gè)性、人性化、多品種、小潮流的購(gòu)物環(huán)境，致力于滿(mǎn)足客戶(hù)、保留客戶(hù)，爭(zhēng)取獲得最大利潤(rùn)。,綠海星汽貿(mào)公司網(wǎng)絡(luò)營(yíng)銷(xiāo)主頁(yè)面,綠海星汽貿(mào)公司網(wǎng)絡(luò)營(yíng)銷(xiāo)網(wǎng)上車(chē)展,2.3合同約定模塊及構(gòu)建,合同約定作為網(wǎng)絡(luò)營(yíng)銷(xiāo)的下一級(jí)模塊，把它放在與網(wǎng)絡(luò)營(yíng)銷(xiāo)同一級(jí)的位置，這樣可以使瀏覽者更容易、更快捷地找到合同簽約，同時(shí)，對(duì)于企業(yè)來(lái)說(shuō)更加強(qiáng)化了網(wǎng)站的營(yíng)銷(xiāo)能力。,合同約定模塊結(jié)構(gòu),合同約定頁(yè)面數(shù)據(jù)處理流程,合同約定主頁(yè)面構(gòu)建,合同約定頁(yè)面(1/2),合同約定頁(yè)面(2/2),3.交互頁(yè)面及構(gòu)建,交互頁(yè)面主要完成在線(xiàn)管理又稱(chēng)遠(yuǎn)程管理，從根本上說(shuō)是系統(tǒng)管理員對(duì)網(wǎng)站后臺(tái)數(shù)據(jù)庫(kù)的管理。交互頁(yè)面完全建立在動(dòng)態(tài)頁(yè)面技術(shù)之上，我們應(yīng)用ASP技術(shù)，通過(guò)改變數(shù)據(jù)庫(kù)中的數(shù)據(jù)達(dá)到變更頁(yè)面內(nèi)容、圖片，以及各種顯示效果等。這種管理基于數(shù)據(jù)庫(kù)存儲(chǔ)技術(shù)，通過(guò)編寫(xiě)相應(yīng)的應(yīng)用程序?qū)?shù)據(jù)從數(shù)據(jù)庫(kù)中提出，顯示到頁(yè)面上；或?qū)㈨?yè)面中，客戶(hù)輸入的數(shù)據(jù)信息傳送到數(shù)據(jù)庫(kù)中。管理者可以隨時(shí)對(duì)數(shù)據(jù)庫(kù)中的數(shù)據(jù)進(jìn)行加工處理，實(shí)現(xiàn)并完成一個(gè)較好的網(wǎng)站內(nèi)部數(shù)據(jù)處理流程。,綠海星汽貿(mào)公司管理系統(tǒng)樣例,3.1主界面及構(gòu)建,綠海星汽貿(mào)公司管理系統(tǒng)的登錄頁(yè)面和管理系統(tǒng)主頁(yè)面采用框架布局，為保證系統(tǒng)的安全，本系統(tǒng)采用兩種自我保護(hù)措施，一是系統(tǒng)僅給管理員5次輸入密碼的機(jī)會(huì)，5次以后若密碼仍不正確，系統(tǒng)將被鎖定，這里系統(tǒng)簡(jiǎn)單地使用了ASP的Application對(duì)象保護(hù)系統(tǒng)。二是采用session對(duì)象，使用語(yǔ)句session(name)=rs(adminname)(這里的adminname來(lái)自于A(yíng)ccess數(shù)據(jù)庫(kù)lhx.mdb中的管理員登錄數(shù)據(jù)庫(kù)表admin_login)，利用session對(duì)象對(duì)時(shí)間的敏感性，限制管理員在一定的時(shí)間內(nèi)，如果沒(méi)有操作系統(tǒng)，將被拒絕使用，需重新登錄。實(shí)際應(yīng)用中，可以根據(jù)用戶(hù)需求或被保護(hù)對(duì)象的情況，對(duì)系統(tǒng)給以不同措施的保護(hù)。綠海星汽貿(mào)公司管理系統(tǒng)基于Internet，內(nèi)含系統(tǒng)管理、關(guān)于我們管理、網(wǎng)絡(luò)營(yíng)銷(xiāo)管理、新聞中心管理、汽車(chē)文化管理和經(jīng)理查詢(xún)六大功能模塊。程序中用到的各種“信息窗”，是在程序運(yùn)行出現(xiàn)問(wèn)題時(shí)彈出的提示信息，給出問(wèn)題出現(xiàn)的可能原因，以幫助用戶(hù)了解程序的運(yùn)行狀態(tài)。,綠海星汽貿(mào)公司管理系統(tǒng)主界面,3.2網(wǎng)絡(luò)營(yíng)銷(xiāo)管理模塊及構(gòu)建,網(wǎng)絡(luò)營(yíng)銷(xiāo)就是通過(guò)運(yùn)用Internet技術(shù)和手段，進(jìn)行網(wǎng)上交易和對(duì)市場(chǎng)的循環(huán)營(yíng)銷(xiāo)傳播，以達(dá)到滿(mǎn)足消費(fèi)者需求和企業(yè)目的的營(yíng)銷(xiāo)過(guò)程。網(wǎng)絡(luò)營(yíng)銷(xiāo)是一種以消費(fèi)者為導(dǎo)向，強(qiáng)調(diào)個(gè)性化的營(yíng)銷(xiāo)方式，它具有極強(qiáng)的互動(dòng)性，是實(shí)現(xiàn)全程營(yíng)銷(xiāo)的理想工具。網(wǎng)絡(luò)營(yíng)銷(xiāo)能滿(mǎn)足消費(fèi)者對(duì)購(gòu)物方便性的需求，提高消費(fèi)者的購(gòu)物效率。消費(fèi)者可以在全球范圍內(nèi)尋求最優(yōu)價(jià)格，企業(yè)在一定程度上可以節(jié)約巨額的促銷(xiāo)和流通費(fèi)用。開(kāi)展網(wǎng)絡(luò)營(yíng)銷(xiāo)是對(duì)企業(yè)經(jīng)營(yíng)管理的考驗(yàn)，因?yàn)檫@意味著企業(yè)經(jīng)營(yíng)模式的巨大改變。以網(wǎng)絡(luò)和網(wǎng)站為中心的業(yè)務(wù)經(jīng)營(yíng)體系要求企業(yè)的組織機(jī)構(gòu)設(shè)置、人員配備、職能分布、業(yè)務(wù)流程以及經(jīng)營(yíng)機(jī)制必須采用現(xiàn)代化管理方式，進(jìn)行業(yè)務(wù)流程的重組和組織機(jī)構(gòu)與人員調(diào)整。綠海星汽貿(mào)公司管理系統(tǒng)的網(wǎng)絡(luò)營(yíng)銷(xiāo)管理包含：車(chē)輛展示管理、車(chē)輛添加和車(chē)輛查詢(xún)?nèi)齻€(gè)部分。,網(wǎng)絡(luò)營(yíng)銷(xiāo)管理模塊結(jié)構(gòu)流程,網(wǎng)絡(luò)營(yíng)銷(xiāo)管理車(chē)輛查詢(xún)頁(yè)面,3.3合同約定管理模塊及構(gòu)建,合同約定管理的頁(yè)面主要含有查看“合同約定”詳情和刪除指定合同項(xiàng)的功能。當(dāng)單擊合同項(xiàng)中的“詳情”時(shí)，系統(tǒng)彈出該“合同約定”的詳細(xì)記錄報(bào)告頁(yè)面；如單擊“刪除”，則該項(xiàng)合同將從數(shù)據(jù)庫(kù)中剔出。數(shù)據(jù)庫(kù)采用Access，數(shù)據(jù)庫(kù)表為hetong。合同約定管理頁(yè)面主要用表格分割布局，在表格行單元內(nèi)使用鼠標(biāo)事件，使得當(dāng)鼠標(biāo)移動(dòng)至表格行上時(shí)，表格行的顏色改變，使管理員非常容易識(shí)別所選擇的表格行，盡可能地避免誤操作。,3.4關(guān)于我們管理模塊及構(gòu)建,前臺(tái)“關(guān)于我們”頁(yè)面中的公司簡(jiǎn)介、組織機(jī)構(gòu)、公司文化、公司理念、公司展望、聯(lián)系我們等，由“關(guān)于我們”管理模塊生成，以方便管理員更新內(nèi)容。關(guān)于我們管理模塊沒(méi)有使用數(shù)據(jù)庫(kù)，而是采用文件系統(tǒng)，使用FileSystemObject腳本組件，在后臺(tái)由“關(guān)于我們”管理生成程序abouth.asp，生成“關(guān)于我們”前臺(tái)頁(yè)面的內(nèi)容(文件名為about.htm)，生成的新文件被前臺(tái)程序about.asp調(diào)用，形成關(guān)于我們頁(yè)面。,“關(guān)于我們”前臺(tái)頁(yè)面,“關(guān)于我們”管理結(jié)構(gòu)流程,4.開(kāi)發(fā)工具,基本工具：記事本FrontPage2003VisualStudio.NET2003Access2003/SQLServer2000MicrosoftWindowsServer2003其它工具：DreamweaverFlashFireworksPhotoShop切圖工具NetScape瀏覽器等小旋風(fēng)ASP服務(wù)器,小結(jié),網(wǎng)站的構(gòu)建應(yīng)首先應(yīng)做好策劃和設(shè)計(jì)工作，依據(jù)企業(yè)的人、才、物，構(gòu)建具有鮮明企業(yè)文化、特色的網(wǎng)站。前期的策劃、設(shè)計(jì)應(yīng)考慮遠(yuǎn)一些，應(yīng)該對(duì)網(wǎng)站以后的擴(kuò)容留有余地，而在實(shí)際的開(kāi)發(fā)中應(yīng)當(dāng)逐步進(jìn)行，分模塊添加功能，鑒于節(jié)約資金的原則，最好不要一次投入太多。因?yàn)檫@樣往往耗資大，企業(yè)突然改變營(yíng)銷(xiāo)、管理等模式而難以適應(yīng)，電子商務(wù)并不是能為每一家企業(yè)帶來(lái)盈利。前、后臺(tái)系統(tǒng)結(jié)構(gòu)的設(shè)計(jì)應(yīng)當(dāng)合理規(guī)范，一般前臺(tái)按需求、服務(wù)，后臺(tái)按功能分門(mén)別類(lèi)，合理集中。數(shù)據(jù)庫(kù)可以給我們提供強(qiáng)大的信息管理能力，但有些功能模塊也可以不用數(shù)據(jù)庫(kù)管理，而采用較簡(jiǎn)單的方式，如上面的“關(guān)于我們”管理模塊的設(shè)計(jì)。,綜合練習(xí),1.網(wǎng)站設(shè)計(jì)應(yīng)采用怎樣的設(shè)計(jì)流程？2.網(wǎng)站設(shè)計(jì)前臺(tái)需解決的首要問(wèn)題是什