一套适合初學(xué)者的網站開(kāi)發(fā)方法讓你瞬間成(chéng)爲碼農！

一個專業的企業網站，理論上需要一個網站開(kāi)發(fā)團隊的配合，各自發(fā)揮自己的長(cháng)處，網站需求分析、原型設計、效果圖、切圖、前台美工、後(hòu)台代碼、算法設計、數據庫設計、服務器配置等等一系列的事(shì)情。

一個人想面(miàn)面(miàn)俱到這(zhè)些，還(hái)是需要花些時間的。所以對(duì)一個有點基數的初學(xué)者來說，我的建議是：别管他三七二十一，不是想開(kāi)發(fā)一個網站嗎，别管懂不懂，先開(kāi)發(fā)出來一個再說，在開(kāi)發(fā)的過(guò)程中，遇到了問題，再找解決方案的過(guò)程中，自己獲得了學(xué)習，等完成(chéng)了一個網站，亂七八糟的知識也學(xué)了一些，有了一個感性的認識，再去系統性的、深入的去學(xué)習也不晚。

　　這(zhè)裡(lǐ)提供一個過(guò)來人的開(kāi)發(fā)思路和具體實現的方法： 

　　開(kāi)發(fā)一個網站，大概是這(zhè)些東西：

　　1.有個整體的網站頁面(miàn)的樣(yàng)子，我們姑且稱之爲前端開(kāi)發(fā)。

　　2.前端有了，點擊裡(lǐ)面(miàn)的按鈕、鏈接、新增信息、修改信息等等的操作，需要後(hòu)台編碼，姑且稱之爲後(hòu)台開(kāi)發(fā)。

　　3.前端有了，後(hòu)台有了，數據放哪裡(lǐ)啊，因此需要用到數據庫了，姑且稱之爲數據庫開(kāi)發(fā)。

　　4.前面(miàn)一通完成(chéng)後(hòu)，網站可以看了，接下來需要找服務器發(fā)布了，姑且稱之爲網站發(fā)布。

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

　　6.大功告成(chéng)，回過(guò)頭來消化一下吧。姑且稱之爲回味無窮。

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

　　一、前端開(kāi)發(fā)

　　1.先拿筆找張紙，大概想想自己網站有哪些頁面(miàn)，每個頁面(miàn)是什麼(me)樣(yàng)子，如果沒(méi)有靈感，就上網亂逛一陣，借鑒一下别人的做法。

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

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

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

　　注意：前端開(kāi)發(fā)的過(guò)程中不用想著(zhe)後(hòu)端怎麼(me)實現？例如點擊一個按鈕怎麼(me)實現功能(néng)？專心開(kāi)發(fā)前端頁面(miàn)就行了。前端和後(hòu)端是獨立分離的，隻需要很小的整合就可以了。

　　二、後(hòu)台開(kāi)發(fā)

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

　　2.看完視頻教程還(hái)是有些不解，什麼(me)亂七八糟MVC了等等概念，不用著(zhe)急，繼續前進(jìn)吧，可能(néng)慢慢就能(néng)理解了，誰說不理解就不能(néng)前進(jìn)的，是不？

　　注意：這(zhè)個過(guò)程可能(néng)有點兒難，不過(guò)也還(hái)是可以接受的，學(xué)明白了，以後(hòu)修改起(qǐ)來會比較靈活，至少感覺比wordpress靈活。

　　三、數據庫開(kāi)發(fā)

　　1.後(hòu)台開(kāi)發(fā)過(guò)程中，要存一下數據，難免要用到數據庫，那麼(me)就安裝一下mysql吧， 如果覺得不好(hǎo)管理，可以再安裝一個可視化的工具：Navicat，需要用什麼(me)表，就建什麼(me)表吧，反正以後(hòu)覺得不合适了還(hái)要修改。

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

　　注意：數據庫開(kāi)發(fā)是要配合著(zhe)後(hòu)台開(kāi)發(fā)一起(qǐ)的。大概後(hòu)台開(kāi)發(fā)完了，數據庫也差不多建好(hǎo)了。

　　四、網站發(fā)布

　　1.有很多托管代碼的服務器，有收費的，有免費的，我就推薦一個吧，用新浪的SAE，速度還(hái)可以的，剛開(kāi)始就先找一個嘗試吧，等以後(hòu)有時間了，可以再嘗試嘗試别家的。這(zhè)裡(lǐ)SAE是支持ThinkPHP的SAE版本。因此上傳上去代碼就能(néng)看效果了，發(fā)布後(hòu)網址大概樣(yàng)子爲：****.sinaapp.com

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

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

　　注意：能(néng)到發(fā)布這(zhè)一步，我想應該就沒(méi)有什麼(me)難的了吧。雖然曾經(jīng)我與新浪各種(zhǒng)死磕，今天還(hái)是無私的爲他做了廣告，我代表新浪，謝謝我自己了。（請别說我調皮）

　　五、域名綁定

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

　　2.去godaddy申請吧，爲啥是godaddy，别人都(dōu)說好(hǎo)，我也就用了，反正我申請了兩(liǎng)個域名，到現在都(dōu)不怎麼(me)用，就當玩兒了。

　　　3.有域名了，就可以登陸SAE後(hòu)台，綁定域名了，操作步驟，會有很詳細的說明。

　　六、回味無窮

　　1.經(jīng)過(guò)前面(miàn)一系列過(guò)程，一個你認爲還(hái)可以的網站應該就可以誕生了。

　　2.過(guò)程中還(hái)有哪些想學(xué)的知識，可以去學(xué)習了。

　　3.開(kāi)發(fā)完一個網站，這(zhè)一套模闆可以保存下來，再開(kāi)發(fā)别的網站，自己也可以用了。

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