php jquery yui grid css

最近接手一個朋友的要求做一個網站,主題是禮儀慶典,想想自己做過不少項目,卻少有紀錄。藉此機會,一邊做項目一邊紀錄開發過程,相信對於想做網站的同志們會有所參考。

此係列文章將會全程紀錄開發過程,內容涉及cms,php,JavaScript,css,還有web標準,此外還包括網站開發部署過程中,SEO,站點統計管理等。

 

讓我們進入正題,首先是需求:

 

朋友的公司剛起步,沒什麼需求,就是照着別人的網站的內容做,主題禮儀慶典。因爲是給朋友做的,報價很低,>_<

 

今天的文章內容主要介紹網站開發前的一些必要工作,相信不少人對於做開發很熟悉,但是對於如何建設一個站點,卻有點模糊,這裏就介紹一下網站需要的一些基本事項工作。

 

流程:

申請域名

選購空間

網站備案

技術選型

開發環境部署配置

 

申請域名

域名服務商很多,一搜索域名眼花繚亂,我個人使用的是邁騰(NO AD,請自己搜索。。),cn域名很便宜,現在1塊錢一個,不過要注意的是,cn域名1塊錢是指第一年註冊的時候,第二年的時候費用跟com域名基本是一樣的。在邁騰買域名第一年是20,一些大的網站,像萬網,新網之類的,很多都是賣100的,不過人家畢竟是大服務商,買貴點心裏比較踏實。選定域名後匯款提交訂單。邁騰因爲以前自己其他網站也用過他的域名,沒出過問題,就繼續在這邊買了。

選購空間

空間的服務商更多,看起來更花更繚亂,而且槍文軟文滿天飛,要真正找到好的空間,最好還是有非軟文的評測。國內的php主機出名的有幾個:夢遊,盤古,捌號。價格上差不多,500M的空間,大概都在300,400。這幾個口碑也都還不錯,可以隨便挑。我選了捌號的主機,因爲今年貌似便宜了不少,500M只要300。幾乎所有的空間網上都會有負面評論,這是正常的,國內的主機也不可能說絕對的穩定,總會有比如說:政策啊,換線啊,檢查啊之類的要求,難免要被x的。

 

注意,空間選購只是現在看看,還不着急馬上買下來,因爲程序都還沒做呢,程序做1個月再部署上去,這1個月就虧了。

網站備案

現在所有的網站都要求備案,一般你購買空間或者域名的網站都會提供備案的服務,只要填寫一些信息,交給空間或者域名服務商就可以了。

技術選型與開發環境

相信這是做技術的最關心的事情了。

 

CMS:dedecms 之所以選國內的cms,主要是對於這樣的項目來說,國內的cms可以省下很大的開發量,基本上只要做一個主題的開發就可以了。

 

js庫:jquery,相信沒什麼異議吧。

 

css庫:yui css。對於css庫的使用其實看個人喜好,但是一個成熟的css框架可以幫你節省很多時間,尤其在處理多瀏覽器兼容的情況下。基於web標準的開發,也要做到兼容各種主流的瀏覽器。yui css有grid css,font,base,reset。將幾個css文件合併成一個yui.css,引入進來。yui的grid css是一個非常無敵的grid系統,非常看好。它有提供一個builder,

http://developer.yahoo.com/yui/grids/builder/

雖然它不能提供一些更靈活的佈局,但是其思想與設計,卻令人驚歎。用grid來佈局,你會發現將會節省你大量的時間。

 

開發工具:

Dreamweaver CS4(當然是。。綠色版),以前習慣用intype手寫代碼,但是試用了CS4後,徹底被折服了,這功能確實強大多了,而且整站管理很強大,界面很帥。現在喜歡用intype+dw寫代碼。

 

top style:css編寫

 

apatana:試用版本。。寫js很強大。。

 

firefox+firebug等,IE,opera。其中firefox+firebug是必須的,用過的都說好。

 

部署環境:

wamp,集成的php環境,簡單好用,我喜歡。

 

subversion,svn的使用看個人喜好,一個人做的項目,svn不是必須的,畢竟也不是大項目。

 

安裝好這些工具,下載dedecms最新版本,建立一個svn版本庫,導入到svn中。然後到wamp的www目錄下建立一個項目文件夾,然後svn checkout。然後啓動wamp,安裝一下dedecms,ok,可以開工幹活了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章