“没有规矩,不成方圆”。为更好地方便网友们在FeitecCMS平台上交流网站风格模板,特制作此规范。
一、风格模板的基本介绍:
FeitecCMS 前台文件已实现HTML与ASP代码的完全分离。在后台“外观设置”中的风格模板可全部控制前台显示的HTML代码,前台的ASP文件用于取出/分割/解释/输出模板及数据信息。
二、风格模板的基本设置:
1、模板分割符号:
FeitecCMS系统风格模板采用了二级分割技术——
一级分割符号:|||@@@||| 前台取用:StrTemp、Ft_mbstr
二级分割符号:/// 前台取用:StrTemp2、Ft_mbstr2
一级分割主要用于一次分割某模板数据字段中的多个网页模块(如文章模板字段中,用|||@@@|||分割成article.asp及showart.asp模板)。
二级分割则用于同一模板中的子模块的分割,主要是提高后台模板预览操作时表格的完整性。
2、模板种类设置:
根据FeitecCMS 1.X的网站结构,共设置了11个大模板。
模板名称 |
功能 |
包含子模板 |
总风格模板(tamplate.main) |
用于修改全站的CSS及公共部分等风格 |
CSS管理|页面开始部分|页面脚部|错误处理|左栏公共部分(会员已登录)|左栏公共部分(会员未登录) |标记小图片地址 |
首页风格模板(template.index) |
用于修改首页的风格 |
|
新闻风格模板(template.news) |
用于修改与新闻相关页面的风格 |
新闻列表|查看新闻 |
文章风格模板(template.article) |
用于修改与文章相关页面的风格 |
文章列表|查看文章 |
下载风格模板(template.download) |
用于修改与下载相关页面的风格 |
软件列表|查看软件 |
会员风格模板(template.users) |
用于会员相关页面的风格 |
会员注册协议|会员注册表单|会员控制面板|会员修改资料|会员权限/义务|密码找回 |
图片风格模板(template.pic) |
用于修改与图片模块相关页面的风格 |
图片列表|图片查看 |
链接风格模板(template.link) |
用于修改与友情模块相关页面的风格 |
|
留言风格模板(template.gb) |
用于修改与留言模块相关页面的风格 |
查看留言|新的留言|会员回复 |
搜索风格模板(template.search) |
用于修改搜索模块相关页面的风格 |
未选择搜索内容|搜索互联网内容|全站搜索 |
其他风格模板(template.other) |
用于修改版权/公告/帮助/投票页面的风格 |
版权管理|网站帮助|公告内容|投票内容 |
三、模板设计之快速进阶:
1、在photoshop中初步设计风格界面外观;
2、综合考虑外观及页面布局后,分割出相应图片,作为图片包,单独放一目录中备用;
3、复制现有模板,作为新模版的原始框架;
4、编辑新模板:
编辑可按先公用,后具体栏目的顺序进行。
此步可将各模板中的HTML代码复制到FrontPage或Dreamweare中进行可视化编辑,以提高效率。
注意:不得擅自修改、增删分割符号“|||@@@|||”、“///”的位置、数量等,除非你已完全掌握本程序,并能对前台ASP文件作出相应变动,否则将有可能导致前台ASP输出页面出错。
5、调试:可分为粗调及统调。
粗调可在FP或DW中进行,统调可在模板预览中进行。
6、确定无误后,使用风格模板中的导出功能导出该模板,和图片包一起,打包压缩,发布/交流/共享。
|