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

個(gè)人網(wǎng)站開發(fā)流程

一個(gè)正規(guī)的網(wǎng)站開發(fā)，理論上需要一個(gè)團(tuán)隊(duì)的配合，各自發(fā)揮自己的長處，網(wǎng)站需求分析、原型設(shè)計(jì)、效果圖、切圖、前臺(tái)美工、后臺(tái)代碼、算法設(shè)計(jì)、數(shù)據(jù)庫設(shè)計(jì)、服務(wù)器配置等等一系列的事情，而一個(gè)人想面面俱到這些，還是需要花些時(shí)間的。所以對(duì)一個(gè)初學(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 的框架，非常簡(jiǎn)單的，不需要自己考慮太多東西。

注意：數(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)該就沒有什么難的了吧。

五、域名綁定

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 ，不過又能如何，這也是一種人生體味而

已。

免費(fèi)領(lǐng)取兄弟連php 原創(chuàng)視頻教程光盤，詳情咨詢官網(wǎng)客服： http://www.lampbrother.net