一套適合初學(xué)者的網(wǎng)站開發(fā)方法讓你瞬間成為碼農(nóng)！

一個專業(yè)的企業(yè)網(wǎng)站，理論上需要一個網(wǎng)站開發(fā)團隊的配合，各自發(fā)揮自己的長處，網(wǎng)站需求分析、原型設(shè)計、效果圖、切圖、前臺美工、后臺代碼、算法設(shè)計、數(shù)據(jù)庫設(shè)計、服務(wù)器配置等等一系列的事情。

一個人想面面俱到這些，還是需要花些時間的。所以對一個有點基數(shù)的初學(xué)者來說，我的建議是：別管他三七二十一，不是想開發(fā)一個網(wǎng)站嗎，別管懂不懂，先開發(fā)出來一個再說，在開發(fā)的過程中，遇到了問題，再找解決方案的過程中，自己獲得了學(xué)習(xí)，等完成了一個網(wǎng)站，亂七八糟的知識也學(xué)了一些，有了一個感性的認識，再去系統(tǒng)性的、深入的去學(xué)習(xí)也不晚。

　　這里提供一個過來人的開發(fā)思路和具體實現(xiàn)的方法： 

　　開發(fā)一個網(wǎng)站，大概是這些東西：

　　1.有個整體的網(wǎng)站頁面的樣子，我們姑且稱之為前端開發(fā)。

　　2.前端有了，點擊里面的按鈕、鏈接、新增信息、修改信息等等的操作，需要后臺編碼，姑且稱之為后臺開發(fā)。

　　3.前端有了，后臺有了，數(shù)據(jù)放哪里啊，因此需要用到數(shù)據(jù)庫了，姑且稱之為數(shù)據(jù)庫開發(fā)。

　　4.前面一通完成后，網(wǎng)站可以看了，接下來需要找服務(wù)器發(fā)布了，姑且稱之為網(wǎng)站發(fā)布。

　　5.網(wǎng)站發(fā)布了，如果想讓別人通過一個域名去訪問，因此需要綁定域名了，姑且稱之為域名綁定。

　　6.大功告成，回過頭來消化一下吧。姑且稱之為回味無窮。

　　接下來詳細介紹。（建議先通讀一下，別一上來就陷入某一個細節(jié)）

　　一、前端開發(fā)

　　1.先拿筆找張紙，大概想想自己網(wǎng)站有哪些頁面，每個頁面是什么樣子，如果沒有靈感，就上網(wǎng)亂逛一陣，借鑒一下別人的做法。

　　2.網(wǎng)站大概樣子心中有數(shù)了，接下來要開發(fā)了，別自己從頭寫代碼了，可以用前端框架，各種前端框架我也不對比，也別讓你挑的頭疼，就用bootstrap吧，網(wǎng)址：http://getbootstrap.com/，twitter的工程師開發(fā)的，很多網(wǎng)站有用，開發(fā)一個湊合的網(wǎng)站不成問題。說白了，就是給你提供了css、javascript文件，對于一些頁面布局、javascript效果，不用自己去寫了，可以直接按照官方的說明去操作。具體的說明可以看官方網(wǎng)站，別嫌人家是英文的，其實沒有幾個單詞你不認識，找找先練練，找找感覺。

　　3.什么？過程中遇到了html、css、javascript等等問題，不明白的話，建議上這個網(wǎng)站掃個盲：http://www.w3school.com.cn/，自己再練練手，知識應(yīng)該就夠了。

　　經(jīng)過前面三步，應(yīng)該能夠開發(fā)出來一個差不多的效果的網(wǎng)站了，大概用上一個星期去看吧，足夠了。

　　注意：前端開發(fā)的過程中不用想著后端怎么實現(xiàn)？例如點擊一個按鈕怎么實現(xiàn)功能？專心開發(fā)前端頁面就行了。前端和后端是獨立分離的，只需要很小的整合就可以了。

　　二、后臺開發(fā)

　　1.如果前端的頁面都開發(fā)好了，接下來要實現(xiàn)頁面上一些功能性的東西了，如果注冊、登陸等等功能，就要后臺開發(fā)了，這里我也建議用框架，后臺開發(fā)框架也是海了去了，就用Thinkphp的吧，國產(chǎn)的框架，還行，套路還是比較明顯的。網(wǎng)址：http://www.thinkphp.cn/,是PHP的，什么？沒有學(xué)過PHP，以前學(xué)的是C#？java？等等，別擔(dān)心，學(xué)一下php也花不了多長時間，關(guān)鍵是一邊學(xué)ThinkPHP，一邊就把PHP給學(xué)了吧。如何學(xué)習(xí)ThinkPHP，可以看官方的文檔就好，如果看不懂，可以看一下這個哥們的視頻教程：http://www.thinkphp.cn/document/258.html，講的還是不錯的。

　　2.看完視頻教程還是有些不解，什么亂七八糟MVC了等等概念，不用著急，繼續(xù)前進吧，可能慢慢就能理解了，誰說不理解就不能前進的，是不？

　　注意：這個過程可能有點兒難，不過也還是可以接受的，學(xué)明白了，以后修改起來會比較靈活，至少感覺比wordpress靈活。

　　三、數(shù)據(jù)庫開發(fā)

　　1.后臺開發(fā)過程中，要存一下數(shù)據(jù)，難免要用到數(shù)據(jù)庫，那么就安裝一下mysql吧， 如果覺得不好管理，可以再安裝一個可視化的工具：Navicat，需要用什么表，就建什么表吧，反正以后覺得不合適了還要修改。

　　2.如果數(shù)據(jù)庫一點兒也不懂，那么網(wǎng)上隨便搜搜相關(guān)知識，大概熟悉熟悉，會建表、增減數(shù)據(jù)就行了。有些數(shù)據(jù)庫操作，用ThinkPHP的框架，非常簡單的，不需要自己考慮太多東西。

　　注意：數(shù)據(jù)庫開發(fā)是要配合著后臺開發(fā)一起的。大概后臺開發(fā)完了，數(shù)據(jù)庫也差不多建好了。

　　四、網(wǎng)站發(fā)布

　　1.有很多托管代碼的服務(wù)器，有收費的，有免費的，我就推薦一個吧，用新浪的SAE，速度還可以的，剛開始就先找一個嘗試吧，等以后有時間了，可以再嘗試嘗試別家的。這里SAE是支持ThinkPHP的SAE版本。因此上傳上去代碼就能看效果了，發(fā)布后網(wǎng)址大概樣子為：****.sinaapp.com

　　2.SAE是按訪問流量收費的，弄一個實名認證，會送流量的，對于剛開始的網(wǎng)站，足夠用了；如果不放心，可以申請一個中級開發(fā)者，每個月都會贈流量。之前是微博有加V就可以申請中級開發(fā)者，微博加V傳一個自己的工作照就可以了?，F(xiàn)在我的中級開發(fā)者，有需要推薦的，我也可以幫一下忙，反正我也不怎么用。

　　3.如果想本地查看，可以安裝一個Apache，至于部署，也不難。

　　注意：能到發(fā)布這一步，我想應(yīng)該就沒有什么難的了吧。雖然曾經(jīng)我與新浪各種死磕，今天還是無私的為他做了廣告，我代表新浪，謝謝我自己了。（請別說我調(diào)皮）

　　五、域名綁定

　　1.網(wǎng)站建好了，如果感覺****.sinaapp.com不好看，想用自己的域名，也是可以的。

　　2.去godaddy申請吧，為啥是godaddy，別人都說好，我也就用了，反正我申請了兩個域名，到現(xiàn)在都不怎么用，就當(dāng)玩兒了。

　　　3.有域名了，就可以登陸SAE后臺，綁定域名了，操作步驟，會有很詳細的說明。

　　六、回味無窮

　　1.經(jīng)過前面一系列過程，一個你認為還可以的網(wǎng)站應(yīng)該就可以誕生了。

　　2.過程中還有哪些想學(xué)的知識，可以去學(xué)習(xí)了。

　　3.開發(fā)完一個網(wǎng)站，這一套模板可以保存下來，再開發(fā)別的網(wǎng)站，自己也可以用了。

　　4.多年以后，你會覺得你的網(wǎng)站好low，不過又能如何，這也是一種人生體味而已。廈門網(wǎng)站建設(shè)，網(wǎng)站優(yōu)化，福建谷歌推廣，小程序開發(fā)，企業(yè)郵箱，宣傳片制作