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