网站模板专题模板制作教程docWord文档下载推荐.docx
《网站模板专题模板制作教程docWord文档下载推荐.docx》由会员分享,可在线阅读,更多相关《网站模板专题模板制作教程docWord文档下载推荐.docx(17页珍藏版)》请在冰点文库上搜索。
video.html:
视频列表页面模板
video_content.html:
视频显示页面模板。
以上模板为建立网站所需基本模板,用户可根据需要对模板进行扩展,如网站有多个频道,各个频道列表显示页面不同,可建立channel_频道一.html、channel_频道二html等频道列表页面,建立规则为“channel_频道一.html”,红色部分不变,黑色部分名字自定义,其它模板扩展办法同理。
3.模板标签介绍
标签为模板的灵魂,用来调用后台数据数据并显示。
3.1标签概述
调用标签的三种代码样式如下:
A、${标签名称}
B、<
@cms.标签名称属性='
值'
/>
C、<
;
标签别名>
自定义样式模板<
/@cms.标签名称>
例如:
a:
${web.name}标签用于调用网站名称
b:
<
@cms.ArtiListchnlId='
'
count='
10'
sysContent='
1-1'
/>
标签用于调用10篇文章的列表
c:
@cms.ChnlListid='
inner='
1'
c>
<
ahref="
${c.url}"
>
${c.name}<
/a>
/@cms.ChnlList>
标签用于调用栏目列表,可用于网站导航条。
注意:
abc实例是与上面ABC三种形式相对应的。
大家可以逐个测试,举一反三。
4.常用标签使用说明
4.1ChnlList标签使用说明
在页面中获取栏目列表的时候我们要用到<
@cms.ChnlList/>
标签,本标签不仅可以单独使用,还可以配合其它标签使用,达到更加丰富的效果。
本节教程都是在新建的演示空白首页模板中作演示。
一、标签原型说明
【标签名】:
@cms.ChnlList属性='
【作 用】:
显示各栏目列表
【参 数】:
id:
父栏目ID。
(默认为空:
自动获取当前栏目ID)
orderBy:
排序方式。
【0:
优先级升序;
1:
优先级降序;
2:
点击次数升序;
3:
点击次数降序】
(默认0)
isDisplay:
是否只获取显示的栏目。
获取所有;
只获取显示的栏目】
(默认1)
hasContent:
是否只获取可以有内容的栏目。
只获取可以有内容的栏目】
linkClass:
链接class
linkTarget:
链接打开方式。
当前窗口;
新窗口】
style:
标签内部样式。
如果指定sysContent或userContent,则该项无效。
【1:
普通链接列表;
】
sysTpl:
使用系统模板。
不使用;
使用】
sysContent:
系统内容样式。
userContent:
自定义内容样式。
如果指定了系统内容样式,则该项无效。
sysPage:
系统分页样式。
不分页;
样式一;
样式二】
userPage:
自定义分页样式。
如果指定了系统分页样式,则该项无效。
showTop:
栏目是否在导航栏出现,【0:
不出现;
出现】默认0
【备 注】:
在代码模式下编辑,各属性值必须使用单引号,属性排列顺序不分先后。
二、标签的使用范围
我们在使用任何标签的之前,都必须明确其使用的范围,否则可能无法正常使用该标签。
标签的使用范围是:
首页模板,栏目页模板,即:
index_×
×
.html模板、channel_×
.html模板。
三、调试标签了解其使用方法
1、单独标签调用示例:
@cms.ChnlList/>
2、自定义标签调用示例:
<
c,i>
<
#if(i+1)%2==0>
br/>
/#if>
<
3、配合其它标签嵌套调用示例:
sysType='
article'
hasContent='
c>
tablewidth="
300"
border="
0"
cellpadding="
cellspacing="
1"
bgcolor="
#eee"
tr>
tdheight="
30"
#EEEEEE"
atarget="
_blank"
href="
/td>
/tr>
tdbgcolor="
#FFFFFF"
@cms.ArtiListchnlId=c.idsysContent='
titLen='
20'
6'
/table>
4.2内容页常用标签使用说明
一、标签原型说明
【文章导航】:
@cms.Position/>
【文章标题】:
${arti.title}
【简短标题】:
${arti.shortTitle}
【文章作者】:
${arti.author}
【发布日期】:
${arti.releaseDate}
【查看次数】:
${arti.visitTotal}
【文章来源】:
${arti.origin}
【文章摘要】:
${arti.description}
【文章内容】:
@cms.ArtiContent/>
【内容分页】:
@cms.SysPagestyle='
2'
主要使用范围是内容页模板,即对应content_×
4.3文章列表ArtiList标签
ArtiList标签>
使用的频率可以说是最高的,通过这个标签,你不仅可以得到一个文章列表,而且可以通过不同的参数组合得到不同的显示效果。
比如文章图文列表、文字或图片跑马灯、文字或图片上下循环滚动等等。
一、
标签原型说明
【标签名】:
@cms.ArtiList属性='
【作
用】:
获取文章列表数据
【参
数】:
属性名称
属性说明
默认值
可选值
chnlId
栏目ID,栏目页中可不设置,系统会自动获取当前栏目ID
当前栏目ID
空:
显示全站文章列表;
栏目ID:
指定栏目文章列表
attr
文章属性ID
空
后台自定义
sysContent
列表显示方式
1-1
1-1:
普通标题列表显示;
1-2:
图文列表显示;
3-1:
焦点图显示;
2-1:
标题列表翻滚显示
2-2:
图文列表翻滚显示
orderBy
排序方式
0:
发布时间降序;
发布时间升序;
点击次数降序;
点击次数升序
recommend
是否推荐
所有文章
推荐文章
titLen
标题长度
20
自定义
target
链接打开目标
原窗口打开
新窗口打开
headMark
文章标题图标
无图标
黑色小圆点
红色小圆点
蓝色单箭头
4:
蓝色双箭头
自定义图标:
填写图标路径
lineHeight
文章列表每行的行高
bottomLine
每行标题下是否带分隔线
无分隔线
有分隔线
ctgForm
文章类别形式
不显示文章类别;
显示栏目类别;
显示站点名称
ctgClass
文章类别的css-class
自定义css样式的class名称
dateFormat
文章发布日期显示格式
不显示日期
”年-月-日时-分-秒”格式
”年-月-日”格式
”月-日时-分”格式
”月-日”格式
datePosition
日期排列位置
1
紧跟标题之后
右对齐
左对齐
isPage
是否显示分页
否;
是
count
每页列表显示数量
仅当sysContent=2(图文列表)时,以下标签属性才有效
picWidth
按百分比显示图片宽度
25(即每个图片占总宽度的25%,每行可放四张图片)
picHeight
每行图片显示高度
110
仅当sysContent=3(焦点图)时,以下标签属性才有效
flashWidth
焦点图宽度
296(px)
flashHeight
焦点图总高度
200(px)
textHeight
焦点图文本高度
20(px)
仅当sysContent=4或5(文字、图片滚动)时,以下标签属性才有效
rollDisplayHeight
显示区高度
28
rollLineHeight
行高
rollCols
列数(一行中包含几列)
rollSpeed
滚动速度,值越小越快,最小为1
isSleep
是否停顿
不停顿;
停顿
rollSleepTime
停顿时间,值越大停顿越久
50
rollCount
一次滚动的行数
rollSpan
一次滚动的像素
其它高级标签属性(用于用户个性设置)
searchKey
在标题、tags和描述中搜索指定关键字的文章列表,用于搜索页模板
自定义关键字
style
标签内部样式,如果指定sysContent或userContent,则该项无效
普通列表
sysTpl
指定系统模板
系统内容样式
userContent
用户内容样式,当sysContent=1时有效
sysPage
系统分页样式
userPage
用户分页样式,当sysPage=1时有效
upSolution
指定其它模板方案样式
upWebRes
指定其它站点样式
pageClass
分页栏css样式的class名称
pageStyle
分页栏css自定义style样式
custom
用户扩展属性集合
【示
例】:
5'
25'
lineHeight='
dateFormat='
4'
datePosition='
headMark='
target='
二、标签使用范围
【ArtiList标签】的使用范围是:
首页模板,栏目页模板,内容页模板,即对应index_识别ID.html模板、channel_识别ID.html模板、content_识别ID.html模板
三、调试标签了解其使用方法
(1).文章列表
(2).图文列表
attr='
picWidth='
picHeight='
110'
4.4Include标签使用说明
我们可以将页面中经常要引用的公共部分(比如页头和页脚)独立开来,单独存放在一个页面中。
这样做的好处就是可以在各个需要用到该部分的页面中用一个简单的包含语句就能把它引入进来,大大简化了工作量。
所以【Include标签】的使用率很高,相当实用,这是我们在模板制作过程中必须熟练掌握的一个基础标签.
@cms.Include属性='
【作 用】:
包含公用页面(如页头,页脚)
【参 数】:
name:
包含模板的文件名
solution:
模板方案名
【示 例】:
包含页头:
@cms.Includename='
head.html'
solution='
default'
【备 注】:
调用此标签前必须先建立相应的包含模板
二、标签使用范围
【Include标签】的使用范围是:
首页模板,栏目页模板,内容页模板,即对应index_×
.html模板、content_×
.html模板
三、调试标签实例:
htmlxmlns="
http:
//www.w3.org/1999/xhtml"
head>
metahttp-equiv="
Content-Type"
content="
text/html;
charset=gb2312"
title>
Include标签测试<
/title>
/head>
body>
/body>
/html>
4.5Position标签使用说明
在网站页面中我们经常要显示当前页面的位置,例如:
当前位置:
首页>
走近芮城。
在标签中提供了一个显示页面的当前位置调用标签,只需将该标签放到页面的相应地方,设置好调用参数即可,简单方便。
@cms.Position属性='
显示页面的当前位置
homepage—-首页显示方式。
站点简称;
自定义】
(默认:
首页)
title---内容页显示方式。
不显示;
显示内容标题;
正文)
split---分割符号。
“>
”)
target---是否原窗口打开。
原窗口打开;
新窗口打开】
原窗口打开)
class---链接外部样式,等同于html中的class属性
style---自定义标签样式,等同于html中的style属性
【示 例】:
@cms.Positionhomepage='
split='
|'
style='
color:
#f00'
4.6VoteTopic标签使用说明
@cms.VoteTopic属性='
显示投票主题
id:
投票ID。
(默认为最新投票)
inner:
是否使用标签中直接编写html代码。
是】
<
@cms.VoteTopicsysTpl='
0'
4.7其它标签
@cms.link/>
:
友情链接标签
@cms.tongji/>
访问统计标签
@cms.adadid='
广告编号'
广告标签
5常用模板变量
${web.name}
网站名称
${web.address}
单位地址
${web.post}
邮政编码
${web.tel}
电话
${web.fax}
传真
${chnl.name}
栏目名称
${root}
站点根目录
6.专题模板制作
6.1专题页模板命名规范
1、topic_index_XX.html专题首页或专题列表页模板
2、topic_content_XX.html专题内容页模板
3、专题的页面文件存放到tpl目录下。
专题的资源文件存放到res目录下。
6.2专题模板制作方法
专题模板的制作与子站模板相同,系统的所有标签都适用于专题。
7.网站模板上传
将制作好的模板打包
如上图:
将模板打包成
,nongji即代表模板的名字,不能用中文。
将模板上传至服务器
进入系统后台,选择模板管理>
导入模板,打开如下上传界面:
点击浏览选择模板的压缩包文件,然后点击
按钮,等文件上传完毕即可。