|
“沒有規(guī)矩，不成方圓”。為更好地方便網(wǎng)友們?cè)贔eitecCMS平臺(tái)上交流網(wǎng)站風(fēng)格模板，特制作此規(guī)范。
一、風(fēng)格模板的基本介紹：
FeitecCMS 前臺(tái)文件已實(shí)現(xiàn)HTML與ASP代碼的完全分離。在后臺(tái)“外觀設(shè)置”中的風(fēng)格模板可全部控制前臺(tái)顯示的HTML代碼，前臺(tái)的ASP文件用于取出/分割/解釋/輸出模板及數(shù)據(jù)信息。
二、風(fēng)格模板的基本設(shè)置：
1、模板分割符號(hào)：
FeitecCMS系統(tǒng)風(fēng)格模板采用了二級(jí)分割技術(shù)——
一級(jí)分割符號(hào)：|||@@@||| 前臺(tái)取用：StrTemp、Ft_mbstr
二級(jí)分割符號(hào)：/// 前臺(tái)取用：StrTemp2、Ft_mbstr2
一級(jí)分割主要用于一次分割某模板數(shù)據(jù)字段中的多個(gè)網(wǎng)頁模塊（如文章模板字段中，用|||@@@|||分割成article.asp及showart.asp模板）。
二級(jí)分割則用于同一模板中的子模塊的分割，主要是提高后臺(tái)模板預(yù)覽操作時(shí)表格的完整性。
2、模板種類設(shè)置：
根據(jù)FeitecCMS 1.X的網(wǎng)站結(jié)構(gòu)，共設(shè)置了11個(gè)大模板。
| 模板名稱 |
功能 |
包含子模板 |
| 總風(fēng)格模板(tamplate.main) |
用于修改全站的CSS及公共部分等風(fēng)格 |
CSS管理|頁面開始部分|頁面腳部|錯(cuò)誤處理|左欄公共部分（會(huì)員已登錄）|左欄公共部分（會(huì)員未登錄）
|標(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)格 |
軟件列表|查看軟件 |
| 會(huì)員風(fēng)格模板(template.users) |
用于會(huì)員相關(guān)頁面的風(fēng)格 |
會(huì)員注冊(cè)協(xié)議|會(huì)員注冊(cè)表單|會(huì)員控制面板|會(huì)員修改資料|會(huì)員權(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)格 |
查看留言|新的留言|會(huì)員回復(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ì)之快速進(jìn)階：
1、在photoshop中初步設(shè)計(jì)風(fēng)格界面外觀；
2、綜合考慮外觀及頁面布局后，分割出相應(yīng)圖片，作為圖片包，單獨(dú)放一目錄中備用；
3、復(fù)制現(xiàn)有模板，作為新模版的原始框架；
4、編輯新模板：
編輯可按先公用，后具體欄目的順序進(jìn)行。
此步可將各模板中的HTML代碼復(fù)制到FrontPage或Dreamweare中進(jìn)行可視化編輯，以提高效率。
注意：不得擅自修改、增刪分割符號(hào)“|||@@@|||”、“///”的位置、數(shù)量等，除非你已完全掌握本程序，并能對(duì)前臺(tái)ASP文件作出相應(yīng)變動(dòng)，否則將有可能導(dǎo)致前臺(tái)ASP輸出頁面出錯(cuò)。
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ā)布/交流/共享。
|
