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

第3講網站開發(fā)流程與開發(fā)工具第3講網站開發(fā)流程與開發(fā)工具要點網站設計開發(fā)流程

靜態(tài)頁面及構建

交互頁面及構建

綜合練習開發(fā)工具要點網站設計開發(fā)流程靜態(tài)頁面及構建交互頁面及21.網站設計開發(fā)流程企業(yè)網站特別是具有電子商務功能網站的策劃，是網站建設中一個極其重要的步驟，網站策劃的優(yōu)劣直接影響客戶電子商務功能的實施。完整的網站建設策劃方案可以保證網站的結構清晰合理、內容準確詳實、頁面生動鮮明，這樣才有可能使自己的網站在茫茫的網絡世界脫穎而出，成為一個真正的能夠帶來效益的站點。進行網站策劃時，首先必須了解客戶需求，給出可行性分析報告；然后制作網站結構規(guī)劃，編輯內容，寫出網站功能需求分析報告，提供網站所需的軟件、硬件系統配置方案，整理相關技術資料和文字資料。網站架構的總體策劃、可行性分析數據庫選取與功能設計檢測調試維護更新開發(fā)進度安排軟硬環(huán)境設置發(fā)布推廣設計開發(fā)整理文檔欄目結構設置美工界面設計內容設置1.網站設計開發(fā)流程企業(yè)網站特別是具有電子商務功能32.靜態(tài)頁面及構建首頁及構建網絡營銷模塊及構建合同約定模塊及構建2.靜態(tài)頁面及構建首頁及構建網絡營銷模塊及構建合同約定42.1首頁及構建網頁特別是首頁將給瀏覽者帶來最直接的視覺感受，也是能否吸引瀏覽者繼續(xù)深入瀏覽企業(yè)網站的關鍵，從設計上來說網頁應該是文字與圖形、文學與美學的巧妙結合體。如果企業(yè)網站既希望別具匠心，又想頗有創(chuàng)意，除了在網頁設計上需有個性和美學外，一般應具備主題內容鮮明突出、版面結構協調統一、頁面設計簡潔明快、色彩搭配調和清新、圖片精巧富含寓意、文字圖形搭配得當，整體上不能給瀏覽者制造視覺障礙。網頁設計還必須考慮到目前Internet的制約因素，如網絡傳輸速率、服務器性能指標以及客戶端瀏覽模式等，切不可為了單純追求頁面的奢華而加大網絡傳輸圖片的負荷。

首頁的設計原則應該是主題鮮明、簡潔明快、吸引力強、整合信息能力強、易于導航。作為企業(yè)網站還應納入企業(yè)形象識別系統(CorporateIdentitySystem，CIS)之中，并與其他項目、計劃協調一致，使企業(yè)在人們的心目中有一個整體的“儀表”。在首頁上企業(yè)要將自己的優(yōu)勢、強勢、絕活、高招、亮點，整合突出、直接表述。使企業(yè)的“面孔”深深地烙在瀏覽者的腦海里。2.1首頁及構建網頁特別是首頁將給瀏覽者帶來最直接的5綠海星汽貿公司首頁綠海星汽貿公司首頁62.2網絡營銷模塊及構建網絡營銷模塊結構網絡營銷主頁面構建網絡營銷網上車展模塊構建網絡營銷是基于Internet的產物，其營銷理念就是：由滿足市場到滿足客戶；由單向性滿足到交互性滿足；由滿足新客戶到滿足老客戶；由迎合客戶到引導客戶。創(chuàng)造有個性、人性化、多品種、小潮流的購物環(huán)境，致力于滿足客戶、保留客戶，爭取獲得最大利潤。2.2網絡營銷模塊及構建網絡營銷模塊結構網絡營銷主頁面構7綠海星汽貿公司網絡營銷主頁面綠海星汽貿公司網絡營銷主頁面8綠海星汽貿公司網絡營銷網上車展綠海星汽貿公司網絡營銷網上車展92.3合同約定模塊及構建合同約定作為網絡營銷的下一級模塊，把它放在與網絡營銷同一級的位置，這樣可以使瀏覽者更容易、更快捷地找到合同簽約，同時，對于企業(yè)來說更加強化了網站的營銷能力。合同約定模塊結構合同約定頁面數據處理流程合同約定主頁面構建2.3合同約定模塊及構建合同約定作為網絡營銷的下10合同約定頁面(1/2)合同約定頁面(1/2)11合同約定頁面(2/2)合同約定頁面(2/2)123.交互頁面及構建

交互頁面主要完成在線管理又稱遠程管理，從根本上說是系統管理員對網站后臺數據庫的管理。交互頁面完全建立在動態(tài)頁面技術之上，我們應用ASP技術，通過改變數據庫中的數據達到變更頁面內容、圖片，以及各種顯示效果等。

這種管理基于數據庫存儲技術，通過編寫相應的應用程序將數據從數據庫中提出，顯示到頁面上；或將頁面中，客戶輸入的數據信息傳送到數據庫中。管理者可以隨時對數據庫中的數據進行加工處理，實現并完成一個較好的網站內部數據處理流程。

主界面及構建網絡營銷管理模塊及構建合同約定管理模塊及構建關于我們管理模塊及構建綠海星汽貿公司

管理系統樣例3.交互頁面及構建交互頁面主要完成在線管理又稱遠程133.1主界面及構建綠海星汽貿公司管理系統的登錄頁面和管理系統主頁面采用框架布局，為保證系統的安全，本系統采用兩種自我保護措施，一是系統僅給管理員5次輸入密碼的機會，5次以后若密碼仍不正確，系統將被鎖定，這里系統簡單地使用了ASP的Application對象保護系統。二是采用session對象，使用語句session("name")=rs("adminname")(這里的"adminname"來自于Access數據庫lhx.mdb中的管理員登錄數據庫表admin_login)，利用session對象對時間的敏感性，限制管理員在一定的時間內，如果沒有操作系統，將被拒絕使用，需重新登錄。實際應用中，可以根據用戶需求或被保護對象的情況，對系統給以不同措施的保護。綠海星汽貿公司管理系統基于Internet，內含系統管理、關于我們管理、網絡營銷管理、新聞中心管理、汽車文化管理和經理查詢六大功能模塊。程序中用到的各種“信息窗”，是在程序運行出現問題時彈出的提示信息，給出問題出現的可能原因，以幫助用戶了解程序的運行狀態(tài)。

3.1主界面及構建綠海星汽貿公司管理系統的登錄頁面和14綠海星汽貿公司管理系統主界面綠海星汽貿公司管理系統主界面153.2網絡營銷管理模塊及構建網絡營銷就是通過運用Internet技術和手段，進行網上交易和對市場的循環(huán)營銷傳播，以達到滿足消費者需求和企業(yè)目的的營銷過程。網絡營銷是一種以消費者為導向，強調個性化的營銷方式，它具有極強的互動性，是實現全程營銷的理想工具。網絡營銷能滿足消費者對購物方便性的需求，提高消費者的購物效率。消費者可以在全球范圍內尋求最優(yōu)價格，企業(yè)在一定程度上可以節(jié)約巨額的促銷和流通費用。開展網絡營銷是對企業(yè)經營管理的考驗，因為這意味著企業(yè)經營模式的巨大改變。以網絡和網站為中心的業(yè)務經營體系要求企業(yè)的組織機構設置、人員配備、職能分布、業(yè)務流程以及經營機制必須采用現代化管理方式，進行業(yè)務流程的重組和組織機構與人員調整。綠海星汽貿公司管理系統的網絡營銷管理包含：車輛展示管理、車輛添加和車輛查詢三個部分。3.2網絡營銷管理模塊及構建網絡營銷就是通過運用In16網絡營銷管理模塊結構流程

lhx.mdb表：cz

網絡營銷管理cz.asp車輛展示管理車輛添加車輛查詢按汽車名稱按圖片地址按詳細介紹修改刪除管理系統網絡營銷管理模塊結構流程lhx.mdb

網絡營銷管理車輛展17網絡營銷管理車輛查詢頁面

網絡營銷管理車輛查詢頁面183.3合同約定管理模塊及構建合同約定管理的頁面主要含有查看“合同約定”詳情和刪除指定合同項的功能。當單擊合同項中的“詳情”時，系統彈出該“合同約定”的詳細記錄報告頁面；如單擊“刪除”，則該項合同將從數據庫中剔出。數據庫采用Access，數據庫表為hetong。合同約定管理頁面主要用表格分割布局，在表格行單元內使用鼠標事件，使得當鼠標移動至表格行上時，表格行的顏色改變，使管理員非常容易識別所選擇的表格行，盡可能地避免誤操作。3.3合同約定管理模塊及構建合同約定管理的頁面主要含193.4關于我們管理模塊及構建

前臺“關于我們”頁面中的公司簡介、組織機構、公司文化、公司理念、公司展望、聯系我們等，由“關于我們”管理模塊生成，以方便管理員更新內容。關于我們管理模塊沒有使用數據庫，而是采用文件系統，使用FileSystemObject腳本組件，在后臺由“關于我們”管理生成程序abouth.asp，生成“關于我們”前臺頁面的內容(文件名為about.htm)，生成的新文件被前臺程序about.asp調用，形成關于我們頁面。

3.4關于我們管理模塊及構建前臺“關于我們”頁面中的20“關于我們”前臺頁面

“關于我們”前臺頁面21“關于我們”管理結構流程

關于我們about.asp關于我們

管理abouth.asp查看效果新文件about.htm調用前臺about.asp前臺后臺“關于我們”管理結構流程關于我們關于我們

管理查看效果新文224.開發(fā)工具基本工具：

記事本

FrontPage2003

VisualStudio.NET2003

Access2003/SQLServer2000

MicrosoftWindowsServer2003其它工具：

Dreamweaver

Flash

Fireworks

PhotoShop

切圖工具

NetScape瀏覽器等

小旋風ASP服務器4.開發(fā)工具基本工具：

記事本

Front23小結網站的構建應首先應做好策劃和設計工作，依據企業(yè)的人、才、物，構建具有鮮明企業(yè)文化、特色的網站。前期的策劃、設計應考慮遠一些，應該對網站以后的擴容留有余地，而在實際的開發(fā)中應當逐步進行，分模塊添加功能，鑒于節(jié)約資金的原則，最好不要一次投入太多。因為這樣往往耗資大，企業(yè)突然改變營銷、管理等模式而難以適應，電子商務并不是能為每一家企業(yè)帶來盈利。前、后臺系統結構的設計應當合理規(guī)范，一般前臺按需求、服務，后臺按功能分門別類，合理集中。數據庫可以給我們提供強大的信息管理能力，但有些功能模塊也可以不用數據庫管理，而采用較簡單的方式，如上面的“關于我們”管理模塊的設計。小結網站的構建應首先應做好策劃和設計工作，依據企24綜合練習1.網站設計應采用怎樣的設計流程？2.網站設計前臺需解決的首要問題是什么？3.網站設計后臺需解決的首要問題是什么？4.網站前、后臺的構建策略是什么？5.除利用數據庫的數據生成前臺頁面以外，網站設計還可以用什么方法生成前臺頁面？6.首頁的設計應該做到

、

、

、

、

。7.網絡營銷的營銷理念是

、

、

、

。8.請為某手機經銷商策劃、構建一個網站系統。9.請為某房地產公司策劃分析，并構建一個具有電子商務功能的網站系統。綜合練習1.網站設計應采用怎樣的設計流程？25ThankYou!ThankYou!演講完畢，謝謝觀看！演講完畢，謝謝觀看！第3講網站開發(fā)流程與開發(fā)工具第3講網站開發(fā)流程與開發(fā)工具要點網站設計開發(fā)流程

靜態(tài)頁面及構建

交互頁面及構建

綜合練習開發(fā)工具要點網站設計開發(fā)流程靜態(tài)頁面及構建交互頁面及291.網站設計開發(fā)流程企業(yè)網站特別是具有電子商務功能網站的策劃，是網站建設中一個極其重要的步驟，網站策劃的優(yōu)劣直接影響客戶電子商務功能的實施。完整的網站建設策劃方案可以保證網站的結構清晰合理、內容準確詳實、頁面生動鮮明，這樣才有可能使自己的網站在茫茫的網絡世界脫穎而出，成為一個真正的能夠帶來效益的站點。進行網站策劃時，首先必須了解客戶需求，給出可行性分析報告；然后制作網站結構規(guī)劃，編輯內容，寫出網站功能需求分析報告，提供網站所需的軟件、硬件系統配置方案，整理相關技術資料和文字資料。網站架構的總體策劃、可行性分析數據庫選取與功能設計檢測調試維護更新開發(fā)進度安排軟硬環(huán)境設置發(fā)布推廣設計開發(fā)整理文檔欄目結構設置美工界面設計內容設置1.網站設計開發(fā)流程企業(yè)網站特別是具有電子商務功能302.靜態(tài)頁面及構建首頁及構建網絡營銷模塊及構建合同約定模塊及構建2.靜態(tài)頁面及構建首頁及構建網絡營銷模塊及構建合同約定312.1首頁及構建網頁特別是首頁將給瀏覽者帶來最直接的視覺感受，也是能否吸引瀏覽者繼續(xù)深入瀏覽企業(yè)網站的關鍵，從設計上來說網頁應該是文字與圖形、文學與美學的巧妙結合體。如果企業(yè)網站既希望別具匠心，又想頗有創(chuàng)意，除了在網頁設計上需有個性和美學外，一般應具備主題內容鮮明突出、版面結構協調統一、頁面設計簡潔明快、色彩搭配調和清新、圖片精巧富含寓意、文字圖形搭配得當，整體上不能給瀏覽者制造視覺障礙。網頁設計還必須考慮到目前Internet的制約因素，如網絡傳輸速率、服務器性能指標以及客戶端瀏覽模式等，切不可為了單純追求頁面的奢華而加大網絡傳輸圖片的負荷。

首頁的設計原則應該是主題鮮明、簡潔明快、吸引力強、整合信息能力強、易于導航。作為企業(yè)網站還應納入企業(yè)形象識別系統(CorporateIdentitySystem，CIS)之中，并與其他項目、計劃協調一致，使企業(yè)在人們的心目中有一個整體的“儀表”。在首頁上企業(yè)要將自己的優(yōu)勢、強勢、絕活、高招、亮點，整合突出、直接表述。使企業(yè)的“面孔”深深地烙在瀏覽者的腦海里。2.1首頁及構建網頁特別是首頁將給瀏覽者帶來最直接的32綠海星汽貿公司首頁綠海星汽貿公司首頁332.2網絡營銷模塊及構建網絡營銷模塊結構網絡營銷主頁面構建網絡營銷網上車展模塊構建網絡營銷是基于Internet的產物，其營銷理念就是：由滿足市場到滿足客戶；由單向性滿足到交互性滿足；由滿足新客戶到滿足老客戶；由迎合客戶到引導客戶。創(chuàng)造有個性、人性化、多品種、小潮流的購物環(huán)境，致力于滿足客戶、保留客戶，爭取獲得最大利潤。2.2網絡營銷模塊及構建網絡營銷模塊結構網絡營銷主頁面構34綠海星汽貿公司網絡營銷主頁面綠海星汽貿公司網絡營銷主頁面35綠海星汽貿公司網絡營銷網上車展綠海星汽貿公司網絡營銷網上車展362.3合同約定模塊及構建合同約定作為網絡營銷的下一級模塊，把它放在與網絡營銷同一級的位置，這樣可以使瀏覽者更容易、更快捷地找到合同簽約，同時，對于企業(yè)來說更加強化了網站的營銷能力。合同約定模塊結構合同約定頁面數據處理流程合同約定主頁面構建2.3合同約定模塊及構建合同約定作為網絡營銷的下37合同約定頁面(1/2)合同約定頁面(1/2)38合同約定頁面(2/2)合同約定頁面(2/2)393.交互頁面及構建

交互頁面主要完成在線管理又稱遠程管理，從根本上說是系統管理員對網站后臺數據庫的管理。交互頁面完全建立在動態(tài)頁面技術之上，我們應用ASP技術，通過改變數據庫中的數據達到變更頁面內容、圖片，以及各種顯示效果等。

這種管理基于數據庫存儲技術，通過編寫相應的應用程序將數據從數據庫中提出，顯示到頁面上；或將頁面中，客戶輸入的數據信息傳送到數據庫中。管理者可以隨時對數據庫中的數據進行加工處理，實現并完成一個較好的網站內部數據處理流程。

主界面及構建網絡營銷管理模塊及構建合同約定管理模塊及構建關于我們管理模塊及構建綠海星汽貿公司

管理系統樣例3.交互頁面及構建交互頁面主要完成在線管理又稱遠程403.1主界面及構建綠海星汽貿公司管理系統的登錄頁面和管理系統主頁面采用框架布局，為保證系統的安全，本系統采用兩種自我保護措施，一是系統僅給管理員5次輸入密碼的機會，5次以后若密碼仍不正確，系統將被鎖定，這里系統簡單地使用了ASP的Application對象保護系統。二是采用session對象，使用語句session("name")=rs("adminname")(這里的"adminname"來自于Access數據庫lhx.mdb中的管理員登錄數據庫表admin_login)，利用session對象對時間的敏感性，限制管理員在一定的時間內，如果沒有操作系統，將被拒絕使用，需重新登錄。實際應用中，可以根據用戶需求或被保護對象的情況，對系統給以不同措施的保護。綠海星汽貿公司管理系統基于Internet，內含系統管理、關于我們管理、網絡營銷管理、新聞中心管理、汽車文化管理和經理查詢六大功能模塊。程序中用到的各種“信息窗”，是在程序運行出現問題時彈出的提示信息，給出問題出現的可能原因，以幫助用戶了解程序的運行狀態(tài)。

3.1主界面及構建綠海星汽貿公司管理系統的登錄頁面和41綠海星汽貿公司管理系統主界面綠海星汽貿公司管理系統主界面423.2網絡營銷管理模塊及構建網絡營銷就是通過運用Internet技術和手段，進行網上交易和對市場的循環(huán)營銷傳播，以達到滿足消費者需求和企業(yè)目的的營銷過程。網絡營銷是一種以消費者為導向，強調個性化的營銷方式，它具有極強的互動性，是實現全程營銷的理想工具。網絡營銷能滿足消費者對購物方便性的需求，提高消費者的購物效率。消費者可以在全球范圍內尋求最優(yōu)價格，企業(yè)在一定程度上可以節(jié)約巨額的促銷和流通費用。開展網絡營銷是對企業(yè)經營管理的考驗，因為這意味著企業(yè)經營模式的巨大改變。以網絡和網站為中心的業(yè)務經營體系要求企業(yè)的組織機構設置、人員配備、職能分布、業(yè)務流程以及經營機制必須采用現代化管理方式，進行業(yè)務流程的重組和組織機構與人員調整。綠海星汽貿公司管理系統的網絡營銷管理包含：車輛展示管理、車輛添加和車輛查詢三個部分。3.2網絡營銷管理模塊及構建網絡營銷就是通過運用In43網絡營銷管理模塊結構流程

lhx.mdb表：cz

網絡營銷管理cz.asp車輛展示管理車輛添加車輛查詢按汽車名稱按圖片地址按詳細介紹修改刪除管理系統網絡營銷管理模塊結構流程lhx.mdb

網絡營銷管理車輛展44網絡營銷管理車輛查詢頁面

網絡營銷管理車輛查詢頁面453.3合同約定管理模塊及構建合同約定管理的頁面主要含有查看“合同約定”詳情和刪除指定合同項的功能。當單擊合同項中的“詳情”時，系統彈出該“合同約定”的詳細記錄報告頁面；如單擊“刪除”，則該項合同將從數據庫中剔出。數據庫采用Access，數據庫表為hetong。合同約定管理頁面主要用表格分割布局，在表格行單元內使用鼠標事件，使得當鼠標移動至表格行上時，表格行的顏色改變，使管理員非常容易識別所選擇的表格行，盡可能地避免誤操作。3.3合同約定管理模塊及構建合同約定管理的頁面主要含463.4關于我們管理模塊及構建

前臺“關于我們”頁面中的公司簡介、組織機構、公司文化、公司理念、公司展望、聯系我們等，由“關于我們”管理模塊生成，以方便管理員更新內容。關于我們管理模塊沒有使用數據庫，而是采用文件系統，使用FileSystemObject腳本組件，在后臺由“關于我們”管理生成程序abouth.asp，生成“關于我們”前臺頁面的內容(文件名為about.htm)，生成的新文件被前臺程序about.asp調用，形成關于我們頁面。

3.4關于我們管理模塊及構建前臺“關于我們”頁面中的47“關于我們”前臺頁面

“關于我們”前臺頁面48“關于我們”管理結構流程

關于我們about.asp關于我們

管理abouth.asp查看效果新文件about.htm調用前臺about.asp前臺后臺“關于我們”管理結構流程關于我們關于我們

管理查看效果新文494.開發(fā)工具基本工具：

記事本

FrontPage2003

VisualStu