一、策劃
比(bi)如你(ni)(ni)網站(zhan)的(de)定位、文(wen)案、排版的(de)設計、欄目菜單(dan)的(de)設計等，簡單(dan)的(de)說就是你(ni)(ni)想要一個(ge)什么樣子的(de)網站(zhan)？
比如：我想(xiang)要一(yi)個(ge)以銷售產品(pin)(pin)為(wei)中心(xin)的網(wang)站(zhan)或者一(yi)個(ge)展示(shi)公司產品(pin)(pin)為(wei)中心(xin)、一(yi)個(ge)展示(shi)公司品(pin)(pin)牌形象為(wei)核(he)心(xin)的網(wang)站(zhan)，根據不同類型的定位網(wang)站(zhan)的整(zheng)體(ti)構(gou)思逐漸的具(ju)體(ti)化。
二、設計
當策劃方案(an)確定(ding)后(hou)就開(kai)始做設計了(le)，一般都先(xian)開(kai)始做首頁的設計，然(ran)后(hou)逐漸的擴展(zhan)到各個子頻道和分類。
三、前端
有了設計(ji)圖(tu)以后就(jiu)可(ke)以開始做前端開發了，就(jiu)是把你(ni)的(de)(de)設計(ji)圖(tu)變成(cheng)一個(ge)真正的(de)(de)網(wang)頁，但這時候的(de)(de)網(wang)頁是靜態的(de)(de)只能在本(ben)地測試訪問還不能成(cheng)為一個(ge)真正的(de)(de)網(wang)站(zhan)，前端大致包含下面(mian)幾個(ge)技術：
1、HTML：標記語言用于(yu)存放內容(rong)，比(bi)如(ru)文(wen)字，圖片，視(shi)頻(pin)等等，如(ru)同磚頭。
2、CSS：樣(yang)式表(biao)，簡單(dan)的說就(jiu)是(shi)讓HTML更加(jia)漂亮和整齊(qi)漂亮，如(ru)同裝修房子。
3、JS/jQuery：一般用于執行(xing)交(jiao)互事件，比如(ru)提交(jiao)一個表單(dan)的時候驗證你輸入(ru)的內(nei)容是(shi)否正確，鼠標經過(guo)菜(cai)(cai)單(dan)的時候能夠彈出二級(ji)菜(cai)(cai)單(dan)等，主要是(shi)讓你的房子(zi)更智能。
4、UI框(kuang)架(jia)：比較(jiao)流行的(de)(de)框(kuang)架(jia)是bootstarp 是一(yi)個響(xiang)應式(shi)的(de)(de)前端框(kuang)架(jia)，能夠(gou)更(geng)快速的(de)(de)寫頁面，但(dan)設計師必(bi)須符合該(gai)框(kuang)架(jia)的(de)(de)設計規(gui)范，比如柵格系統的(de)(de)規(gui)范。
5、響應式(shi)：響應式(shi)是你做一個(ge)網站(zhan)可(ke)以(yi)在臺式(shi)電(dian)(dian)腦(nao)、筆記本(ben)電(dian)(dian)腦(nao)、平板、手機(ji)等不(bu)同分辨率的設備(bei)上兼容訪問，在電(dian)(dian)腦(nao)上看(kan)是電(dian)(dian)腦(nao)排版的網站(zhan)，在手機(ji)上看(kan)就是一個(ge)手機(ji)網站(zhan)，該(gai)方案適用于內容和結(jie)構(gou)比較簡單規范的企業站(zhan)。
6、PC站(zhan)：僅僅在(zai)臺式電(dian)腦(nao)和筆記本電(dian)腦(nao)訪(fang)問，如果在(zai)手機上看(kan)會被直接縮小體(ti)驗(yan)極差。
7、手機站(zhan)：僅(jin)僅(jin)在手機上(shang)和平板上(shang)訪問(wen)的網站(zhan)，在電腦(nao)上(shang)看的話體驗差或者(zhe)無法(fa)訪問(wen)。
8、VUE.js : 開(kai)(kai)放框架用(yong)(yong)于應用(yong)(yong)開(kai)(kai)發(fa)，常用(yong)(yong)于移動(dong)端開(kai)(kai)發(fa)和后臺開(kai)(kai)發(fa)，展示型網站(zhan)不(bu)適用(yong)(yong)。
9、AJAX：不刷新(xin)和服務器進行數(shu)據交互的方法。
四、后端
前端開發完成后就要(yao)交付給后端了，一般企業站和展示型的網站都是后臺去套模(mo)板，內容就可以(yi)通(tong)過后臺進行(xing)更新(xin)。
1、CMS：內容管(guan)理(li)系統，程序員(yuan)只(zhi)需要(yao)把靜態的頁面套上程序，整個(ge)網(wang)站就算完成了。
2、PHP: 用于開發CMS的(de)程序語(yu)言，PHP是用途最廣(guang)安全性(xing)好的(de)后臺(tai)開發語(yu)言。
3、MYSQL: 數據(ju)庫(ku)用于存放(fang)網站的(de)內容數據(ju)，比如你發布的(de)新聞、公(gong)司簡(jian)介等等都保存到數據(ju)庫(ku)里面(mian)，PHP會(hui)通過調用數據(ju)庫(ku)來展示和儲存內容。
4、apache: 服務(wu)器軟件(jian)，用于運(yun)行PHP、MYSQL 的環(huan)境。
五、域名服務器
通過以上(shang)4個步驟整個網站(zhan)(zhan)就(jiu)已經算是完成了，最(zui)重要的(de)一(yi)步就(jiu)是需(xu)要把網站(zhan)(zhan)放置到(dao)一(yi)個網上(shang)的(de)空間存放，然(ran)后(hou)要注冊一(yi)個域名和空間進行綁定就(jiu)可以通過域名訪問你的(de)網站(zhan)(zhan)了。
域名(ming)和(he)主機一般(ban)都是租用(yong)的一般(ban)按年付(fu)費(fei)。
1、虛擬主機：一個服務器上可(ke)以(yi)(yi)開(kai)通多(duo)個虛擬空間可(ke)以(yi)(yi)放置多(duo)個網站，和企業公司一起用(yong)一個服務器，一般企業站比較(jiao)適用(yong)，成本(ben)比較(jiao)低。
2、服務(wu)(wu)器：獨立的服務(wu)(wu)器對于大型的網站來說比較適合，整個服務(wu)(wu)器就是你自己(ji)的，成本(ben)也比較高(gao)。
3、域(yu)名：就是瀏覽器里顯示(shi)的(de)網址就是域(yu)名，有很(hen)多的(de)域(yu)名服(fu)務商(shang)可以(yi)(yi)在線注冊你自己的(de)域(yu)名，然后再管理后臺可以(yi)(yi)管理和解析(xi)域(yu)名。
六、測試上線
到這(zhe)個時候你的(de)網站已經上線了，不過先(xian)不要著急推(tui)廣，內測一下(xia)，是不是每個鏈接都(dou)可以(yi)(yi)打(da)開(kai)，每個欄目是不是都(dou)顯示正(zheng)常，另外往里(li)面發布和(he)完善內容以(yi)(yi)后就可以(yi)(yi)正(zheng)式上線了。
七、后期維護
一(yi)個網站要定期(qi)的(de)去更新內(nei)容這樣有利于搜(sou)索(suo)引擎的(de)優化和客戶(hu)的(de)關注，如果你最新的(de)一(yi)篇新聞(wen)是去年的(de)，那(nei)么訪(fang)問你網站的(de)客戶(hu)可能(neng)會以為你這個網站已經放棄了或者公司不(bu)干了。
