下面就是整體流程和技術(shù)的目錄：

比如你網(wǎng)站的定位、文案、排版的設(shè)計(jì)、欄目菜單的設(shè)計(jì)等，簡(jiǎn)單的說就是你想要一個(gè)什么樣子的網(wǎng)站？

比如：我想要一個(gè)以銷售產(chǎn)品為中心的網(wǎng)站或者一個(gè)展示公司產(chǎn)品為中心、一個(gè)展示公司品牌形象為核心的網(wǎng)站，根據(jù)不同類型的定位網(wǎng)站的整體構(gòu)思逐漸的具體化。

有了設(shè)計(jì)圖以后就可以開始做前端開發(fā)了，就是把你的設(shè)計(jì)圖變成一個(gè)真正的網(wǎng)頁(yè)，但這時(shí)候的網(wǎng)頁(yè)是靜態(tài)的只能在本地測(cè)試訪問還不能成為一個(gè)真正的網(wǎng)站，前端大致包含下面幾個(gè)技術(shù)：

1、HTML：標(biāo)記語(yǔ)言用于存放內(nèi)容，比如文字，圖片，視頻等等，如同磚頭。

2、CSS：樣式表，簡(jiǎn)單的說就是讓HTML更加漂亮和整齊漂亮，如同裝修房子。

3、JS/jQuery：一般用于執(zhí)行交互事件，比如提交一個(gè)表單的時(shí)候驗(yàn)證你輸入的內(nèi)容是否正確，鼠標(biāo)經(jīng)過菜單的時(shí)候能夠彈出二級(jí)菜單等，主要是讓你的房子更智能。

4、UI框架：比較流行的框架是bootstarp 是一個(gè)響應(yīng)式的前端框架，能夠更快速的寫頁(yè)面，但設(shè)計(jì)師必須符合該框架的設(shè)計(jì)規(guī)范，比如柵格系統(tǒng)的規(guī)范。

5、響應(yīng)式：響應(yīng)式是你做一個(gè)網(wǎng)站可以在臺(tái)式電腦、筆記本電腦、平板、手機(jī)等不同分辨率的設(shè)備上兼容訪問，在電腦上看是電腦排版的網(wǎng)站，在手機(jī)上看就是一個(gè)手機(jī)網(wǎng)站，該方案適用于內(nèi)容和結(jié)構(gòu)比較簡(jiǎn)單規(guī)范的企業(yè)站。

6、PC站：僅僅在臺(tái)式電腦和筆記本電腦訪問，如果在手機(jī)上看會(huì)被直接縮小體驗(yàn)極差。

7、手機(jī)站：僅僅在手機(jī)上和平板上訪問的網(wǎng)站，在電腦上看的話體驗(yàn)差或者無法訪問。

8、VUE.js : 開放框架用于應(yīng)用開發(fā)，常用于移動(dòng)端開發(fā)和后臺(tái)開發(fā)，展示型網(wǎng)站不適用。

9、AJAX：不刷新和服務(wù)器進(jìn)行數(shù)據(jù)交互的方法。

前端開發(fā)完成后就要交付給后端了，一般企業(yè)站和展示型的網(wǎng)站都是后臺(tái)去套模板，內(nèi)容就可以通過后臺(tái)進(jìn)行更新。

1、CMS：內(nèi)容管理系統(tǒng)，程序員只需要把靜態(tài)的頁(yè)面套上程序，整個(gè)網(wǎng)站就算完成了。

2、PHP: 用于開發(fā)CMS的程序語(yǔ)言，PHP是用途最廣安全性好的后臺(tái)開發(fā)語(yǔ)言。

3、MYSQL: 數(shù)據(jù)庫(kù)用于存放網(wǎng)站的內(nèi)容數(shù)據(jù)，比如你發(fā)布的新聞、公司簡(jiǎn)介等等都保存到數(shù)據(jù)庫(kù)里面，PHP會(huì)通過調(diào)用數(shù)據(jù)庫(kù)來展示和儲(chǔ)存內(nèi)容。

4、apache: 服務(wù)器軟件，用于運(yùn)行PHP、MYSQL 的環(huán)境。

通過以上4個(gè)步驟整個(gè)網(wǎng)站就已經(jīng)算是完成了，最重要的一步就是需要把網(wǎng)站放置到一個(gè)網(wǎng)上的空間存放，然后要注冊(cè)一個(gè)域名和空間進(jìn)行綁定就可以通過域名訪問你的網(wǎng)站了。

域名和主機(jī)一般都是租用的一般按年付費(fèi)。

1、虛擬主機(jī)：一個(gè)服務(wù)器上可以開通多個(gè)虛擬空間可以放置多個(gè)網(wǎng)站，和企業(yè)公司一起用一個(gè)服務(wù)器，一般企業(yè)站比較適用，成本比較低。

2、服務(wù)器：獨(dú)立的服務(wù)器對(duì)于大型的網(wǎng)站來說比較適合，整個(gè)服務(wù)器就是你自己的，成本也比較高。

3、域名：就是瀏覽器里顯示的網(wǎng)址就是域名，有很多的域名服務(wù)商可以在線注冊(cè)你自己的域名，然后再管理后臺(tái)可以管理和解析域名。