1. 配置開發(fā)環(huán)境

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

• 編輯器

• Atom前端開發(fā)配置

• 配置和使用方法

• Sublime text 號(hào)稱最性感的編輯器

• Atom Github官方開源編輯器

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

• IDE

• Webstorm 功能強(qiáng)大，界面美觀

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

• 代碼管理

• 簡(jiǎn)明指南

• FTP:Filezilla 開源免費(fèi)好用的FTP工具

• Git 全世界最流行的版本控制系統(tǒng)

• SVN 當(dāng)然也有一部分不用Git的情況

  受不了繁雜的配置？這些在線工具可以讓你在瀏覽器里體驗(yàn)網(wǎng)站的開發(fā)環(huán)境。

• 在線工具

• 云IDE 編輯開發(fā)部署一條龍?jiān)跒g覽器中就可以

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

• c9 在線命令行環(huán)境，就像有一臺(tái)瀏覽器里訪問(wèn)的服務(wù)器

• coding.net 在線托管，在線開發(fā)平臺(tái)

2. 搭建運(yùn)行環(huán)境

  網(wǎng)站寫好之后還需要一個(gè)地方來(lái)部署運(yùn)行。A表示apache，是一個(gè)網(wǎng)絡(luò)服務(wù)器軟件， M表示mysql，是一個(gè)數(shù)據(jù)庫(kù)軟件， P表示php，是一種用于網(wǎng)站開發(fā)的后端語(yǔ)言。通過(guò)下面這些軟件包，你可以在各種系統(tǒng)上快速搭建好網(wǎng)站的運(yùn)行環(huán)境。

• WAMP Windows下最好用的網(wǎng)站運(yùn)行環(huán)境軟件包

• Windows下安裝配置wampserver

• LAMP Linux下，當(dāng)然也可以使用LNMP

• MAMP Mac下的一個(gè)軟件，提供類似的運(yùn)行環(huán)境

• 配置安裝教程

  除了php，還有很多其他網(wǎng)站后端開發(fā)語(yǔ)言可以使用。

• Nodejs 在服務(wù)器端運(yùn)行JS

• 安裝教程

• npm國(guó)內(nèi)配置

• Python 最好學(xué)全能的開發(fā)語(yǔ)言

• pip安裝教程

  你又受不了繁雜的配置安裝了？這些云平臺(tái)可以讓你把網(wǎng)站部署到云端。

• 新浪云 國(guó)內(nèi)良心云平臺(tái)，提供很多現(xiàn)成的運(yùn)行環(huán)境，虛擬空間等

• 阿里云 你馬云爸爸的云服務(wù)，對(duì)學(xué)生很多優(yōu)惠

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

3. 學(xué)習(xí)基礎(chǔ)知識(shí)

• HTML 網(wǎng)頁(yè)的內(nèi)容

• CSS 網(wǎng)頁(yè)的樣式

• JavaScript 網(wǎng)頁(yè)的交互

• PHP 全世界最好的語(yǔ)言，后端邏輯數(shù)據(jù)交互

• Mysql 最流行開源免費(fèi)的數(shù)據(jù)庫(kù)，數(shù)據(jù)存儲(chǔ)

  雖然PHP是最好的語(yǔ)言，但是你也可以選擇學(xué)習(xí)其他后端語(yǔ)言。

• Nodejs

• Python

4. 選用建站系統(tǒng)

  現(xiàn)在你已經(jīng)掌握了一些基礎(chǔ)知識(shí)，可是你發(fā)現(xiàn)除了寫一個(gè)hello,world的小頁(yè)面以外，你幾乎什么都不會(huì)。沒(méi)有關(guān)系，下面這些建站系統(tǒng)讓你搖身變大神！

• Wordpress 據(jù)說(shuō)互聯(lián)網(wǎng)上至少一半的內(nèi)容管理網(wǎng)站都在使用它

• 入門教程

• DedeCMS 國(guó)內(nèi)站長(zhǎng)最愛(ài)之一

• Windows下整合安裝包使用說(shuō)明

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

• 安裝教程

• Opencart 自己搭建一個(gè)電商網(wǎng)站

• 所有建站系統(tǒng) 其實(shí)有特別多的開源系統(tǒng)

5. 學(xué)習(xí)開發(fā)框架

現(xiàn)在你對(duì)你的網(wǎng)站有了更高的要求，現(xiàn)有的開源系統(tǒng)已經(jīng)無(wú)法滿足你，那么你就需要手動(dòng)開發(fā)一個(gè)，從無(wú)到有開發(fā)一個(gè)網(wǎng)站當(dāng)然很困難，好在我們已經(jīng)有了許多成熟的開發(fā)框架，就好像你寫作文幫你列好提綱一樣，幫助你快速開發(fā)。

• Laravel PHP語(yǔ)言的Web開發(fā)框架

• Express Nodejs語(yǔ)言的Web開發(fā)框架

• Django Python語(yǔ)言的Web開發(fā)框架

6. 其他建站教程

• 搭建一個(gè)免費(fèi)的，無(wú)限流量的Blog—-github Pages和Jekyll入門

• 在SAE上搭建Wordpress博客

• Wordpress官方免費(fèi)創(chuàng)建博客

• 阿里云：建站需要什么