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官方免費創建博客

阿里云：建站需要什么