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

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

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

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

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

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

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

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

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

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

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

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

　　一、前端開發(fā)

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

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

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

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

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

　　二、后臺(tái)開發(fā)

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

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

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

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

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

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

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

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

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

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

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

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

　　五、域名綁定

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

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

　　　3.有域名了，就可以登陸SAE后臺(tái)，綁定域名了，操作步驟，會(huì)有很詳細(xì)的說明。

　　六、回味無窮

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

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

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

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