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

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