phpcms,,是因?yàn)樗蛣?dòng)易很相似,而且也比較人性化,所以上手比較容易了,其實(shí)做模板并不難
基本能力:
A.了較基本的 html
B.你一定要花時(shí)間去了解一下phpcms的模板機(jī)制(任何程序都有他自己的規(guī)則,如果我們不熟悉這個(gè)規(guī)則何來(lái)創(chuàng)作)
詳細(xì):
大家要知道模板的文件放在哪里,就在根目錄中的templete里,templete包括了我們所有需要修改的文件,例如首頁(yè),頻道頁(yè),內(nèi)容頁(yè),搜索,投票,所有標(biāo)簽?zāi)0?.....和 Css 文件;其中templete里的唯一一個(gè)文件夾—— 就是defult 文件,這也是網(wǎng)站默認(rèn)使用的模板方案(參考更詳細(xì)的說(shuō)明:http://help.phpcms.cn/2006/0719/help_138.html);打開(kāi)里面我發(fā)現(xiàn)好多文件夾,你英文夠好的話(huà),基本能明白什么意思了,例如:
QUOTE:
ads —— 廣告模塊,article —— 文章頻道;down —— 下載頻道;phpcms —— 網(wǎng)站常用模板文件;
這個(gè)可以參考這里(模板管理及文件目錄說(shuō)明:http://help.phpcms.cn/2006/0719/help_129.html);這里提醒大家的是,一般的模塊文檔里面包含的是3類(lèi)文件:
QUOTE:
a. php文件 —— 我們根本無(wú)需關(guān)心的 ,以php 結(jié)尾。
b.頁(yè)面文件 —— 以html 后綴結(jié)束,并且不是以 tag_ 開(kāi)頭的文件, 例如 index.html ; content.html ...(視模塊不同而改變),他的作用就是讓我們的網(wǎng)站頁(yè)面可以靜態(tài)的現(xiàn)實(shí)出來(lái),相當(dāng)于只是一個(gè)沒(méi)有內(nèi)容的頁(yè)面而已,當(dāng)我們需要輸出內(nèi)容的時(shí)候就需要用到標(biāo)簽了,標(biāo)簽其實(shí)就是有輸出內(nèi)容功能的一個(gè)標(biāo)記,通常以 {tag_XXXXXXXX} 這樣的形式出現(xiàn)在 html 的頁(yè)面(b類(lèi)文件中) 中,例如可以輸出 網(wǎng)站公告信息的標(biāo)簽是 —— {tag_網(wǎng)站首頁(yè)最新公告},輸出 網(wǎng)站首頁(yè)推薦信息的標(biāo)簽是 —— {tag_首頁(yè)推薦信息},(參考:中文標(biāo)簽的含義),大家不妨自己打開(kāi)b類(lèi)文件 看看研研究究,也可以試試操作,例如刪除 b 頁(yè)面 所有類(lèi)似這樣 {tag_XXXXXXXX} 的文件 .
c.標(biāo)簽?zāi)0?—— 以html 后綴結(jié)束,并且以 tag_ 的開(kāi)頭的文件;他的左右就是 要控制 標(biāo)簽 要怎么輸出和輸出成什么樣式的,輸出方式我們可以選擇 table 或者 div + css ;樣式就要我們 使用必要的 html 和 css 知識(shí) 進(jìn)行美化了
標(biāo)簽分為了2類(lèi):
QUOTE:
a.系統(tǒng)自帶的標(biāo)簽,這個(gè)說(shuō)明——如果我們充分了解標(biāo)簽輸出的內(nèi)容(可以到后臺(tái)查看,標(biāo)簽的中文說(shuō)明)那么我們就可以把他放置網(wǎng)頁(yè)需要輸出內(nèi)容的地方了(在b類(lèi)頁(yè)面中插入位置)。
b.自己創(chuàng)建新的標(biāo)簽,這個(gè)說(shuō)明—— 當(dāng)我們覺(jué)得輸出的內(nèi)容不符合我們的需求的時(shí)候,我們就可以到后臺(tái)創(chuàng)建自己的所需的標(biāo)簽(到后臺(tái)的模板風(fēng)格管理,然后到相關(guān)板塊管理中,選擇創(chuàng)建新的標(biāo)簽,例如輸出 ),然后把他放置網(wǎng)頁(yè)需要輸出內(nèi)容的地方了。
初級(jí)模板制作教程:
FREE:
A.修改首頁(yè),大家不妨打開(kāi)首頁(yè)(位置:templates\default\phpcms\index.html),看見(jiàn)我們熟悉的 html 代碼沒(méi)有,哈 !~~至于那些標(biāo)簽我們就別管他了,大家現(xiàn)在想怎么改?增加多一張 圖片美化 網(wǎng)站?增加多一個(gè)廣告圖片?改變網(wǎng)站表格的寬度?或者是刪除首頁(yè)內(nèi)容的一張圖片?等等,好,這些我們完全可以用dreamweaver 這些可視化的工具去操作,dreamweaver不會(huì)?去學(xué)習(xí)了!如果你厲害有 記事本就可以修改了。
B.繼續(xù)修改首頁(yè),不過(guò)這次,我們需要 有 css 基本知識(shí)了,看看首頁(yè)哪些內(nèi)容用了 css 控制的,找到一個(gè)了:<h2><a class="more" href="{$MODULE[link][linkurl]}">更多 >></a></h2> 其中“更多“的連接顯示方式使用了 more 這個(gè)css樣式來(lái)控制,好,我們找到控制首頁(yè)的css(位置:templates\default\skins\default\style.css),然后根據(jù)我們的css 知識(shí)來(lái)修改吧 !~~
C.修改網(wǎng)站幻燈片的圖片顯示,這個(gè)是關(guān)于phpcms 后臺(tái)的操作了,如果大家參考這篇的教程:網(wǎng)站首頁(yè)模版
D.整站模板方案 調(diào)換,有詳細(xì)的圖文教程,就剩下了:教你如何添加新模板
其他:
FREE:
A.修改首頁(yè),大家不妨打開(kāi)首頁(yè)(位置:templates\default\phpcms\index.html),看見(jiàn)我們熟悉的 html 代碼沒(méi)有,哈 !~~至于那些標(biāo)簽我們就別管他了,大家現(xiàn)在想怎么改?增加多一張 圖片美化 網(wǎng)站?增加多一個(gè)廣告圖片?改變網(wǎng)站表格的寬度?或者是刪除首頁(yè)內(nèi)容的一張圖片?等等,好,這些我們完全可以用dreamweaver 這些可視化的工具去操作,dreamweaver不會(huì)?去學(xué)習(xí)了!如果你厲害有 記事本就可以修改了。
B.繼續(xù)修改首頁(yè),不過(guò)這次,我們需要 有 css 基本知識(shí)了,看看首頁(yè)哪些內(nèi)容用了 css 控制的,找到一個(gè)了:<h2><a class="more" href="{$MODULE[link][linkurl]}">更多 >></a></h2> 其中“更多“的連接顯示方式使用了 more 這個(gè)css樣式來(lái)控制,好,我們找到控制首頁(yè)的css(位置:templates\default\skins\default\style.css),然后根據(jù)我們的css 知識(shí)來(lái)修改吧 !~~
C.修改網(wǎng)站幻燈片的圖片顯示,這個(gè)是關(guān)于phpcms 后臺(tái)的操作了,如果大家參考這篇的教程:網(wǎng)站首頁(yè)模版
D.整站模板方案 調(diào)換,有詳細(xì)的圖文教程,就剩下了:教你如何添加新模板
QUOTE:
通過(guò)以上實(shí)例,會(huì)員可以使用基本的 html ,css 和 phpcms 的操作知識(shí)來(lái)實(shí)現(xiàn)模板的修改,當(dāng)然如果你聰明的話(huà),你可以舉一反三了,例如修改首頁(yè)的方法是雷同于其他頁(yè)面的,而利用后臺(tái)修改首頁(yè)幻燈片顯示的操作雷同于標(biāo)簽的操作,最重要的是用戶(hù)要花時(shí)間去了解,花精力去實(shí)踐,相信自己的付出總會(huì)有收獲吧!
QUOTE:
ads —— 廣告模塊,article —— 文章頻道;down —— 下載頻道;phpcms —— 網(wǎng)站常用模板文件;
這個(gè)可以參考這里(模板管理及文件目錄說(shuō)明:http://help.phpcms.cn/2006/0719/help_129.html);這里提醒大家的是,一般的模塊文檔里面包含的是3類(lèi)文件:
QUOTE:
a. php文件 —— 我們根本無(wú)需關(guān)心的 ,以php 結(jié)尾。
b.頁(yè)面文件 —— 以html 后綴結(jié)束,并且不是以 tag_ 開(kāi)頭的文件, 例如 index.html ; content.html ...(視模塊不同而改變),他的作用就是讓我們的網(wǎng)站頁(yè)面可以靜態(tài)的現(xiàn)實(shí)出來(lái),相當(dāng)于只是一個(gè)沒(méi)有內(nèi)容的頁(yè)面而已,當(dāng)我們需要輸出內(nèi)容的時(shí)候就需要用到標(biāo)簽了,標(biāo)簽其實(shí)就是有輸出內(nèi)容功能的一個(gè)標(biāo)記,通常以 {tag_XXXXXXXX} 這樣的形式出現(xiàn)在 html 的頁(yè)面(b類(lèi)文件中) 中,例如可以輸出 網(wǎng)站公告信息的標(biāo)簽是 —— {tag_網(wǎng)站首頁(yè)最新公告},輸出 網(wǎng)站首頁(yè)推薦信息的標(biāo)簽是 —— {tag_首頁(yè)推薦信息},(參考:中文標(biāo)簽的含義),大家不妨自己打開(kāi)b類(lèi)文件 看看研研究究,也可以試試操作,例如刪除 b 頁(yè)面 所有類(lèi)似這樣 {tag_XXXXXXXX} 的文件 .
c.標(biāo)簽?zāi)0?—— 以html 后綴結(jié)束,并且以 tag_ 的開(kāi)頭的文件;他的左右就是 要控制 標(biāo)簽 要怎么輸出和輸出成什么樣式的,輸出方式我們可以選擇 table 或者 div + css ;樣式就要我們 使用必要的 html 和 css 知識(shí) 進(jìn)行美化了
標(biāo)簽分為了2類(lèi):
QUOTE:
a.系統(tǒng)自帶的標(biāo)簽,這個(gè)說(shuō)明——如果我們充分了解標(biāo)簽輸出的內(nèi)容(可以到后臺(tái)查看,標(biāo)簽的中文說(shuō)明)那么我們就可以把他放置網(wǎng)頁(yè)需要輸出內(nèi)容的地方了(在b類(lèi)頁(yè)面中插入位置)。
b.自己創(chuàng)建新的標(biāo)簽,這個(gè)說(shuō)明—— 當(dāng)我們覺(jué)得輸出的內(nèi)容不符合我們的需求的時(shí)候,我們就可以到后臺(tái)創(chuàng)建自己的所需的標(biāo)簽(到后臺(tái)的模板風(fēng)格管理,然后到相關(guān)板塊管理中,選擇創(chuàng)建新的標(biāo)簽,例如輸出 ),然后把他放置網(wǎng)頁(yè)需要輸出內(nèi)容的地方了。
初級(jí)模板制作教程:
FREE:
A.修改首頁(yè),大家不妨打開(kāi)首頁(yè)(位置:templates\default\phpcms\index.html),看見(jiàn)我們熟悉的 html 代碼沒(méi)有,哈 !~~至于那些標(biāo)簽我們就別管他了,大家現(xiàn)在想怎么改?增加多一張 圖片美化 網(wǎng)站?增加多一個(gè)廣告圖片?改變網(wǎng)站表格的寬度?或者是刪除首頁(yè)內(nèi)容的一張圖片?等等,好,這些我們完全可以用dreamweaver 這些可視化的工具去操作,dreamweaver不會(huì)?去學(xué)習(xí)了!如果你厲害有 記事本就可以修改了。
B.繼續(xù)修改首頁(yè),不過(guò)這次,我們需要 有 css 基本知識(shí)了,看看首頁(yè)哪些內(nèi)容用了 css 控制的,找到一個(gè)了:<h2><a class="more" href="{$MODULE[link][linkurl]}">更多 >></a></h2> 其中“更多“的連接顯示方式使用了 more 這個(gè)css樣式來(lái)控制,好,我們找到控制首頁(yè)的css(位置:templates\default\skins\default\style.css),然后根據(jù)我們的css 知識(shí)來(lái)修改吧 !~~
C.修改網(wǎng)站幻燈片的圖片顯示,這個(gè)是關(guān)于phpcms 后臺(tái)的操作了,如果大家參考這篇的教程:網(wǎng)站首頁(yè)模版
D.整站模板方案 調(diào)換,有詳細(xì)的圖文教程,就剩下了:教你如何添加新模板
其他:
FREE:
A.修改首頁(yè),大家不妨打開(kāi)首頁(yè)(位置:templates\default\phpcms\index.html),看見(jiàn)我們熟悉的 html 代碼沒(méi)有,哈 !~~至于那些標(biāo)簽我們就別管他了,大家現(xiàn)在想怎么改?增加多一張 圖片美化 網(wǎng)站?增加多一個(gè)廣告圖片?改變網(wǎng)站表格的寬度?或者是刪除首頁(yè)內(nèi)容的一張圖片?等等,好,這些我們完全可以用dreamweaver 這些可視化的工具去操作,dreamweaver不會(huì)?去學(xué)習(xí)了!如果你厲害有 記事本就可以修改了。
B.繼續(xù)修改首頁(yè),不過(guò)這次,我們需要 有 css 基本知識(shí)了,看看首頁(yè)哪些內(nèi)容用了 css 控制的,找到一個(gè)了:<h2><a class="more" href="{$MODULE[link][linkurl]}">更多 >></a></h2> 其中“更多“的連接顯示方式使用了 more 這個(gè)css樣式來(lái)控制,好,我們找到控制首頁(yè)的css(位置:templates\default\skins\default\style.css),然后根據(jù)我們的css 知識(shí)來(lái)修改吧 !~~
C.修改網(wǎng)站幻燈片的圖片顯示,這個(gè)是關(guān)于phpcms 后臺(tái)的操作了,如果大家參考這篇的教程:網(wǎng)站首頁(yè)模版
D.整站模板方案 調(diào)換,有詳細(xì)的圖文教程,就剩下了:教你如何添加新模板
|