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

網(wǎng)站是怎樣煉成的？網(wǎng)站是怎樣煉成的？1取石①熾煉②成鋼④淬火③鋼是在烈火與驟冷中鑄造而成的。取石①熾煉②成鋼④淬火③鋼是在烈火與驟冷中鑄造而成的。2主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施三、“淬火”網(wǎng)站測試與發(fā)布四、“成鋼”網(wǎng)站推廣與維護(hù)主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施3網(wǎng)頁是網(wǎng)絡(luò)應(yīng)用的主要用戶界面。網(wǎng)頁是怎么設(shè)計(jì)出來的？網(wǎng)站又是怎樣建成的？？

人們可以通過瀏覽器來訪問網(wǎng)站，獲取自己需要的信息或者享受網(wǎng)絡(luò)服務(wù)。網(wǎng)頁是網(wǎng)絡(luò)應(yīng)用的主要用戶界面。網(wǎng)頁是怎么設(shè)計(jì)出來的？網(wǎng)站又是4

網(wǎng)站，又稱為Web站點(diǎn)，是網(wǎng)絡(luò)中一個(gè)站點(diǎn)內(nèi)所有網(wǎng)頁的集合。簡單地說，網(wǎng)站是網(wǎng)頁的集合，也是一種借助于網(wǎng)絡(luò)的通信工具，就像公告欄一樣，人們可以通過網(wǎng)站來發(fā)布自己的信息，或者利用網(wǎng)站來提供相關(guān)的服務(wù)。

網(wǎng)頁是網(wǎng)站信息的載體，是網(wǎng)站的一個(gè)組成部分。在網(wǎng)站應(yīng)用開發(fā)的過程中，最重要的一部分工作就是制作網(wǎng)頁，多個(gè)制作完成并發(fā)布的網(wǎng)頁組合在一個(gè)網(wǎng)站中，就構(gòu)成了網(wǎng)站。一、“取石”網(wǎng)站規(guī)劃網(wǎng)站，又稱為Web站點(diǎn)，是網(wǎng)絡(luò)中一個(gè)站點(diǎn)內(nèi)所有5

網(wǎng)站具有成本低、信息量大、傳遞信息快的優(yōu)點(diǎn)。借助于網(wǎng)站，各種信息可以迅速地在網(wǎng)絡(luò)上傳播和共享。個(gè)人網(wǎng)站可以向公眾展示個(gè)人信息、作品、才藝等內(nèi)容，企業(yè)網(wǎng)站可以及時(shí)向公眾發(fā)布企業(yè)的新聞、產(chǎn)品、商業(yè)信息等內(nèi)容。一、“取石”網(wǎng)站規(guī)劃網(wǎng)站具有成本低、信息量大、傳遞信息快的優(yōu)點(diǎn)6對網(wǎng)站建設(shè)流程，業(yè)界有不同的認(rèn)識與觀點(diǎn)。一、“取石”網(wǎng)站規(guī)劃對網(wǎng)站建設(shè)流程，業(yè)界有不同的認(rèn)識與觀點(diǎn)。一、“取石”網(wǎng)7一、“取石”網(wǎng)站規(guī)劃

網(wǎng)站的建設(shè)流程是指制作一個(gè)網(wǎng)站的完整流程。

該流程是參照項(xiàng)目管理的國際標(biāo)準(zhǔn)與軟件項(xiàng)目生命周期，結(jié)合網(wǎng)站項(xiàng)目實(shí)際工作制定的。一、“取石”網(wǎng)站規(guī)劃網(wǎng)站的建設(shè)流程是8

雖然，現(xiàn)在有些企業(yè)和開發(fā)者沒有完全按照這個(gè)流程來進(jìn)行網(wǎng)站的研發(fā)與制作，但是，一個(gè)完整的流程將使我們能夠更加清晰地理解網(wǎng)站的完整制作過程。一、“取石”網(wǎng)站規(guī)劃雖然，現(xiàn)在有些企業(yè)和開發(fā)者沒有完全按照這個(gè)9根據(jù)客戶提出的需求，明確以下幾個(gè)方面的內(nèi)容：為什么要建立網(wǎng)站，用戶從設(shè)計(jì)的網(wǎng)站能夠得到什么信息？是為了產(chǎn)品推廣，電子應(yīng)用，或是為了單位新聞傳播與宣傳、還是進(jìn)行電子商（政）務(wù)？一、“取石”網(wǎng)站規(guī)劃1、明確建設(shè)網(wǎng)站目的及其功能定位

第一階段，網(wǎng)站規(guī)劃，將需要取到哪些“鐵礦石”？根據(jù)客戶提出的需求，明確以下幾個(gè)方面的內(nèi)容10根據(jù)客戶提出的需求，明確以下幾個(gè)方面的內(nèi)容：分析擁有的資源。例如文字、圖像、人力等資源，確定網(wǎng)站的功能與作用。網(wǎng)站費(fèi)用預(yù)算，其費(fèi)用一般與功能要求成正比關(guān)系。一、“取石”網(wǎng)站規(guī)劃

第一階段，網(wǎng)站規(guī)劃，將需要取到哪些“鐵礦石”？1、明確建設(shè)網(wǎng)站目的及其功能定位根據(jù)客戶提出的需求，明確以下幾個(gè)方面的內(nèi)容11準(zhǔn)備采用自建服務(wù)器，還是租用虛擬主機(jī)。

選擇操作系統(tǒng)，準(zhǔn)備采用Windows還是Linux/Unix。確定網(wǎng)站安全策略，制定網(wǎng)站防黑、防病毒、防入侵方案（如果采用虛擬主機(jī)，該工作可由專業(yè)公司代勞）。一、“取石”網(wǎng)站規(guī)劃2、形成網(wǎng)站技術(shù)解決方案準(zhǔn)備采用自建服務(wù)器，還是租用虛擬主機(jī)。一、“取石”網(wǎng)站12選擇網(wǎng)頁開發(fā)技術(shù)與工具，以及相應(yīng)的數(shù)據(jù)庫軟件。例如：ASP、JSP、PHP？進(jìn)行動(dòng)態(tài)網(wǎng)頁編程SQLServer、Access、MySQL、Oralce？一、“取石”網(wǎng)站規(guī)劃2、形成網(wǎng)站技術(shù)解決方案選擇網(wǎng)頁開發(fā)技術(shù)與工具，以及相應(yīng)的數(shù)據(jù)庫軟件。例如：ASP13主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施14確定網(wǎng)站的結(jié)構(gòu)導(dǎo)航中的每個(gè)頻道的子欄目。例如首頁、機(jī)構(gòu)設(shè)置、在線論壇、共享磁盤、建言獻(xiàn)策等。二、“熾煉”網(wǎng)站實(shí)施1、確定網(wǎng)站的目錄結(jié)構(gòu)和欄目設(shè)置根據(jù)網(wǎng)站的目的及內(nèi)容，確定網(wǎng)站整合功能，以及網(wǎng)頁內(nèi)容的實(shí)現(xiàn)方式。如機(jī)構(gòu)設(shè)置是要采用靜態(tài)網(wǎng)頁還是動(dòng)態(tài)網(wǎng)頁，使用列表式還是樹狀結(jié)構(gòu)展示？確定網(wǎng)站的結(jié)構(gòu)導(dǎo)航中的每個(gè)頻道的子欄目。例如首頁、機(jī)構(gòu)設(shè)置、15網(wǎng)頁效果圖設(shè)計(jì)。效果圖設(shè)計(jì)要從網(wǎng)站的建設(shè)目標(biāo)、網(wǎng)站類型、客戶群特點(diǎn)和信息內(nèi)容等方面進(jìn)行規(guī)劃設(shè)計(jì)。2、進(jìn)行網(wǎng)頁設(shè)計(jì)，實(shí)現(xiàn)每個(gè)網(wǎng)頁的內(nèi)容。二、“熾煉”網(wǎng)站實(shí)施

該步驟非常關(guān)鍵，需要網(wǎng)頁設(shè)計(jì)者與客戶大量的溝通，才能確定下來，決定了網(wǎng)站能否受到歡迎?？梢圆捎檬止だL制網(wǎng)頁的草圖，利用Dreamweaver或者Frontpage等網(wǎng)頁開發(fā)工具，制作網(wǎng)頁效果圖或者網(wǎng)頁原型?？蛻敉ㄟ^效果圖，了解網(wǎng)站設(shè)計(jì)的目的、意圖和設(shè)計(jì)思路，提出改進(jìn)意見建議。網(wǎng)頁效果圖設(shè)計(jì)。效果圖設(shè)計(jì)要從網(wǎng)站的建設(shè)目標(biāo)、網(wǎng)站類型、客戶16網(wǎng)頁設(shè)計(jì)與程序編寫根據(jù)網(wǎng)站技術(shù)解決方案確定的動(dòng)態(tài)網(wǎng)頁實(shí)現(xiàn)方式，使用ASP、JSP、PHP等網(wǎng)頁編程語言，對靜態(tài)網(wǎng)頁進(jìn)行網(wǎng)頁設(shè)計(jì)。2、進(jìn)行網(wǎng)頁設(shè)計(jì)，實(shí)現(xiàn)每個(gè)網(wǎng)頁的內(nèi)容。二、“熾煉”網(wǎng)站實(shí)施網(wǎng)頁設(shè)計(jì)與程序編寫2、進(jìn)行網(wǎng)頁設(shè)計(jì)，實(shí)現(xiàn)每個(gè)網(wǎng)頁的內(nèi)容。二、17

靜態(tài)網(wǎng)頁是網(wǎng)站建設(shè)初期經(jīng)常采用的一種形式。網(wǎng)站建設(shè)者把內(nèi)容設(shè)計(jì)成靜態(tài)網(wǎng)頁，訪問者只能被動(dòng)地瀏覽網(wǎng)站建設(shè)者提供的網(wǎng)頁內(nèi)容。靜態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁的特點(diǎn)：（1）網(wǎng)頁內(nèi)容不會(huì)發(fā)生變化，除非網(wǎng)頁設(shè)計(jì)者修改了網(wǎng)頁的內(nèi)容。二、“熾煉”網(wǎng)站實(shí)施概念解析靜態(tài)網(wǎng)頁是網(wǎng)站建設(shè)初期經(jīng)常采用的一種形式。網(wǎng)站18靜態(tài)網(wǎng)頁的特點(diǎn)：（2）不能實(shí)現(xiàn)交互。用戶無法實(shí)現(xiàn)與瀏覽的網(wǎng)頁之間進(jìn)行交互，信息流是單向的，即從服務(wù)器到瀏覽器。服務(wù)器不能根據(jù)用戶的請求返回用戶所需要的內(nèi)容。靜態(tài)網(wǎng)頁的瀏覽過程如下圖所示。概念解析靜態(tài)網(wǎng)頁二、“熾煉”網(wǎng)站實(shí)施靜態(tài)網(wǎng)頁的特點(diǎn)：概念解析靜態(tài)網(wǎng)頁二、“熾19

要把效果圖制作成靜態(tài)網(wǎng)頁，可以使用Fireworks或者Photoshop軟件工具，對網(wǎng)頁效果圖進(jìn)行切片，然后使用Dreamweaver軟件對切片進(jìn)行排版制作，生成網(wǎng)頁。這里切片的目的是為了得到網(wǎng)頁的頁面素材，按照排版布局快速實(shí)現(xiàn)網(wǎng)頁的制作。概念解析靜態(tài)網(wǎng)頁二、“熾煉”網(wǎng)站實(shí)施要把效果圖制作成靜態(tài)網(wǎng)頁，可以使用Firewor20動(dòng)態(tài)網(wǎng)頁

動(dòng)態(tài)網(wǎng)頁是建立在B/S（Browser/Server，

瀏覽器/服務(wù)器）架構(gòu)上的服務(wù)器端腳本程序。瀏覽器顯示的動(dòng)態(tài)網(wǎng)頁是服務(wù)器端程序運(yùn)行的結(jié)果。動(dòng)態(tài)網(wǎng)頁文件一般以.asp、.jsp和.php為后綴，這些都是采用動(dòng)態(tài)網(wǎng)頁技術(shù)制作出來的。概念解析二、“熾煉”網(wǎng)站實(shí)施動(dòng)態(tài)網(wǎng)頁動(dòng)態(tài)網(wǎng)頁是建立在B/S（Browse21

動(dòng)態(tài)網(wǎng)頁的工作原理圖，如圖所示。概念解析動(dòng)態(tài)網(wǎng)頁二、“熾煉”網(wǎng)站實(shí)施動(dòng)態(tài)網(wǎng)頁的工作原理圖，如圖所示。概念解22

動(dòng)態(tài)網(wǎng)頁的主要特點(diǎn)如下：（1）動(dòng)態(tài)網(wǎng)頁以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，可以大大降低網(wǎng)站維護(hù)的工作量。（2）采用動(dòng)態(tài)網(wǎng)頁技術(shù)的網(wǎng)站可以實(shí)現(xiàn)更多的功能。（3）動(dòng)態(tài)網(wǎng)頁并不是獨(dú)立存在于服務(wù)器上的網(wǎng)頁文件，只有當(dāng)用戶請求時(shí)，服務(wù)器才返回一個(gè)完整的網(wǎng)頁。（4）搜索引擎一般不可能從一個(gè)網(wǎng)站的數(shù)據(jù)庫中訪問全部網(wǎng)頁，因此，采用動(dòng)態(tài)網(wǎng)頁的網(wǎng)站在進(jìn)行搜索引擎推廣時(shí)，需要做一定的技術(shù)處理才能適應(yīng)搜索引擎的要求。概念解析動(dòng)態(tài)網(wǎng)頁二、“熾煉”網(wǎng)站實(shí)施動(dòng)態(tài)網(wǎng)頁的主要特點(diǎn)如下：概念解析動(dòng)態(tài)網(wǎng)頁23

現(xiàn)在常用的動(dòng)態(tài)網(wǎng)站網(wǎng)頁編程語言包括ASP、JSP、PHP，通過選用其中的一種，實(shí)現(xiàn)網(wǎng)站的各種功能，例如論壇、留言板、電子商務(wù)、在線應(yīng)用等。采用SQLServer、Access、MySQL、Oralce等數(shù)據(jù)庫軟件實(shí)現(xiàn)對網(wǎng)站各類數(shù)據(jù)的管理。概念解析動(dòng)態(tài)網(wǎng)頁二、“熾煉”網(wǎng)站實(shí)施現(xiàn)在常用的動(dòng)態(tài)網(wǎng)站網(wǎng)頁編程語言包括ASP24

在于Web服務(wù)器對它們的處理方式不同。靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁的主要區(qū)別概念解析二、“熾煉”網(wǎng)站實(shí)施在于Web服務(wù)器對它們的處理方式不同。靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁的25主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施三、“淬火”網(wǎng)站測試與發(fā)布主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施26網(wǎng)站制作完成以后，不能直接就上傳到服務(wù)器，提交給客戶使用，需要一個(gè)測試的過程。

測試的主要目的是發(fā)現(xiàn)網(wǎng)頁設(shè)計(jì)與程序編寫中可能存在的錯(cuò)誤，例如，內(nèi)容的錯(cuò)誤、鏈接的錯(cuò)誤、程序功能的錯(cuò)誤、安全漏洞等等。錯(cuò)誤的網(wǎng)站內(nèi)容，帶給網(wǎng)站的管理者、客戶和訪問者是巨大的痛苦、折磨、崩潰與反感，不僅會(huì)導(dǎo)致付出高昂的現(xiàn)場支持與維護(hù)費(fèi)用，還有可能面臨被客戶起訴的風(fēng)險(xiǎn)，影響網(wǎng)頁設(shè)計(jì)者的名譽(yù)。三、“淬火”網(wǎng)站測試與發(fā)布網(wǎng)站制作完成以后，不能直接就上傳到服務(wù)器，提交27三、“淬火”網(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)站服28三、“淬火”網(wǎng)站測試與發(fā)布1、網(wǎng)站測試網(wǎng)頁元素各種插件、數(shù)據(jù)庫、圖標(biāo)、圖像、鏈接等是否工作正常。兼容性網(wǎng)頁對不同版本瀏覽器的兼容情況。顯示效果網(wǎng)頁在不同顯示器和不同顯示模式下的情況等。三、“淬火”網(wǎng)站測試與發(fā)布1、網(wǎng)站測試網(wǎng)頁元素各種插件29網(wǎng)站經(jīng)過測試，確認(rèn)無誤以后，就可以進(jìn)行發(fā)布了。2、網(wǎng)站項(xiàng)目的發(fā)布三、“淬火”網(wǎng)站測試與發(fā)布網(wǎng)站經(jīng)過測試，確認(rèn)無誤以后，就可以進(jìn)行發(fā)布了。2、網(wǎng)站項(xiàng)目的30網(wǎng)站的發(fā)布就是把制作好的網(wǎng)站內(nèi)容上傳到服務(wù)器?？梢允褂肈reamweaver或者FTP等軟件來完成。2、網(wǎng)站項(xiàng)目的發(fā)布三、“淬火”網(wǎng)站測試與發(fā)布網(wǎng)站的發(fā)布就是把制作好的網(wǎng)站內(nèi)容上傳到服務(wù)器。31主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施三、“淬火”網(wǎng)站測試與發(fā)布四、“成鋼”網(wǎng)站推廣與維護(hù)主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施32

“酒香不怕巷子深?！?/p>

這個(gè)觀念已經(jīng)很難適應(yīng)當(dāng)今的信息社會(huì)。

Internet是大數(shù)據(jù)型的信息海洋。要想使精心策劃的網(wǎng)站受到廣泛歡迎，知名度高，帶來經(jīng)濟(jì)效益，網(wǎng)站的宣傳推廣尤其重要，這也是任何一位網(wǎng)頁設(shè)計(jì)師不懈努力工作的動(dòng)力之源，以及熱情工作的快樂之本。四、“成鋼”網(wǎng)站推廣與維護(hù)1、網(wǎng)站的推廣“酒香不怕巷子深。”這個(gè)觀念已經(jīng)很難適33網(wǎng)站的內(nèi)容要隨著用戶需求、社會(huì)變化、市場經(jīng)濟(jì)活動(dòng)的改變，而不斷地隨之調(diào)整。常常更新網(wǎng)頁的內(nèi)容，才能夠更加吸引訪問者，并留下良好的印象。2、網(wǎng)站的維護(hù)四、“成鋼”網(wǎng)站推廣與維護(hù)網(wǎng)站的內(nèi)容要隨著用戶需求、社會(huì)變化、市場經(jīng)濟(jì)活動(dòng)的改34四、“成鋼”網(wǎng)站推廣與維護(hù)用戶的需求與應(yīng)用體驗(yàn)是不斷變化的。網(wǎng)站完成以后，網(wǎng)頁設(shè)計(jì)師們也就不可能做到一勞永逸的。如果要保持訪問者對網(wǎng)站保持足夠的吸引力，定期更新網(wǎng)站的內(nèi)容是唯一的途徑。2、網(wǎng)站的維護(hù)四、“成鋼”網(wǎng)站推廣與維護(hù)用戶的需求與應(yīng)35

更新是指在不改變網(wǎng)站結(jié)構(gòu)和頁面形式的情況下，為網(wǎng)站的固定欄目增加、修改、刪減內(nèi)容。

維護(hù)是指對網(wǎng)頁內(nèi)容進(jìn)行更新，對網(wǎng)站運(yùn)行狀況進(jìn)行監(jiān)控，發(fā)現(xiàn)運(yùn)行的問題及時(shí)解決，統(tǒng)計(jì)運(yùn)行情況，開展網(wǎng)站維護(hù)服務(wù)。四、“成鋼”網(wǎng)站推廣與維護(hù)2、網(wǎng)站的維護(hù)更新是指在不改變網(wǎng)站結(jié)構(gòu)和頁面形式的情況下，為36三、“淬火”網(wǎng)站測試與發(fā)布更新內(nèi)容的更新和網(wǎng)站風(fēng)格的更新。重要頁面的設(shè)計(jì)制作例如，重大事件、慶祝活動(dòng)、突發(fā)事件等頁面的設(shè)計(jì)制作。系統(tǒng)維護(hù)服務(wù)例如用戶賬戶安全管理、域名維護(hù)續(xù)費(fèi)服務(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)格的更37小結(jié)一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施三、“淬火”網(wǎng)站測試與發(fā)布四、“成鋼”網(wǎng)站推廣與維護(hù)小結(jié)一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施三38他山之石《鋼鐵是怎樣煉成的》是一部描寫新人成長歷程和揭示新人優(yōu)秀品質(zhì)的優(yōu)秀小說。作品傳遞了這樣一種寶貴精神：為理想而獻(xiàn)身的精神，鋼鐵般的意志和頑強(qiáng)奮斗的高貴品質(zhì)。他山之石《鋼鐵是怎樣煉成的》是一部描寫新人成長歷程和揭示新39

能力的提高往往不是從成功的經(jīng)驗(yàn)中來的，而是從失敗的教訓(xùn)中來的?？梢怨ビ衲芰Φ奶岣咄皇菑某晒Φ慕?jīng)驗(yàn)中來的，而是從40

在網(wǎng)站建設(shè)的過程中，并不總是一帆風(fēng)順的，往往會(huì)遇到各種的問題與困難。整個(gè)過程，需要網(wǎng)站項(xiàng)目的團(tuán)隊(duì)成員齊心協(xié)力，緊緊圍繞網(wǎng)站的建設(shè)目標(biāo)，及時(shí)溝通，互相鼓勵(lì)，找到問題所在，通過一起思考、討論、解決與總結(jié)，最終，大家會(huì)完美地實(shí)現(xiàn)網(wǎng)站項(xiàng)目。可以攻玉在網(wǎng)站建設(shè)的過程中，并不總是一帆風(fēng)順的，往41請記住以下二句話：網(wǎng)站是網(wǎng)頁的集合，網(wǎng)頁是網(wǎng)絡(luò)應(yīng)用的主要用戶界面。按照網(wǎng)站規(guī)劃、網(wǎng)站實(shí)施、網(wǎng)站測試與發(fā)布、網(wǎng)站推廣與維護(hù)，實(shí)現(xiàn)一個(gè)成功的網(wǎng)站項(xiàng)目，需要項(xiàng)目團(tuán)隊(duì)的齊心協(xié)力、攻艱克難、不懈付出才能完美呈現(xiàn)。小結(jié)請記住以下二句話：小結(jié)42網(wǎng)站是怎樣煉成的？網(wǎng)站是怎樣煉成的？43取石①熾煉②成鋼④淬火③鋼是在烈火與驟冷中鑄造而成的。取石①熾煉②成鋼④淬火③鋼是在烈火與驟冷中鑄造而成的。44主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施三、“淬火”網(wǎng)站測試與發(fā)布四、“成鋼”網(wǎng)站推廣與維護(hù)主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施45網(wǎng)頁是網(wǎng)絡(luò)應(yīng)用的主要用戶界面。網(wǎng)頁是怎么設(shè)計(jì)出來的？網(wǎng)站又是怎樣建成的？？

人們可以通過瀏覽器來訪問網(wǎng)站，獲取自己需要的信息或者享受網(wǎng)絡(luò)服務(wù)。網(wǎng)頁是網(wǎng)絡(luò)應(yīng)用的主要用戶界面。網(wǎng)頁是怎么設(shè)計(jì)出來的？網(wǎng)站又是46

網(wǎng)站，又稱為Web站點(diǎn)，是網(wǎng)絡(luò)中一個(gè)站點(diǎn)內(nèi)所有網(wǎng)頁的集合。簡單地說，網(wǎng)站是網(wǎng)頁的集合，也是一種借助于網(wǎng)絡(luò)的通信工具，就像公告欄一樣，人們可以通過網(wǎng)站來發(fā)布自己的信息，或者利用網(wǎng)站來提供相關(guān)的服務(wù)。

網(wǎng)頁是網(wǎng)站信息的載體，是網(wǎng)站的一個(gè)組成部分。在網(wǎng)站應(yīng)用開發(fā)的過程中，最重要的一部分工作就是制作網(wǎng)頁，多個(gè)制作完成并發(fā)布的網(wǎng)頁組合在一個(gè)網(wǎng)站中，就構(gòu)成了網(wǎng)站。一、“取石”網(wǎng)站規(guī)劃網(wǎng)站，又稱為Web站點(diǎn)，是網(wǎng)絡(luò)中一個(gè)站點(diǎn)內(nèi)所有47

網(wǎng)站具有成本低、信息量大、傳遞信息快的優(yōu)點(diǎn)。借助于網(wǎng)站，各種信息可以迅速地在網(wǎng)絡(luò)上傳播和共享。個(gè)人網(wǎng)站可以向公眾展示個(gè)人信息、作品、才藝等內(nèi)容，企業(yè)網(wǎng)站可以及時(shí)向公眾發(fā)布企業(yè)的新聞、產(chǎn)品、商業(yè)信息等內(nèi)容。一、“取石”網(wǎng)站規(guī)劃網(wǎng)站具有成本低、信息量大、傳遞信息快的優(yōu)點(diǎn)48對網(wǎng)站建設(shè)流程，業(yè)界有不同的認(rèn)識與觀點(diǎn)。一、“取石”網(wǎng)站規(guī)劃對網(wǎng)站建設(shè)流程，業(yè)界有不同的認(rèn)識與觀點(diǎn)。一、“取石”網(wǎng)49一、“取石”網(wǎng)站規(guī)劃

網(wǎng)站的建設(shè)流程是指制作一個(gè)網(wǎng)站的完整流程。

該流程是參照項(xiàng)目管理的國際標(biāo)準(zhǔn)與軟件項(xiàng)目生命周期，結(jié)合網(wǎng)站項(xiàng)目實(shí)際工作制定的。一、“取石”網(wǎng)站規(guī)劃網(wǎng)站的建設(shè)流程是50

雖然，現(xiàn)在有些企業(yè)和開發(fā)者沒有完全按照這個(gè)流程來進(jìn)行網(wǎng)站的研發(fā)與制作，但是，一個(gè)完整的流程將使我們能夠更加清晰地理解網(wǎng)站的完整制作過程。一、“取石”網(wǎng)站規(guī)劃雖然，現(xiàn)在有些企業(yè)和開發(fā)者沒有完全按照這個(gè)51根據(jù)客戶提出的需求，明確以下幾個(gè)方面的內(nèi)容：為什么要建立網(wǎng)站，用戶從設(shè)計(jì)的網(wǎng)站能夠得到什么信息？是為了產(chǎn)品推廣，電子應(yīng)用，或是為了單位新聞傳播與宣傳、還是進(jìn)行電子商（政）務(wù)？一、“取石”網(wǎng)站規(guī)劃1、明確建設(shè)網(wǎng)站目的及其功能定位

第一階段，網(wǎng)站規(guī)劃，將需要取到哪些“鐵礦石”？根據(jù)客戶提出的需求，明確以下幾個(gè)方面的內(nèi)容52根據(jù)客戶提出的需求，明確以下幾個(gè)方面的內(nèi)容：分析擁有的資源。例如文字、圖像、人力等資源，確定網(wǎng)站的功能與作用。網(wǎng)站費(fèi)用預(yù)算，其費(fèi)用一般與功能要求成正比關(guān)系。一、“取石”網(wǎng)站規(guī)劃

第一階段，網(wǎng)站規(guī)劃，將需要取到哪些“鐵礦石”？1、明確建設(shè)網(wǎng)站目的及其功能定位根據(jù)客戶提出的需求，明確以下幾個(gè)方面的內(nèi)容53準(zhǔn)備采用自建服務(wù)器，還是租用虛擬主機(jī)。

選擇操作系統(tǒng)，準(zhǔn)備采用Windows還是Linux/Unix。確定網(wǎng)站安全策略，制定網(wǎng)站防黑、防病毒、防入侵方案（如果采用虛擬主機(jī)，該工作可由專業(yè)公司代勞）。一、“取石”網(wǎng)站規(guī)劃2、形成網(wǎng)站技術(shù)解決方案準(zhǔn)備采用自建服務(wù)器，還是租用虛擬主機(jī)。一、“取石”網(wǎng)站54選擇網(wǎng)頁開發(fā)技術(shù)與工具，以及相應(yīng)的數(shù)據(jù)庫軟件。例如：ASP、JSP、PHP？進(jìn)行動(dòng)態(tài)網(wǎng)頁編程SQLServer、Access、MySQL、Oralce？一、“取石”網(wǎng)站規(guī)劃2、形成網(wǎng)站技術(shù)解決方案選擇網(wǎng)頁開發(fā)技術(shù)與工具，以及相應(yīng)的數(shù)據(jù)庫軟件。例如：ASP55主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施56確定網(wǎng)站的結(jié)構(gòu)導(dǎo)航中的每個(gè)頻道的子欄目。例如首頁、機(jī)構(gòu)設(shè)置、在線論壇、共享磁盤、建言獻(xiàn)策等。二、“熾煉”網(wǎng)站實(shí)施1、確定網(wǎng)站的目錄結(jié)構(gòu)和欄目設(shè)置根據(jù)網(wǎng)站的目的及內(nèi)容，確定網(wǎng)站整合功能，以及網(wǎng)頁內(nèi)容的實(shí)現(xiàn)方式。如機(jī)構(gòu)設(shè)置是要采用靜態(tài)網(wǎng)頁還是動(dòng)態(tài)網(wǎng)頁，使用列表式還是樹狀結(jié)構(gòu)展示？確定網(wǎng)站的結(jié)構(gòu)導(dǎo)航中的每個(gè)頻道的子欄目。例如首頁、機(jī)構(gòu)設(shè)置、57網(wǎng)頁效果圖設(shè)計(jì)。效果圖設(shè)計(jì)要從網(wǎng)站的建設(shè)目標(biāo)、網(wǎng)站類型、客戶群特點(diǎn)和信息內(nèi)容等方面進(jìn)行規(guī)劃設(shè)計(jì)。2、進(jìn)行網(wǎng)頁設(shè)計(jì)，實(shí)現(xiàn)每個(gè)網(wǎng)頁的內(nèi)容。二、“熾煉”網(wǎng)站實(shí)施

該步驟非常關(guān)鍵，需要網(wǎng)頁設(shè)計(jì)者與客戶大量的溝通，才能確定下來，決定了網(wǎng)站能否受到歡迎。可以采用手工繪制網(wǎng)頁的草圖，利用Dreamweaver或者Frontpage等網(wǎng)頁開發(fā)工具，制作網(wǎng)頁效果圖或者網(wǎng)頁原型。客戶通過效果圖，了解網(wǎng)站設(shè)計(jì)的目的、意圖和設(shè)計(jì)思路，提出改進(jìn)意見建議。網(wǎng)頁效果圖設(shè)計(jì)。效果圖設(shè)計(jì)要從網(wǎng)站的建設(shè)目標(biāo)、網(wǎng)站類型、客戶58網(wǎng)頁設(shè)計(jì)與程序編寫根據(jù)網(wǎng)站技術(shù)解決方案確定的動(dòng)態(tài)網(wǎng)頁實(shí)現(xiàn)方式，使用ASP、JSP、PHP等網(wǎng)頁編程語言，對靜態(tài)網(wǎng)頁進(jìn)行網(wǎng)頁設(shè)計(jì)。2、進(jìn)行網(wǎng)頁設(shè)計(jì)，實(shí)現(xiàn)每個(gè)網(wǎng)頁的內(nèi)容。二、“熾煉”網(wǎng)站實(shí)施網(wǎng)頁設(shè)計(jì)與程序編寫2、進(jìn)行網(wǎng)頁設(shè)計(jì)，實(shí)現(xiàn)每個(gè)網(wǎng)頁的內(nèi)容。二、59

靜態(tài)網(wǎng)頁是網(wǎng)站建設(shè)初期經(jīng)常采用的一種形式。網(wǎng)站建設(shè)者把內(nèi)容設(shè)計(jì)成靜態(tài)網(wǎng)頁，訪問者只能被動(dòng)地瀏覽網(wǎng)站建設(shè)者提供的網(wǎng)頁內(nèi)容。靜態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁的特點(diǎn)：（1）網(wǎng)頁內(nèi)容不會(huì)發(fā)生變化，除非網(wǎng)頁設(shè)計(jì)者修改了網(wǎng)頁的內(nèi)容。二、“熾煉”網(wǎng)站實(shí)施概念解析靜態(tài)網(wǎng)頁是網(wǎng)站建設(shè)初期經(jīng)常采用的一種形式。網(wǎng)站60靜態(tài)網(wǎng)頁的特點(diǎn)：（2）不能實(shí)現(xiàn)交互。用戶無法實(shí)現(xiàn)與瀏覽的網(wǎng)頁之間進(jìn)行交互，信息流是單向的，即從服務(wù)器到瀏覽器。服務(wù)器不能根據(jù)用戶的請求返回用戶所需要的內(nèi)容。靜態(tài)網(wǎng)頁的瀏覽過程如下圖所示。概念解析靜態(tài)網(wǎng)頁二、“熾煉”網(wǎng)站實(shí)施靜態(tài)網(wǎng)頁的特點(diǎn)：概念解析靜態(tài)網(wǎng)頁二、“熾61

要把效果圖制作成靜態(tài)網(wǎng)頁，可以使用Fireworks或者Photoshop軟件工具，對網(wǎng)頁效果圖進(jìn)行切片，然后使用Dreamweaver軟件對切片進(jìn)行排版制作，生成網(wǎng)頁。這里切片的目的是為了得到網(wǎng)頁的頁面素材，按照排版布局快速實(shí)現(xiàn)網(wǎng)頁的制作。概念解析靜態(tài)網(wǎng)頁二、“熾煉”網(wǎng)站實(shí)施要把效果圖制作成靜態(tài)網(wǎng)頁，可以使用Firewor62動(dòng)態(tài)網(wǎng)頁

動(dòng)態(tài)網(wǎng)頁是建立在B/S（Browser/Server，

瀏覽器/服務(wù)器）架構(gòu)上的服務(wù)器端腳本程序。瀏覽器顯示的動(dòng)態(tài)網(wǎng)頁是服務(wù)器端程序運(yùn)行的結(jié)果。動(dòng)態(tài)網(wǎng)頁文件一般以.asp、.jsp和.php為后綴，這些都是采用動(dòng)態(tài)網(wǎng)頁技術(shù)制作出來的。概念解析二、“熾煉”網(wǎng)站實(shí)施動(dòng)態(tài)網(wǎng)頁動(dòng)態(tài)網(wǎng)頁是建立在B/S（Browse63

動(dòng)態(tài)網(wǎng)頁的工作原理圖，如圖所示。概念解析動(dòng)態(tài)網(wǎng)頁二、“熾煉”網(wǎng)站實(shí)施動(dòng)態(tài)網(wǎng)頁的工作原理圖，如圖所示。概念解64

動(dòng)態(tài)網(wǎng)頁的主要特點(diǎn)如下：（1）動(dòng)態(tài)網(wǎng)頁以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，可以大大降低網(wǎng)站維護(hù)的工作量。（2）采用動(dòng)態(tài)網(wǎng)頁技術(shù)的網(wǎng)站可以實(shí)現(xiàn)更多的功能。（3）動(dòng)態(tài)網(wǎng)頁并不是獨(dú)立存在于服務(wù)器上的網(wǎng)頁文件，只有當(dāng)用戶請求時(shí)，服務(wù)器才返回一個(gè)完整的網(wǎng)頁。（4）搜索引擎一般不可能從一個(gè)網(wǎng)站的數(shù)據(jù)庫中訪問全部網(wǎng)頁，因此，采用動(dòng)態(tài)網(wǎng)頁的網(wǎng)站在進(jìn)行搜索引擎推廣時(shí)，需要做一定的技術(shù)處理才能適應(yīng)搜索引擎的要求。概念解析動(dòng)態(tài)網(wǎng)頁二、“熾煉”網(wǎng)站實(shí)施動(dòng)態(tài)網(wǎng)頁的主要特點(diǎn)如下：概念解析動(dòng)態(tài)網(wǎng)頁65

現(xiàn)在常用的動(dòng)態(tài)網(wǎng)站網(wǎng)頁編程語言包括ASP、JSP、PHP，通過選用其中的一種，實(shí)現(xiàn)網(wǎng)站的各種功能，例如論壇、留言板、電子商務(wù)、在線應(yīng)用等。采用SQLServer、Access、MySQL、Oralce等數(shù)據(jù)庫軟件實(shí)現(xiàn)對網(wǎng)站各類數(shù)據(jù)的管理。概念解析動(dòng)態(tài)網(wǎng)頁二、“熾煉”網(wǎng)站實(shí)施現(xiàn)在常用的動(dòng)態(tài)網(wǎng)站網(wǎng)頁編程語言包括ASP66

在于Web服務(wù)器對它們的處理方式不同。靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁的主要區(qū)別概念解析二、“熾煉”網(wǎng)站實(shí)施在于Web服務(wù)器對它們的處理方式不同。靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁的67主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施三、“淬火”網(wǎng)站測試與發(fā)布主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施68網(wǎng)站制作完成以后，不能直接就上傳到服務(wù)器，提交給客戶使用，需要一個(gè)測試的過程。

測試的主要目的是發(fā)現(xiàn)網(wǎng)頁設(shè)計(jì)與程序編寫中可能存在的錯(cuò)誤，例如，內(nèi)容的錯(cuò)誤、鏈接的錯(cuò)誤、程序功能的錯(cuò)誤、安全漏洞等等。錯(cuò)誤的網(wǎng)站內(nèi)容，帶給網(wǎng)站的管理者、客戶和訪問者是巨大的痛苦、折磨、崩潰與反感，不僅會(huì)導(dǎo)致付出高昂的現(xiàn)場支持與維護(hù)費(fèi)用，還有可能面臨被客戶起訴的風(fēng)險(xiǎn)，影響網(wǎng)頁設(shè)計(jì)者的名譽(yù)。三、“淬火”網(wǎng)站測試與發(fā)布網(wǎng)站制作完成以后，不能直接就上傳到服務(wù)器，提交69三、“淬火”網(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)站服70三、“淬火”網(wǎng)站測試與發(fā)布1、網(wǎng)站測試網(wǎng)頁元素各種插件、數(shù)據(jù)庫、圖標(biāo)、圖像、鏈接等是否工作正常。兼容性網(wǎng)頁對不同版本瀏覽器的兼容情況。顯示效果網(wǎng)頁在不同顯示器和不同顯示模式下的情況等。三、“淬火”網(wǎng)站測試與發(fā)布1、網(wǎng)站測試網(wǎng)頁元素各種插件71網(wǎng)站經(jīng)過測試，確認(rèn)無誤以后，就可以進(jìn)行發(fā)布了。2、網(wǎng)站項(xiàng)目的發(fā)布三、“淬火”網(wǎng)站測試與發(fā)布網(wǎng)站經(jīng)過測試，確認(rèn)無誤以后，就可以進(jìn)行發(fā)布了。2、網(wǎng)站項(xiàng)目的72網(wǎng)站的發(fā)布就是把制作好的網(wǎng)站內(nèi)容上傳到服務(wù)器。可以使用Dreamweaver或者FTP等軟件來完成。2、網(wǎng)站項(xiàng)目的發(fā)布三、“淬火”網(wǎng)站測試與發(fā)布網(wǎng)站的發(fā)布就是把制作好的網(wǎng)站內(nèi)容上傳到服務(wù)器。73主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施三、“淬火”網(wǎng)站測試與發(fā)布四、“成鋼”網(wǎng)站推廣與維護(hù)主要內(nèi)容一、“取石”網(wǎng)站規(guī)劃二、“熾煉”網(wǎng)站實(shí)施74

“酒香不怕巷子深。”

這個(gè)觀念已經(jīng)很難適應(yīng)當(dāng)今的信息社會(huì)。

Internet是大數(shù)據(jù)型的信息海洋。要想使精心策劃的網(wǎng)站受到廣泛歡迎，知名度高，帶來經(jīng)濟(jì)效益，網(wǎng)站的宣傳推廣尤其重要，這也是任何一位網(wǎng)頁設(shè)計(jì)師不懈努力工作的動(dòng)力之源，以及熱情工作的快樂之本。四、“成鋼”網(wǎng)站推廣與維護(hù)1、網(wǎng)站的推廣“酒香不怕巷子深?！边@個(gè)觀念已經(jīng)很難適75網(wǎng)站的內(nèi)容要隨著用戶