網(wǎng)站建設(shè)流程版課件

1、網(wǎng)站是怎樣煉成的？網(wǎng)站是怎樣煉成的？取石熾煉成鋼 淬火 鋼是在烈火與驟冷中鑄造而成的。取石熾煉成鋼 淬火 鋼是在烈火與驟冷中鑄造而成的。主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實施三、“淬火”網(wǎng)站測試與發(fā)布四、“成鋼”網(wǎng)站推廣與維護(hù)主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實施網(wǎng)頁是網(wǎng)絡(luò)應(yīng)用的主要用戶界面。網(wǎng)頁是怎么設(shè)計出來的？網(wǎng)站又是怎樣建成的？ 人們可以通過瀏覽器來訪問網(wǎng)站，獲取自己需要的信息或者享受網(wǎng)絡(luò)服務(wù)。網(wǎng)頁是網(wǎng)絡(luò)應(yīng)用的主要用戶界面。網(wǎng)頁是怎么設(shè)計出來的？網(wǎng)站又是 網(wǎng)站，又稱為Web站點，是網(wǎng)絡(luò)中一個站點內(nèi)所有網(wǎng)頁的集合。簡單地說，網(wǎng)站是網(wǎng)頁的集合，也是一種借助于網(wǎng)絡(luò)的通信工具

2、，就像公告欄一樣，人們可以通過網(wǎng)站來發(fā)布自己的信息，或者利用網(wǎng)站來提供相關(guān)的服務(wù)。 網(wǎng)頁是網(wǎng)站信息的載體，是網(wǎng)站的一個組成部分。在網(wǎng)站應(yīng)用開發(fā)的過程中，最重要的一部分工作就是制作網(wǎng)頁，多個制作完成并發(fā)布的網(wǎng)頁組合在一個網(wǎng)站中，就構(gòu)成了網(wǎng)站。一、“取石”網(wǎng)站規(guī)劃 網(wǎng)站，又稱為Web站點，是網(wǎng)絡(luò)中一個站點內(nèi)所有 網(wǎng)站具有成本低、信息量大、傳遞信息快的優(yōu)點。借助于網(wǎng)站，各種信息可以迅速地在網(wǎng)絡(luò)上傳播和共享。個人網(wǎng)站可以向公眾展示個人信息、作品、才藝等內(nèi)容，企業(yè)網(wǎng)站可以及時向公眾發(fā)布企業(yè)的新聞、產(chǎn)品、商業(yè)信息等內(nèi)容。一、“取石”網(wǎng)站規(guī)劃 網(wǎng)站具有成本低、信息量大、傳遞信息快的優(yōu)點對網(wǎng)站建設(shè)流程，業(yè)界有

3、不同的認(rèn)識與觀點。一、“取石”網(wǎng)站規(guī)劃對網(wǎng)站建設(shè)流程，業(yè)界有不同的認(rèn)識與觀點。一、“取石”網(wǎng)一、“取石”網(wǎng)站規(guī)劃 網(wǎng)站的建設(shè)流程是指制作一個網(wǎng)站的完整流程。 該流程是參照項目管理的國際標(biāo)準(zhǔn)與軟件項目生命周期，結(jié)合網(wǎng)站項目實際工作制定的。一、“取石”網(wǎng)站規(guī)劃 網(wǎng)站的建設(shè)流程是 雖然，現(xiàn)在有些企業(yè)和開發(fā)者沒有完全按照這個流程來進(jìn)行網(wǎng)站的研發(fā)與制作，但是，一個完整的流程將使我們能夠更加清晰地理解網(wǎng)站的完整制作過程。一、“取石”網(wǎng)站規(guī)劃 雖然，現(xiàn)在有些企業(yè)和開發(fā)者沒有完全按照這個 根據(jù)客戶提出的需求，明確以下幾個方面的內(nèi)容：為什么要建立網(wǎng)站，用戶從設(shè)計的網(wǎng)站能夠得到什么信息？是為了產(chǎn)品推廣，電子應(yīng)用，

4、或是為了單位新聞傳播與宣傳、還是進(jìn)行電子商（政）務(wù)？一、“取石”網(wǎng)站規(guī)劃1、明確建設(shè)網(wǎng)站目的及其功能定位 第一階段，網(wǎng)站規(guī)劃，將需要取到哪些“鐵礦石”？ 根據(jù)客戶提出的需求，明確以下幾個方面的內(nèi)容 根據(jù)客戶提出的需求，明確以下幾個方面的內(nèi)容：分析擁有的資源。例如文字、圖像、人力等資源，確定網(wǎng)站的功能與作用。網(wǎng)站費用預(yù)算，其費用一般與功能要求成正比關(guān)系。一、“取石”網(wǎng)站規(guī)劃 第一階段，網(wǎng)站規(guī)劃，將需要取到哪些“鐵礦石”？1、明確建設(shè)網(wǎng)站目的及其功能定位 根據(jù)客戶提出的需求，明確以下幾個方面的內(nèi)容準(zhǔn)備采用自建服務(wù)器，還是租用虛擬主機(jī)。 選擇操作系統(tǒng)，準(zhǔn)備采用Windows還是Linux/Unix。

5、確定網(wǎng)站安全策略，制定網(wǎng)站防黑、防病毒、防入侵方案（如果采用虛擬主機(jī)，該工作可由專業(yè)公司代勞）。一、“取石”網(wǎng)站規(guī)劃2、形成網(wǎng)站技術(shù)解決方案準(zhǔn)備采用自建服務(wù)器，還是租用虛擬主機(jī)。一、“取石”網(wǎng)站選擇網(wǎng)頁開發(fā)技術(shù)與工具，以及相應(yīng)的數(shù)據(jù)庫軟件 。例如：ASP、JSP、PHP？進(jìn)行動態(tài)網(wǎng)頁編程 SQL Server、Access、MySQL、Oralce？一、“取石”網(wǎng)站規(guī)劃2、形成網(wǎng)站技術(shù)解決方案選擇網(wǎng)頁開發(fā)技術(shù)與工具，以及相應(yīng)的數(shù)據(jù)庫軟件 。例如：ASP主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實施主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實施確定網(wǎng)站的結(jié)構(gòu)導(dǎo)航中的每個頻道的子欄目。例如首頁

6、、機(jī)構(gòu)設(shè)置、在線論壇、共享磁盤、建言獻(xiàn)策等。二、“熾煉”網(wǎng)站實施1、確定網(wǎng)站的目錄結(jié)構(gòu)和欄目設(shè)置根據(jù)網(wǎng)站的目的及內(nèi)容，確定網(wǎng)站整合功能，以及網(wǎng)頁內(nèi)容的實現(xiàn)方式。如機(jī)構(gòu)設(shè)置是要采用靜態(tài)網(wǎng)頁還是動態(tài)網(wǎng)頁，使用列表式還是樹狀結(jié)構(gòu)展示？確定網(wǎng)站的結(jié)構(gòu)導(dǎo)航中的每個頻道的子欄目。例如首頁、機(jī)構(gòu)設(shè)置、網(wǎng)頁效果圖設(shè)計。效果圖設(shè)計要從網(wǎng)站的建設(shè)目標(biāo)、網(wǎng)站類型、客戶群特點和信息內(nèi)容等方面進(jìn)行規(guī)劃設(shè)計。2、進(jìn)行網(wǎng)頁設(shè)計，實現(xiàn)每個網(wǎng)頁的內(nèi)容。二、“熾煉”網(wǎng)站實施 該步驟非常關(guān)鍵，需要網(wǎng)頁設(shè)計者與客戶大量的溝通，才能確定下來，決定了網(wǎng)站能否受到歡迎?？梢圆捎檬止だL制網(wǎng)頁的草圖，利用Dreamweaver或者Frontp

7、age等網(wǎng)頁開發(fā)工具，制作網(wǎng)頁效果圖或者網(wǎng)頁原型。客戶通過效果圖，了解網(wǎng)站設(shè)計的目的、意圖和設(shè)計思路，提出改進(jìn)意見建議。網(wǎng)頁效果圖設(shè)計。效果圖設(shè)計要從網(wǎng)站的建設(shè)目標(biāo)、網(wǎng)站類型、客戶網(wǎng)頁設(shè)計與程序編寫 根據(jù)網(wǎng)站技術(shù)解決方案確定的動態(tài)網(wǎng)頁實現(xiàn)方式，使用ASP、JSP、PHP等網(wǎng)頁編程語言，對靜態(tài)網(wǎng)頁進(jìn)行網(wǎng)頁設(shè)計。2、進(jìn)行網(wǎng)頁設(shè)計，實現(xiàn)每個網(wǎng)頁的內(nèi)容。二、“熾煉”網(wǎng)站實施網(wǎng)頁設(shè)計與程序編寫2、進(jìn)行網(wǎng)頁設(shè)計，實現(xiàn)每個網(wǎng)頁的內(nèi)容。二、 靜態(tài)網(wǎng)頁是網(wǎng)站建設(shè)初期經(jīng)常采用的一種形式。網(wǎng)站建設(shè)者把內(nèi)容設(shè)計成靜態(tài)網(wǎng)頁，訪問者只能被動地瀏覽網(wǎng)站建設(shè)者提供的網(wǎng)頁內(nèi)容。靜態(tài)網(wǎng)頁 靜態(tài)網(wǎng)頁的特點：（1）網(wǎng)頁內(nèi)容不會發(fā)生變

8、化，除非網(wǎng)頁設(shè)計者修改了網(wǎng)頁的內(nèi)容。二、“熾煉”網(wǎng)站實施概 念 解 析 靜態(tài)網(wǎng)頁是網(wǎng)站建設(shè)初期經(jīng)常采用的一種形式。網(wǎng)站 靜態(tài)網(wǎng)頁的特點：（2）不能實現(xiàn)交互。用戶無法實現(xiàn)與瀏覽的網(wǎng)頁之間進(jìn)行交互，信息流是單向的，即從服務(wù)器到瀏覽器。服務(wù)器不能根據(jù)用戶的請求返回用戶所需要的內(nèi)容。靜態(tài)網(wǎng)頁的瀏覽過程如下圖所示。概 念 解 析靜態(tài)網(wǎng)頁二、“熾煉”網(wǎng)站實施 靜態(tài)網(wǎng)頁的特點：概 念 解 析靜態(tài)網(wǎng)頁二、“熾 要把效果圖制作成靜態(tài)網(wǎng)頁，可以使用Fireworks或者Photoshop軟件工具，對網(wǎng)頁效果圖進(jìn)行切片，然后使用Dreamweaver軟件對切片進(jìn)行排版制作，生成網(wǎng)頁。這里切片的目的是為了得到網(wǎng)頁的頁

9、面素材，按照排版布局快速實現(xiàn)網(wǎng)頁的制作。概 念 解 析靜態(tài)網(wǎng)頁二、“熾煉”網(wǎng)站實施 要把效果圖制作成靜態(tài)網(wǎng)頁，可以使用Firewor動態(tài)網(wǎng)頁 動態(tài)網(wǎng)頁是建立在B/S（Browser / Server， 瀏覽器/服務(wù)器）架構(gòu)上的服務(wù)器端腳本程序。瀏覽器顯示的動態(tài)網(wǎng)頁是服務(wù)器端程序運行的結(jié)果。動態(tài)網(wǎng)頁文件一般以.asp、.jsp和.php為后綴，這些都是采用動態(tài)網(wǎng)頁技術(shù)制作出來的。概 念 解 析二、“熾煉”網(wǎng)站實施動態(tài)網(wǎng)頁 動態(tài)網(wǎng)頁是建立在B/S（Browse 動態(tài)網(wǎng)頁的工作原理圖，如圖所示。概 念 解 析動態(tài)網(wǎng)頁二、“熾煉”網(wǎng)站實施 動態(tài)網(wǎng)頁的工作原理圖，如圖所示。概 念 解 動態(tài)網(wǎng)頁的主要特點

10、如下：（1）動態(tài)網(wǎng)頁以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，可以大大降低網(wǎng)站維護(hù)的工作量。（2）采用動態(tài)網(wǎng)頁技術(shù)的網(wǎng)站可以實現(xiàn)更多的功能。（3）動態(tài)網(wǎng)頁并不是獨立存在于服務(wù)器上的網(wǎng)頁文件，只有當(dāng)用戶請求時，服務(wù)器才返回一個完整的網(wǎng)頁。（4）搜索引擎一般不可能從一個網(wǎng)站的數(shù)據(jù)庫中訪問全部網(wǎng)頁，因此，采用動態(tài)網(wǎng)頁的網(wǎng)站在進(jìn)行搜索引擎推廣時，需要做一定的技術(shù)處理才能適應(yīng)搜索引擎的要求。概 念 解 析動態(tài)網(wǎng)頁二、“熾煉”網(wǎng)站實施 動態(tài)網(wǎng)頁的主要特點如下：概 念 解 析動態(tài)網(wǎng)頁 現(xiàn)在常用的動態(tài)網(wǎng)站網(wǎng)頁編程語言包括ASP、JSP、PHP，通過選用其中的一種，實現(xiàn)網(wǎng)站的各種功能，例如論壇、留言板、電子商務(wù)、在線應(yīng)用等。采用SQ

11、L Server、Access、MySQL、Oralce等數(shù)據(jù)庫軟件實現(xiàn)對網(wǎng)站各類數(shù)據(jù)的管理。概 念 解 析動態(tài)網(wǎng)頁二、“熾煉”網(wǎng)站實施 現(xiàn)在常用的動態(tài)網(wǎng)站網(wǎng)頁編程語言包括ASP 在于Web服務(wù)器對它們的處理方式不同。靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的主要區(qū)別概 念 解 析二、“熾煉”網(wǎng)站實施 在于Web服務(wù)器對它們的處理方式不同。靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實施三、“淬火”網(wǎng)站測試與發(fā)布主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實施 網(wǎng)站制作完成以后，不能直接就上傳到服務(wù)器，提交給客戶使用，需要一個測試的過程。 測試的主要目的是發(fā)現(xiàn)網(wǎng)頁設(shè)計與程序編寫中可能存在的錯誤，

12、例如，內(nèi)容的錯誤、鏈接的錯誤、程序功能的錯誤、安全漏洞等等。 錯誤的網(wǎng)站內(nèi)容，帶給網(wǎng)站的管理者、客戶和訪問者是巨大的痛苦、折磨、崩潰與反感，不僅會導(dǎo)致付出高昂的現(xiàn)場支持與維護(hù)費用，還有可能面臨被客戶起訴的風(fēng)險，影響網(wǎng)頁設(shè)計者的名譽(yù)。三、“淬火”網(wǎng)站測試與發(fā)布 網(wǎng)站制作完成以后，不能直接就上傳到服務(wù)器，提交三、“淬火”網(wǎng)站測試與發(fā)布1、網(wǎng)站測試服務(wù)器性能網(wǎng)站服務(wù)器的穩(wěn)定性、安全性。功能方面網(wǎng)站的各種功能是否能夠正常使用。下載速度在不同接入速率下，網(wǎng)頁下載速度與打開快慢情況。三、“淬火”網(wǎng)站測試與發(fā)布1、網(wǎng)站測試服務(wù)器性能網(wǎng)站服三、“淬火”網(wǎng)站測試與發(fā)布1、網(wǎng)站測試網(wǎng)頁元素各種插件、數(shù)據(jù)庫、圖標(biāo)、

13、圖像、鏈接等是否工作正常。兼容性網(wǎng)頁對不同版本瀏覽器的兼容情況。顯示效果網(wǎng)頁在不同顯示器和不同顯示模式下的情況等。三、“淬火”網(wǎng)站測試與發(fā)布1、網(wǎng)站測試網(wǎng)頁元素各種插件網(wǎng)站經(jīng)過測試，確認(rèn)無誤以后，就可以進(jìn)行發(fā)布了。2、網(wǎng)站項目的發(fā)布三、“淬火”網(wǎng)站測試與發(fā)布網(wǎng)站經(jīng)過測試，確認(rèn)無誤以后，就可以進(jìn)行發(fā)布了。2、網(wǎng)站項目的 網(wǎng)站的發(fā)布就是把制作好的網(wǎng)站內(nèi)容上傳到服務(wù)器。可以使用Dreamweaver或者FTP等軟件來完成。2、網(wǎng)站項目的發(fā)布三、“淬火”網(wǎng)站測試與發(fā)布 網(wǎng)站的發(fā)布就是把制作好的網(wǎng)站內(nèi)容上傳到服務(wù)器。主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實施三、“淬火”網(wǎng)站測試與發(fā)布四、“成鋼”網(wǎng)

14、站推廣與維護(hù)主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實施 “酒香不怕巷子深?！?這個觀念已經(jīng)很難適應(yīng)當(dāng)今的信息社會。 Internet是大數(shù)據(jù)型的信息海洋。要想使精心策劃的網(wǎng)站受到廣泛歡迎，知名度高，帶來經(jīng)濟(jì)效益，網(wǎng)站的宣傳推廣尤其重要，這也是任何一位網(wǎng)頁設(shè)計師不懈努力工作的動力之源，以及熱情工作的快樂之本。四、“成鋼”網(wǎng)站推廣與維護(hù)1、網(wǎng)站的推廣 “酒香不怕巷子深。” 這個觀念已經(jīng)很難適 網(wǎng)站的內(nèi)容要隨著用戶需求、社會變化、市場經(jīng)濟(jì)活動的改變，而不斷地隨之調(diào)整。常常更新網(wǎng)頁的內(nèi)容，才能夠更加吸引訪問者，并留下良好的印象。2、網(wǎng)站的維護(hù)四、“成鋼”網(wǎng)站推廣與維護(hù) 網(wǎng)站的內(nèi)容要隨著用戶需求、

15、社會變化、市場經(jīng)濟(jì)活動的改四、“成鋼”網(wǎng)站推廣與維護(hù) 用戶的需求與應(yīng)用體驗是不斷變化的。網(wǎng)站完成以后，網(wǎng)頁設(shè)計師們也就不可能做到一勞永逸的。如果要保持訪問者對網(wǎng)站保持足夠的吸引力，定期更新網(wǎng)站的內(nèi)容是唯一的途徑。2、網(wǎng)站的維護(hù)四、“成鋼”網(wǎng)站推廣與維護(hù) 用戶的需求與應(yīng) 更新是指在不改變網(wǎng)站結(jié)構(gòu)和頁面形式的情況下，為網(wǎng)站的固定欄目增加、修改、刪減內(nèi)容。 維護(hù)是指對網(wǎng)頁內(nèi)容進(jìn)行更新，對網(wǎng)站運行狀況進(jìn)行監(jiān)控，發(fā)現(xiàn)運行的問題及時解決，統(tǒng)計運行情況，開展網(wǎng)站維護(hù)服務(wù)。四、“成鋼”網(wǎng)站推廣與維護(hù)2、網(wǎng)站的維護(hù) 更新是指在不改變網(wǎng)站結(jié)構(gòu)和頁面形式的情況下，為網(wǎng)站建設(shè)流程版課件三、“淬火”網(wǎng)站測試與發(fā)布更新內(nèi)

16、容的更新和網(wǎng)站風(fēng)格的更新。 重要頁面的設(shè)計制作例如，重大事件、慶祝活動、突發(fā)事件等頁面的設(shè)計制作。 系統(tǒng)維護(hù)服務(wù)例如用戶賬戶安全管理、域名維護(hù)續(xù)費服務(wù)、網(wǎng)站空間維護(hù)、網(wǎng)絡(luò)安全策略升級、域名解析服務(wù)等。2、網(wǎng)站的維護(hù)網(wǎng)站的維護(hù)服務(wù)一般包括以下內(nèi)容：三、“淬火”網(wǎng)站測試與發(fā)布更新內(nèi)容的更新和網(wǎng)站風(fēng)格的更小 結(jié)一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實施三、“淬火”網(wǎng)站測試與發(fā)布四、“成鋼”網(wǎng)站推廣與維護(hù)小 結(jié)一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實施三 他山之石鋼鐵是怎樣煉成的是一部描寫新人成長歷程和揭示新人優(yōu)秀品質(zhì)的優(yōu)秀小說。作品傳遞了這樣一種寶貴精神：為理想而獻(xiàn)身的精神，鋼鐵般的意志和頑強(qiáng)奮斗的高貴品質(zhì)。 他山之石鋼鐵是怎樣煉成的是一部描寫新人成長歷程和揭示新 能力的提高往往不是從成功的經(jīng)驗中來的，而是從失敗的教訓(xùn)中來的。 可以攻玉 能力的提高往往不是從成功的經(jīng)驗中來的，而是從 在網(wǎng)站