下面就是整體流程和技術的目錄：

比如你網站的定位、文案、排版的設計、欄目菜單的設計等，簡單的說就是你想要一個什么樣子的網站？

比如：我想要一個以銷售產品為中心的網站或者一個展示公司產品為中心、一個展示公司品牌形象為核心的網站，根據不同類型的定位網站的整體構思逐漸的具體化。

有了設計圖以后就可以開始做前端開發了，就是把你的設計圖變成一個真正的網頁，但這時候的網頁是靜態的只能在本地測試訪問還不能成為一個真正的網站，前端大致包含下面幾個技術：

1、HTML：標記語言用于存放內容，比如文字，圖片，視頻等等，如同磚頭。

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

3、JS/jQuery：一般用于執行交互事件，比如提交一個表單的時候驗證你輸入的內容是否正確，鼠標經過菜單的時候能夠彈出二級菜單等，主要是讓你的房子更智能。

4、UI框架：比較流行的框架是bootstarp 是一個響應式的前端框架，能夠更快速的寫頁面，但設計師必須符合該框架的設計規范，比如柵格系統的規范。

5、響應式：響應式是你做一個網站可以在臺式電腦、筆記本電腦、平板、手機等不同分辨率的設備上兼容訪問，在電腦上看是電腦排版的網站，在手機上看就是一個手機網站，該方案適用于內容和結構比較簡單規范的企業站。

6、PC站：僅僅在臺式電腦和筆記本電腦訪問，如果在手機上看會被直接縮小體驗極差。

7、手機站：僅僅在手機上和平板上訪問的網站，在電腦上看的話體驗差或者無法訪問。

8、VUE.js : 開放框架用于應用開發，常用于移動端開發和后臺開發，展示型網站不適用。

9、AJAX：不刷新和服務器進行數據交互的方法。

前端開發完成后就要交付給后端了，一般企業站和展示型的網站都是后臺去套模板，內容就可以通過后臺進行更新。

1、CMS：內容管理系統，程序員只需要把靜態的頁面套上程序，整個網站就算完成了。

2、PHP: 用于開發CMS的程序語言，PHP是用途最廣安全性好的后臺開發語言。

3、MYSQL: 數據庫用于存放網站的內容數據，比如你發布的新聞、公司簡介等等都保存到數據庫里面，PHP會通過調用數據庫來展示和儲存內容。

4、apache: 服務器軟件，用于運行PHP、MYSQL 的環境。

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

域名和主機一般都是租用的一般按年付費。

1、虛擬主機：一個服務器上可以開通多個虛擬空間可以放置多個網站，和企業公司一起用一個服務器，一般企業站比較適用，成本比較低。

2、服務器：獨立的服務器對于大型的網站來說比較適合，整個服務器就是你自己的，成本也比較高。

3、域名：就是瀏覽器里顯示的網址就是域名，有很多的域名服務商可以在線注冊你自己的域名，然后再管理后臺可以管理和解析域名。