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

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