ecshop模板制作-新手必須知道的

《ecshop模板制作-新手必須知道的》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、ECshop模板制作教程首先歡迎各位瀏覽本教程，恭喜大家使用ECshop,！EC有多好，ECshop是PHP構(gòu)建的，PHP的應(yīng)用我也不想多說了(亞馬遜:amazon.com,雅虎:yahoo.com,百度:baidu.com淘寶:taobao.com新浪:sina.com,騰訊:qq.com),（ps:ECshop成功了！在這一刻，他是偉大電子商務(wù)的傳承，他不是一個(gè)人在戰(zhàn)斗，他不是一個(gè)人-_-!!!)我也不多講了大家都知道，不過有時(shí)候熱愛潛水的我真的時(shí)是實(shí)在忍不住要跳出來說兩句.本教程適用于了解ECshop和ECshop模板DIY以及它們的

2、日常使用,在查看前閣下需要至少會(huì)使用一種編輯器(exp:Dreamweaver,editplus,emacs,vi,ee…意思就是可視化的HTML編輯器或者直接文本編輯器,我在講的時(shí)候用Dreamwaver來講,這樣比較適合初學(xué)者和設(shè)計(jì)師)。這個(gè)教程目前由我一個(gè)人維護(hù)，但我相信，過不了多久就會(huì)有多人持續(xù)地維護(hù)。其中的內(nèi)容需要不斷地更新。如果您有興趣參加,嘿嘿，PM我。我們一起為大家服務(wù)啊.通過對(duì)本教程的學(xué)習(xí)，只要您邊看邊跟著做，一定能夠?qū)W會(huì)自己做模板的。:)　　下列章節(jié)的適用于ECshop程序。同時(shí)這里許多內(nèi)容和一些Smarty相關(guān)。假如您

3、已經(jīng)熟悉這些內(nèi)容可跳過不閱讀。假如您是ECshop新手并且想diy一下自己的店鋪，那您應(yīng)該認(rèn)真詳細(xì)地從頭到尾讀一遍這些章節(jié)。(ps:大家不要緊張，我會(huì)盡量用人類的語言和大家交流，實(shí)在萬不得已才會(huì)用機(jī)器語言展示給大家)希望大家能夠通過本教程，想要什么模板都能自己做出來。哈哈！一起加油吧！第一章節(jié)：讀取這些內(nèi)容，您將了解：????每個(gè)前臺(tái)頁面所對(duì)應(yīng)的模板頁面,模板文件的目錄結(jié)構(gòu)。????一些最基本的ECshop模板修改方法。????模板的路徑以及相關(guān)包含文件的方法(深入了解Dreamweaver模板制作)。????一些常用模板例子講解.模板存放

4、路徑：ecshop/themes/xxxxx??其中的xxxxx就是某一套模板，如系統(tǒng)一般會(huì)自帶的模板文件名叫做default,(即：ecshop/themes/default)里面放的就是安裝好時(shí)的默認(rèn)模板,以下所有的說明都是針對(duì)默認(rèn)模板來講解.images/??????(存放模板中用到的圖片)library/??????(存放一些小模板文件及重復(fù)被用到的模板文件)style.css??????(模板樣式文件)index.dwt????(首頁的模板index.php)goods.dwt??(商品顯示頁的模板goods.php)我們隨便找一

5、張gif圖片，起名為logo.gif放到images目錄中，然后我們刷新首頁。看到?jīng)]？首頁logo被修改了。如果你覺得大小不合適，那么我們打開library目錄中的page_header.lib查看源代碼，然后搜索images/logo.gif然后看它后面width=”130″height=”56″??把130和56改為相應(yīng)的值就可以了，到前臺(tái)刷新看看。到瀏覽器前臺(tái)刷新，看看頁面有什么變化。蝦米？沒有發(fā)現(xiàn)嗎？看看瀏覽器頭部啊，呵呵，是不是網(wǎng)站的標(biāo)題被改變了？哈哈，對(duì)，{$page_title}就是網(wǎng)站標(biāo)題的標(biāo)簽(注：標(biāo)簽是從{開始到}結(jié)束哦

6、，{和}屬于標(biāo)簽的一部分).整個(gè)ECshop的模板就是一個(gè)一個(gè)這樣的標(biāo)簽組成了，控制網(wǎng)站內(nèi)容和數(shù)據(jù)的動(dòng)態(tài)顯示。比如（{$keywords})控制網(wǎng)站的關(guān)鍵字標(biāo)簽，{$description}:網(wǎng)站描述標(biāo)簽，(這就是模板中的標(biāo)簽，每個(gè)標(biāo)簽都會(huì)對(duì)應(yīng)程序里面的一個(gè)值，網(wǎng)站運(yùn)行時(shí)模板引擎會(huì)來讀取模板頁面，然后把對(duì)應(yīng)的標(biāo)簽用對(duì)應(yīng)的值進(jìn)行替換，就顯示出我們看到的網(wǎng)站頁面了,明白了吧。這一段內(nèi)容對(duì)于新手來說，可能一下子不能完全消化,還有什么問題就留言，我會(huì)更新到這里來)大家不要著急，欲速則不達(dá)，呵呵，下面我們真正開始做ECshop的模板了，(不懂HTML

7、的觀眾準(zhǔn)備好Dreamweaver哦)操作前提，將您當(dāng)前使用的模板調(diào)整為default模板,然后清空緩存。接下來我們進(jìn)入default目錄,可以看到以下文件目錄：*.dwt??(表示其它.dwt文件)蝦米？難道你不相信這些就是模板嗎？好，那我證明給你看看.我們把把images里面的logo.gif文件的名字,改為logo2.gif,然后好接下來我們用dreamweaver打開index.dwt文件,在源代碼中搜索{$page_title}，找到后，將{$page_title}修改為超級(jí)無敵的大賣場(chǎng).然后到很簡(jiǎn)單8,哈哈，大家真是冰雪聰明，孔

8、明再世啊，這么快就學(xué)會(huì)了，如果你上一步你操作很超級(jí)非常very的簡(jiǎn)單的話，接下來的學(xué)習(xí)也時(shí)一樣的哦.接下來要怎么改呢？廣告之后我們繼續(xù)?！?.黃金廣告位…歡迎購(gòu)買……需要的話PM