《课件TRSWCMV模板制作.ppt》由会员分享，可在线阅读，更多相关《课件TRSWCMV模板制作.ppt（33页珍藏版）》请在三一文库上搜索。
1、TRS WCM V6.0 模板制作,北京拓尔思信息技术股份有限公司,内容提要,一、TRSWCM概述、模板的作用概述 二、TRSWCM模板置标 三、WCM内模板管理和模板编辑方法 四、Dreamweaver模板编辑插件和模板制作方法 五、常见应用示例模板代码,第一章：概述WCM及模板,WCM工作原理,网站建设流程,模板,模板的作用 负责页面的显示风格和显示内容 模板的组成 模板由HTML置标和TRS置标组成。（含有TRS置标的HTML文件） HTML决定页面风格；TRS置标决定页面显示内容； 模板的类型 概览模板：主页模板和各栏目的概览模板 细览模板：各栏目的细览模板 嵌套模板：可嵌套的通用模板
2、,模板发布原理数据模板,单篇发布,频道发布,模板和页面,频道文档列表,频道数据、模板、页面的关系,第二章：TRSWCM模板置标,置标种类,TRS_DOCUMENTS: 文档列表 TRS_RELNEWS: 相关新闻列表 TRS_CHANNELS: 频道列表 TRS_RECORD： 分组显示,TRS_DOCUMENT: 文档详细信息（标题、作者、正文、图片） TRS_CHANNEL: 频道详细信息 TRS_APPENDIX: 文档附件 TRS_CURPAGE: 当前位置 TRS_REPLACE: 替换内容 TRS_DATETIME: 发布时间,TRS_TEMPLATE： 嵌套模板,概览置标,细览置
3、标,TRS_ROLLDOCUMENTS：滚动新闻列表 TRS_NEWICON：显示最新新闻标志 TRS_CONDDITION：条件置标 TRS_ECHO：在当前置标位置输出指定内容 TRS_VARIABLE：变量声明 TRS_ENUM：声明变量枚举值,特殊应用置标,频道列表：,每个频道，都需配置概览和细览模板才允许被发布。,TRS置标说明,TRS置标说明 置标的主要作用是控制数据在模板中的表现形式，将数据与表现分开。主要思路是TRS置标处理数据的内容，存放的位置以及如何存放等，数据的表现形式则由标准的html语言描述，例如： 这里放置文档标题 其中：红色是TRS置标，蓝色部分是标准的HTML置
4、标。TRS置标表明要在该位置放置字段名为“标题”的字段内容。,第三章：模板管理和编辑,WCM内模板管理,选站点或栏目,选模板分类,模板列表，可分类显示,模板操作,配置模板。 需发布的站点、栏目必须配置模板和存放位置,新建模板,输入名称，选择类型（必须）,利用置标向导生成置标代码，粘帖到鼠标位置,导出、导入模板,导出成ZIP文件。将模板html文件、图片、js等同步导出。,支持导入html、zip等格式。 如模板中有图片需要导入，需将模板html文件和图片css等文件夹一起打包成zip文件，然后导入。,模板校验语法错误（1）,模板保存时，WCM将自动校验置标书写语法，如有错误，将显示提示。,模板
5、校验语法错误（2）,在模板列表界面，可批量校验选中的模板,同步模板附件,模板图片存放在WCM服务器目录/wcmdata/template/里面。当站点或栏目预览或发布后，模板图片、js文件、css文件等将自动分发到/wcmdata/preview或/wcmdata/pub/下面。 同步模板附件，由手工确保这种附件的分发。,模板配置到栏目,选择栏目后，可以在栏目信息页面直接配置。,第四章：Dreamweaver模板插件、模板制作,插件登录WCM,登录用户：同登录WCM的用户和密码 服务器地址：http:/192.9.200.200:8080/wcm/services/trs:templatese
6、rvicefacade 注意：需要将其中的192.9.200.200:8080/wcm 替换成实际使用的WCM访问地址,点此按钮，进行离线编辑,制作模板过程,1,设置本地站点和WCM站点对应关系,2,创建、编辑模板,3,上传模板,第五章：常见应用示例模板,图片新闻-图片切换显示, var imgUrl=new Array(); var imgLink=new Array(); var imgTz=new Array(); var adNum=0; var kk = 1; var filepath_liucp=“; filepath_liucp=; filepath_liucp = filepa
7、th_liucp.substring(0,filepath_liucp.lastIndexOf(“/“)+1); imgUrlkk =filepath_liucp + ; imgLinkkk = ; imgTzkk = “ target=“_blank“; kk+; kk-; var imgPre=new Array(); var j=0; for (i=1;i=5;i+) if( (imgUrli!=“) ,替换其中置标的频道名称即可： ,var key=0; function nextAd() if(adNum + imgTzadNum + ; theTimer=setTimeout(“n
8、extAd()“, 6000); /转换间隔时间 ,图片新闻-图片切换显示,function goUrl() jumpUrl=imgLinkadNum; jumpTarget=_blank; if (jumpUrl != ) if (jumpTarget != ) window.open(jumpUrl,jumpTarget); else location.href=jumpUrl; 标题 ,图片新闻-图片切换显示,代码：,内容显示： 标题放于此处 标题放于此处 分页脚本script： /createPageHTML($PAGE_COUNT, $PAGE_INDEX, “$PAGE_NAME“
9、, “$PAGE_EXT“); var currentPage = $PAGE_INDEX;/所在页从0开始 /var headPage = “$PAGE_NAME“+“.“+“$PAGE_EXT“;/首页 /var tailPage = “$PAGE_NAME_“ + (countPage-1) + “.$PAGE_EXT“/尾页 var prevPage = currentPage-1/上一页 var nextPage = currentPage+1/下一页 var countPage = $PAGE_COUNT/共多少页 document.write(“共“+countPage+“页,概览分页,/循环 var num = 5; for(var i=0+(currentPage-1-(currentPage-1)%num) ; i“+1+“ ,概览分页,文章内容分页,文章内容分页需要两处设置： 1，采编文章时，在需要分页处插入分页符 2，细览模板中写入分页代码,文章内容分页,将以下代码拷贝到细览模板的需要放置分页页码处：, 1 / ,