一個(gè)正規(guī)的網(wǎng)站開發(fā),理論上需要一個(gè)團(tuán)隊(duì)的配合,各自發(fā)揮自己的長處,網(wǎng)站需求分析、原型設(shè)計(jì)、效果圖、切圖、前臺美工、后臺代碼、算法設(shè)計(jì)、數(shù)據(jù)庫設(shè)計(jì)、服務(wù)器配置等等一系列的事情,而一個(gè)人想面面俱到這些,還是需要花些時(shí)間的。所以對一個(gè)初學(xué)者來說,我的建議是:別管他三七二十一,不是想開發(fā)一個(gè)網(wǎng)站嗎,別管懂不懂,先開發(fā)出來一個(gè)再說,在開發(fā)的過程中,遇到了問題,再找解決方案的過程中,自己獲得了學(xué)習(xí),等完成了一個(gè)網(wǎng)站,亂七八糟的知識也學(xué)了一些,有了一個(gè)感性的認(rèn)識,再去系統(tǒng)性的、深入的去學(xué)習(xí)也不晚。
這里提供一個(gè)我的開發(fā)思路和具體實(shí)現(xiàn)的方法:
開發(fā)一個(gè)網(wǎng)站,大概是這些東西:
1.有個(gè)整體的網(wǎng)站頁面的樣子,我們姑且稱之為前端開發(fā)。
2.前端有了,點(diǎn)擊里面的按鈕、鏈接、新增信息、修改信息等等的操作,需要后臺編碼,姑且稱之為后臺開發(fā)。
3.前端有了,后臺有了,數(shù)據(jù)放哪里啊,因此需要用到數(shù)據(jù)庫了,姑且稱之為數(shù)據(jù)庫開發(fā)。南寧網(wǎng)站建設(shè)
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ā)了,別自己從頭寫代碼了,可以用前端框架,各種前端框架我也不對比,也別讓你挑的頭疼,就用bootstrap吧,網(wǎng)址:http://getbootstrap.com/,twitter的工程師開發(fā)的,很多網(wǎng)站有用,開發(fā)一個(gè)湊合的網(wǎng)站不成問題。說白了,就是給你提供了css、javascript文件,對于一些頁面布局、javascript效果,不用自己去寫了,可以直接按照官方的說明去操作。具體的說明可以看官方網(wǎng)站,別嫌人家是英文的,其實(shí)沒有幾個(gè)單詞你不認(rèn)識,找找先練練,找找感覺。
3.什么?過程中遇到了html、css、javascript等等問題,不明白的話,建議上這個(gè)網(wǎng)站掃個(gè)盲:http://www.w3school.com.cn/,自己再練練手,知識應(yīng)該就夠了。
經(jīng)過前面三步,應(yīng)該能夠開發(fā)出來一個(gè)差不多的效果的網(wǎng)站了,大概用上一個(gè)星期去看吧,足夠了。
注意:前端開發(fā)的過程中不用想著后端怎么實(shí)現(xiàn)?例如點(diǎn)擊一個(gè)按鈕怎么實(shí)現(xiàn)功能?專心開發(fā)前端頁面就行了。前端和后端是獨(dú)立分離的,只需要很小的整合就可以了。
二、后臺開發(fā)
1.如果前端的頁面都開發(fā)好了,接下來要實(shí)現(xiàn)頁面上一些功能性的東西了,如果注冊、登陸等等功能,就要后臺開發(fā)了,這里我也建議用框架,后臺開發(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,講的還是不錯的。
2.看完視頻教程還是有些不解,什么亂七八糟MVC了等等概念,不用著急,繼續(xù)前進(jìn)吧,可能慢慢就能理解了,誰說不理解就不能前進(jìn)的,是不?
注意:這個(gè)過程可能有點(diǎn)兒難,不過也還是可以接受的,學(xué)明白了,以后修改起來會比較靈活,至少感覺比wordpress靈活。
三、數(shù)據(jù)庫開發(fā)
1.后臺開發(fā)過程中,要存一下數(shù)據(jù),難免要用到數(shù)據(jù)庫,那么就安裝一下mysql吧, 如果覺得不好管理,可以再安裝一個(gè)可視化的工具:Navicat,需要用什么表,就建什么表吧,反正以后覺得不合適了還要修改。
2.如果數(shù)據(jù)庫一點(diǎn)兒也不懂,那么網(wǎng)上隨便搜搜相關(guān)知識,大概熟悉熟悉,會建表、增減數(shù)據(jù)就行了。有些數(shù)據(jù)庫操作,用ThinkPHP的框架,非常簡單的,不需要自己考慮太多東西。
注意:數(shù)據(jù)庫開發(fā)是要配合著后臺開發(fā)一起的。大概后臺開發(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)證,會送流量的,對于剛開始的網(wǎng)站,足夠用了;如果不放心,可以申請一個(gè)中級開發(fā)者,每個(gè)月都會贈流量。之前是微博有加V就可以申請中級開發(fā)者,微博加V傳一個(gè)自己的工作照就可以了?,F(xiàn)在我的中級開發(fā)者,有需要推薦的,我也可以幫一下忙,反正我也不怎么用。
3.如果想本地查看,可以安裝一個(gè)Apache,至于部署,也不難。
注意:能到發(fā)布這一步,我想應(yīng)該就沒有什么難的了吧。雖然曾經(jīng)我與新浪各種死磕,今天還是無私的為他做了廣告,我代表新浪,謝謝我自己了。(請別說我調(diào)皮)
五、域名綁定
1.網(wǎng)站建好了,如果感覺****.sinaapp.com不好看,想用自己的域名,也是可以的。
2.去godaddy申請吧,為啥是godaddy,別人都說好,我也就用了,反正我申請了兩個(gè)域名,到現(xiàn)在都不怎么用,就當(dāng)玩兒了。
3.有域名了,就可以登陸SAE后臺,綁定域名了,操作步驟,會有很詳細(xì)的說明。
六、回味無窮
1.經(jīng)過前面一系列過程,一個(gè)你認(rèn)為還可以的網(wǎng)站應(yīng)該就可以誕生了。南寧網(wǎng)站開發(fā)
2.過程中還有哪些想學(xué)的知識,可以去學(xué)習(xí)了。
3.開發(fā)完一個(gè)網(wǎng)站,這一套模板可以保存下來,再開發(fā)別的網(wǎng)站,自己也可以用了。
4.多年以后,你會覺得你的網(wǎng)站好low,不過又能如何,這也是一種人生體味而已。
http://www.timkee.com/