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

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