1. 配置開發環境

  想要開發網站首先你需要一個寫代碼的地方，下面這些軟件都是全世界最流行的代碼編輯器。

• 編輯器

• Atom前端開發配置

• 配置和使用方法

• Sublime text 號稱最性感的編輯器

• Atom Github官方開源編輯器

• Notepad++ Windows下好用的編輯器

• IDE

• Webstorm 功能強大，界面美觀

  寫好了代碼，你還需要管理你的代碼。通過FTP將代碼上傳到服務器或者云空間；網站也不可能是一次寫成的，你需要不停修改你的代碼，因此需要用到版本控制軟件。

• 代碼管理

• 簡明指南

• FTP:Filezilla 開源免費好用的FTP工具

• Git 全世界最流行的版本控制系統

• SVN 當然也有一部分不用Git的情況

  受不了繁雜的配置？這些在線工具可以讓你在瀏覽器里體驗網站的開發環境。

• 在線工具

• 云IDE 編輯開發部署一條龍在瀏覽器中就可以

• Codepen 在線編寫HTML/CSS/JS并實時預覽，還可以看到很多大牛寫的代碼

• c9 在線命令行環境，就像有一臺瀏覽器里訪問的服務器

• coding.net 在線托管，在線開發平臺

2. 搭建運行環境

  網站寫好之后還需要一個地方來部署運行。A表示apache，是一個網絡服務器軟件， M表示mysql，是一個數據庫軟件， P表示php，是一種用于網站開發的后端語言。通過下面這些軟件包，你可以在各種系統上快速搭建好網站的運行環境。

• WAMP Windows下最好用的網站運行環境軟件包

• Windows下安裝配置wampserver

• LAMP Linux下，當然也可以使用LNMP

• MAMP Mac下的一個軟件，提供類似的運行環境

• 配置安裝教程

  除了php，還有很多其他網站后端開發語言可以使用。

• Nodejs 在服務器端運行JS

• 安裝教程

• npm國內配置

• Python 最好學全能的開發語言

• pip安裝教程

  你又受不了繁雜的配置安裝了？這些云平臺可以讓你把網站部署到云端。

• 新浪云 國內良心云平臺，提供很多現成的運行環境，虛擬空間等

• 阿里云 你馬云爸爸的云服務，對學生很多優惠

• Daocloud 最新流行的Docker容器云服務，很多可以一鍵部署的鏡像

3. 學習基礎知識

• HTML 網頁的內容

• CSS 網頁的樣式

• JavaScript 網頁的交互

• PHP 全世界最好的語言，后端邏輯數據交互

• Mysql 最流行開源免費的數據庫，數據存儲

  雖然PHP是最好的語言，但是你也可以選擇學習其他后端語言。

• Nodejs

• Python

4. 選用建站系統

  現在你已經掌握了一些基礎知識，可是你發現除了寫一個hello,world的小頁面以外，你幾乎什么都不會。沒有關系，下面這些建站系統讓你搖身變大神！

• Wordpress 據說互聯網上至少一半的內容管理網站都在使用它

• 入門教程

• DedeCMS 國內站長最愛之一

• Windows下整合安裝包使用說明

• Discuz 你看到的BBS論壇基本都是它搭建的

• 安裝教程

• Opencart 自己搭建一個電商網站

• 所有建站系統 其實有特別多的開源系統

5. 學習開發框架

現在你對你的網站有了更高的要求，現有的開源系統已經無法滿足你，那么你就需要手動開發一個，從無到有開發一個網站當然很困難，好在我們已經有了許多成熟的開發框架，就好像你寫作文幫你列好提綱一樣，幫助你快速開發。

• Laravel PHP語言的Web開發框架

• Express Nodejs語言的Web開發框架

• Django Python語言的Web開發框架

6. 其他建站教程

• 搭建一個免費的，無限流量的Blog—-github Pages和Jekyll入門

• 在SAE上搭建Wordpress博客

• Wordpress官方免費創建博客

• 阿里云：建站需要什么