网站模板专题模板制作教程docWord文档下载推荐.docx

上传人:b****1 文档编号:865244 上传时间:2023-04-29 格式:DOCX 页数:17 大小:234.04KB
下载 相关 举报
网站模板专题模板制作教程docWord文档下载推荐.docx_第1页
第1页 / 共17页
网站模板专题模板制作教程docWord文档下载推荐.docx_第2页
第2页 / 共17页
网站模板专题模板制作教程docWord文档下载推荐.docx_第3页
第3页 / 共17页
网站模板专题模板制作教程docWord文档下载推荐.docx_第4页
第4页 / 共17页
网站模板专题模板制作教程docWord文档下载推荐.docx_第5页
第5页 / 共17页
网站模板专题模板制作教程docWord文档下载推荐.docx_第6页
第6页 / 共17页
网站模板专题模板制作教程docWord文档下载推荐.docx_第7页
第7页 / 共17页
网站模板专题模板制作教程docWord文档下载推荐.docx_第8页
第8页 / 共17页
网站模板专题模板制作教程docWord文档下载推荐.docx_第9页
第9页 / 共17页
网站模板专题模板制作教程docWord文档下载推荐.docx_第10页
第10页 / 共17页
网站模板专题模板制作教程docWord文档下载推荐.docx_第11页
第11页 / 共17页
网站模板专题模板制作教程docWord文档下载推荐.docx_第12页
第12页 / 共17页
网站模板专题模板制作教程docWord文档下载推荐.docx_第13页
第13页 / 共17页
网站模板专题模板制作教程docWord文档下载推荐.docx_第14页
第14页 / 共17页
网站模板专题模板制作教程docWord文档下载推荐.docx_第15页
第15页 / 共17页
网站模板专题模板制作教程docWord文档下载推荐.docx_第16页
第16页 / 共17页
网站模板专题模板制作教程docWord文档下载推荐.docx_第17页
第17页 / 共17页
亲,该文档总共17页,全部预览完了,如果喜欢就下载吧!
下载资源
资源描述

网站模板专题模板制作教程docWord文档下载推荐.docx

《网站模板专题模板制作教程docWord文档下载推荐.docx》由会员分享,可在线阅读,更多相关《网站模板专题模板制作教程docWord文档下载推荐.docx(17页珍藏版)》请在冰点文库上搜索。

网站模板专题模板制作教程docWord文档下载推荐.docx

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即代表模板的名字,不能用中文。

将模板上传至服务器

进入系统后台,选择模板管理>

导入模板,打开如下上传界面:

点击浏览选择模板的压缩包文件,然后点击

按钮,等文件上传完毕即可。

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 总结汇报 > 学习总结

copyright@ 2008-2023 冰点文库 网站版权所有

经营许可证编号:鄂ICP备19020893号-2