“沒有規(guī)矩,不成方圓”。為更好地方便網(wǎng)友們在FeitecCMS平臺上交流網(wǎng)站風(fēng)格模板,特制作此規(guī)范。
一、風(fēng)格模板的基本介紹:
FeitecCMS 前臺文件已實現(xiàn)HTML與ASP代碼的完全分離。在后臺“外觀設(shè)置”中的風(fēng)格模板可全部控制前臺顯示的HTML代碼,前臺的ASP文件用于取出/分割/解釋/輸出模板及數(shù)據(jù)信息。
二、風(fēng)格模板的基本設(shè)置:
1、模板分割符號:
FeitecCMS系統(tǒng)風(fēng)格模板采用了二級分割技術(shù)——
一級分割符號:|||@@@||| 前臺取用:StrTemp、Ft_mbstr
二級分割符號:/// 前臺取用:StrTemp2、Ft_mbstr2
一級分割主要用于一次分割某模板數(shù)據(jù)字段中的多個網(wǎng)頁模塊(如文章模板字段中,用|||@@@|||分割成article.asp及showart.asp模板)。
二級分割則用于同一模板中的子模塊的分割,主要是提高后臺模板預(yù)覽操作時表格的完整性。
2、模板種類設(shè)置:
根據(jù)FeitecCMS 1.X的網(wǎng)站結(jié)構(gòu),共設(shè)置了11個大模板。
模板名稱 |
功能 |
包含子模板 |
總風(fēng)格模板(tamplate.main) |
用于修改全站的CSS及公共部分等風(fēng)格 |
CSS管理|頁面開始部分|頁面腳部|錯誤處理|左欄公共部分(會員已登錄)|左欄公共部分(會員未登錄) |標(biāo)記小圖片地址 |
首頁風(fēng)格模板(template.index) |
用于修改首頁的風(fēng)格 |
|
新聞風(fēng)格模板(template.news) |
用于修改與新聞相關(guān)頁面的風(fēng)格 |
新聞列表|查看新聞 |
文章風(fēng)格模板(template.article) |
用于修改與文章相關(guān)頁面的風(fēng)格 |
文章列表|查看文章 |
下載風(fēng)格模板(template.download) |
用于修改與下載相關(guān)頁面的風(fēng)格 |
軟件列表|查看軟件 |
會員風(fēng)格模板(template.users) |
用于會員相關(guān)頁面的風(fēng)格 |
會員注冊協(xié)議|會員注冊表單|會員控制面板|會員修改資料|會員權(quán)限/義務(wù)|密碼找回 |
圖片風(fēng)格模板(template.pic) |
用于修改與圖片模塊相關(guān)頁面的風(fēng)格 |
圖片列表|圖片查看 |
鏈接風(fēng)格模板(template.link) |
用于修改與友情模塊相關(guān)頁面的風(fēng)格 |
|
留言風(fēng)格模板(template.gb) |
用于修改與留言模塊相關(guān)頁面的風(fēng)格 |
查看留言|新的留言|會員回復(fù) |
搜索風(fēng)格模板(template.search) |
用于修改搜索模塊相關(guān)頁面的風(fēng)格 |
未選擇搜索內(nèi)容|搜索互聯(lián)網(wǎng)內(nèi)容|全站搜索 |
其他風(fēng)格模板(template.other) |
用于修改版權(quán)/公告/幫助/投票頁面的風(fēng)格 |
版權(quán)管理|網(wǎng)站幫助|公告內(nèi)容|投票內(nèi)容 |
三、模板設(shè)計之快速進(jìn)階:
1、在photoshop中初步設(shè)計風(fēng)格界面外觀;
2、綜合考慮外觀及頁面布局后,分割出相應(yīng)圖片,作為圖片包,單獨放一目錄中備用;
3、復(fù)制現(xiàn)有模板,作為新模版的原始框架;
4、編輯新模板:
編輯可按先公用,后具體欄目的順序進(jìn)行。
此步可將各模板中的HTML代碼復(fù)制到FrontPage或Dreamweare中進(jìn)行可視化編輯,以提高效率。
注意:不得擅自修改、增刪分割符號“|||@@@|||”、“///”的位置、數(shù)量等,除非你已完全掌握本程序,并能對前臺ASP文件作出相應(yīng)變動,否則將有可能導(dǎo)致前臺ASP輸出頁面出錯。
5、調(diào)試:可分為粗調(diào)及統(tǒng)調(diào)。
粗調(diào)可在FP或DW中進(jìn)行,統(tǒng)調(diào)可在模板預(yù)覽中進(jìn)行。
6、確定無誤后,使用風(fēng)格模板中的導(dǎo)出功能導(dǎo)出該模板,和圖片包一起,打包壓縮,發(fā)布/交流/共享。
|