模板组件培训美编课件

青浦区政府翔宇CMS4.0

模板制作培训方正电子数字媒体服务部2008-10-27青浦区政府翔宇CMS4.0

模板制作培训方正电子数字媒体服务主要内容模板简介组件简介登录方式常用组件模板管理主要内容模板简介模板简介制作工具：模板编辑使用Dreamweaver2004MX或DW8来实现。首先安装DW2004MX或DW8网页制作工具，再安装模板编辑客户端即可。编码：使用UTF-8

以上两个是同2.2系统使用的最大区别模板简介制作工具：模板编辑使用Dreamweaver20组件简介组件分为普通组件和高级组件。

A.普通组件：通过设置一些简单的参数就可以实现一些简单显示效果。常用的有：

1.当前位置ClassPath

2.单个栏目SingleNode 3.当前栏目信息CurrentNodeInfo

4.标题列表TitleList 5.插入文件内容InsertHtml 6.上下篇组件

注意：没有文章内容组件组件简介组件分为普通组件和高级组件。组件简介B.高级组件：相比普通组件，高级组件使用更为灵活，可以实现一些非常复杂的显示效果。常用的有：1.高级文章内容Advcontent2.高级标题列表Advtitlelist3.高级相关稿件AdvRelatedContentLinks4.高级栏目列表AdvClassList5.高级分页列表AdvPageList6.高级附件列表AdvAttachmentList注意：没有图片列表组件，用高级标题列表或者分页列表来实现。上面几个常用的组件基本上能完成大部分模板设计的任务，满足模板设计人员的需求。组件简介B.高级组件：相比普通组件，高级组件使用更为灵活，可登录方式DW登录方式85:7001IE登录85:7001登录方式DW登录方式DW登录方式1.打开DW2.点击登录DW登录方式1.打开DW默认选择“内容管理”输入登录地址85:7001(测试环境）输入用户名，口令然后登录默认选择“内容管理”输入登录地址输入用户名，口令然后登录提示登录成功提示登录成功DW登录方式1.网站模板新建2.网站模板下载3.网站模板上载4.网站模板合成DW登录方式1.网站模板新建DW登录方式

网站模板新建模板属性需要根据这个模板用于栏目页面还是文章页面来设定是“栏目模板”还是“文章模板”，单击“新建”按钮完成模板信息的添加或者编辑。DW登录方式网站模板新建DW登录方式网站模板下载可以输入模板名称或者模板id号可以修改模板文件本地存放路径DW登录方式网站模板下载可以输入模板名称或者模板id号可以修主要用于上传从服务器下载的模板新建模板后的上传优点：两种方式的模板上传后，不用再单独合成模板主要用于上传从服务器下载的模板新建模板后的上传优点：两种方式DW登录方式网站模板合成DW登录方式网站模板合成IE:登录08:7001IE:登录翔宇内容管理系统通用类组件翔宇内容管理系统通用类组件简单组件当前位置（ClassPath）：当前页的导航信息。如：新浪首页>财经纵横>消费>正文。

样式表框：在样式表框中的各个输入框中输入相应的样式名称，修饰相应内容的显示效果。

分割标记：输入不同栏目之间的分割符号，如上例中的“>”。

目标框架：

空行：表示由系统默认

_blank：表示打开新浏览窗口

_parent：表示打开父浏览窗口

_self：表示打开自身浏览窗口

_top：表示打开最上层窗口简单组件当前位置（ClassPath）：当前页的导航信息简单组件需要和翔宇栏目管理－>扩展信息配合使用简单组件需要和翔宇栏目管理－>扩展信息简单组件单个栏目信息（SingleNode）：显示某个指定的栏目信息，当没有指定栏目ID时，就相当与是当前栏目信息组件。栏目ID：指定要显示的栏目的ID号。显示内容：显示带链接的栏目名字：显示栏目名字，点击栏目名字到达该栏目网页。显示带链接的说明图片：显示栏目LOGO图，点击该图显示该栏目网页显示带链接的图标：显示栏目图标，通过点击该图显示该栏目下的内容。简单组件单个栏目信息（SingleNode）：显示某个指定的简单组件当前栏目信息（CurrentNodeInfo）：该组件用于显示当前页面相对应的栏目的信息。简单组件当前栏目信息（CurrentNodeInfo）：该组简单组件上下篇稿件：在文章页面中显示上，下篇稿件简单组件上下篇稿件：在文章页面中显示上，下篇稿件高级组件高级标题列表：显示满足条件的稿件，实现多样化的标题列表效果。高级组件高级标题列表：显示满足条件的稿件，实现多样化的标题列高级组件稿件属性：指定显示什么属性的稿件标题。系统对于一个栏目（栏目）下的稿件分成三类：头条、图片、一般；使用这个组件可以显示一类或全部的新闻。文章属性在源稿中心签发时指定，或者在发布中心中设置稿件属性。指定栏目ID：指定显示哪个栏目中的稿件。当输入ID号时，该模板就显示该ID号对应栏目中的稿件；如果没有输入ID号，显示当前栏目的稿件。总条数：指定该模板中显示的稿件数。是否显示伪码：选中后，会显示预览效果（没有实际稿件）。高级组件稿件属性：指定显示什么属性的稿件标题。系统对于一个栏高级组件天数间隔：设定显示几天内的稿件。输入非零数字时，下面的推算方式变为可选。当总条数，天数间隔为0时，表示它们对栏目下的稿件数的限制不起作用。推算方式：

高级组件天数间隔：设定显示几天内的稿件。输入非零数字时，下面高级组件当前时间：是指系统现在的真实时间。最新时间：指定栏目下所有稿件中最新稿件的发布时间。精确到秒：指“天数”这个时间跨度是按秒来计算的。精确到天：指“天数”这个时间跨度是按天来计算的。高级组件当前时间：是指系统现在的真实时间。高级组件置标：又叫占位标记，是有层次关系，

通常有实体置标，属性置标，循环置标。实体置标：如稿件<Article></Article>，由两部分组成：开始标记，结束标记。属性置标：如标题<Title>TitlePh</Title>，由三部分组成：开始标记、占位符，结束标记。循环置标：只有一个<RepeatBegin=0End=0></Repeat>，有两部分组成：开始标记，结束标记。高级组件置标：又叫占位标记，是有层次关系，

通常有实体置标，高级组件置标编辑：位于页面左边的最大的输入框，可以写任意的HTML代码，这些代码和系统专用的置标代码一起来控制页面的显示效果。在编写完成这些混合代码以后，您可以点击“语法检查”按钮，它可以帮助您查到并且定位出发生的错误。双击右边的专用置标名字，这个置标就会被增加到编辑框中光标所在的位置，如果在编辑框中选中一段文字后再双击我们的置标，那么系统会用置标把选中的文字包括起来。高级组件置标编辑：位于页面左边的最大的输入框，可以写任意的H高级组件置标编辑：如标题<Title>TitlePh</Title>，开始标记、占位符，结束标记作为一个整体来处理，您不能改动字符，大小写不区分，可以改。位置不能调整，在开始标记和占位符之间，占位符和结束标记之间、您可以填写任意的HTML置标、文字，系统原样输出。系统处理后，开始标记和结束标记不会出现在结果页面上，占位符会被实际的内容替换。如：<Title>【TitlePh】</Title>，实际标题就显示为：【穷人银行何以执行富人政策】高级组件置标编辑：如标题<Title>TitlePh</Ti高级组件置标编辑：<RepeatBegin=0End=0></Repeat>：一个最通用的置标，起循环作用，可以嵌套，是一个使用相对自由的置标。要特别注意的是它的循环次数，它不是指定循环多少次就多少次，它还会受到数据库中实际符合条件（满足稿件属性、天数、指定栏目ID等条件）的记录数的限制。满足稿件属性、天数、指定栏目ID等条件，像Repeat这样带属性(<Begin=0End=0>)的置标,在双击时会弹出对话框让您设置，设置确定后还需要修改，只能按照相应的格式修改。高级组件置标编辑：<RepeatBegin=0End=0高级组件置标编辑：文章链接<Url><ahref=ArticleUrlPh></Url></a>，给相应的稿件属性加上链接。如给标题加链接：<Url><ahref=ArticleUrlPh></Url><Title>TitlePh</Title></a>。

在<ahref=ArticleUrlPh>中可以给链接加属性，如：<Url><ahref=ArticleUrlPhclass="12b"target="_blank">

其它链接如：来源链接，当前栏目链接等使用方法一致。高级组件置标编辑：文章链接<Url><ahref=Artic高级组件置标编辑：标题图片<Picture><imgsrc=PictureUrlPhborder=0></Picture>，显示稿件的标题图片。标题图片在编辑器中设定。<imgsrc=PictureUrlPhborder=0>中可以加相关属性。如：<Picture><imgsrc=PictureUrlPhborder=0width=“180”height=“130”vspace=“3”class=“xian”></Picture>。高级组件置标编辑：标题图片<Picture><imgsrc高级组件置标编辑：发布时间

点击发布时间后，弹出属性窗口，可以选择属性。<PubTimeLanguage=1BriefMonth=0BriefWeek=0>YearPh-MonthPh-DayPhHourPh:MinutePh:SecondPhWeekPh</PubTime>

占位符的顺序可以更改，占位符之间可以添加字符。

如：<PubTime>MonthPh月DayPh日YearPh年</PubTime>高级组件置标编辑：发布时间

点击发布时间后，弹出属性窗口，可高级组件置标编辑：循环<RepeatBegin=0End=0><Article>\\可以省略，一般为了达到每条指定的效果。<Title>TitlePh</Title><Author>AuthorPh</Author></Article></Repeat>注意：repeat和article之间不能有其它代码高级组件置标编辑：循环注意：repeat和article之间高级组件

高级文章内容（AdvContent）：

本组件通过组合稿件子项来控制文章内容页的显示。内容的子项与标题的子项是一样的，都是一篇稿件所具有的属性。因此，写法与AdvTitleList的写法是一样的。区别只是本组件中不处理<repeat>标记，只是显示当前稿件的各个子项。高级组件高级文章内容（AdvContent）：

本组件通过高级组件高级文章内容组件支持稿件的分页显示。分页操作必须在编辑器中设置，这里只是设置分页的显示样式。

前缀，后缀：设置页码前后显示的字符。如：第2页：“第”就是前缀，“页”就是后缀。

首页，尾页，上页，下页：设置这四个翻页链接的字符。

页码样式翻页样式：控制页码或翻页控制的字符的样式表名称。高级组件高级文章内容组件支持稿件的分页显示。分页操作必须在编高级组件高级相关稿件列表：用在稿件模板中，用于显示与本模板显示稿件的相关稿件。其使用方法与高级标题列表（AdvTitleList）组件一样。它不需要设定显示哪些相关稿件。具体显示那些相关稿件，由编辑器写稿时指定。高级组件高级相关稿件列表：用在稿件模板中，用于显示与本模板显高级组件高级栏目列表：用来显示一个栏目列表，可以扩展到显示标题列表、文章内容。高级组件高级栏目列表：用来显示一个栏目列表，可以扩展到显示标高级组件这个栏目有两种方式来确定，一种就是通过“栏目ID”项的值来直接指定，就是指定的值所对应的栏目；另外一种就是在没有指定“栏目ID”项的值的情况下，通过包含这个组件的模版用在哪个栏目来确定，这个栏目就和使用“栏目ID”指定的栏目结果是一样的；使用后一种方式的好处就是一个模版可以用在不同的栏目上显示不同的栏目内容。高级组件这个栏目有两种方式来确定，一种就是通过“栏目ID”项高级组件其中各项的含义是：a.总是显示改栏目，即一个栏目无论在何种情况下都会被显示出来。这一项为默认选项。b.栏目属性“是否显示文章列表”选中才显示，在栏目管理的扩展属性中，选中显示在导航栏高级组件其中各项的含义是：高级组件c.栏目当天有文章才显示d.以上两点满足才显示高级组件c.栏目当天有文章才显示高级组件高级分页标题列表：本组件以分页方式显示稿件的标题列表

。高级组件高级分页标题列表：本组件以分页方式显示稿件的标题列表高级组件1、图片、头条、普通，用来控制显示什么属性的稿件2、指定栏目ID，用来设定显示哪个栏目的稿件，与栏目类型结合，可以显示多种栏目类型的稿件，包括本栏目新闻、父栏目新闻、根栏目新闻。3、页条数，表示一页显示多少条4、总页数，指这个栏目下有多少文章要分页显示。高级组件1、图片、头条、普通，用来控制显示什么属性的稿件高级组件5、翻页外观，设定翻页按钮的样式6、显示首尾页，在翻页按钮中显示首尾页按钮7、稿件的各个属性必须使用Article括起来8、Repeat与Article之间不能有其他的代码，有也将不起作用

高级组件5、翻页外观，设定翻页按钮的样式高级组件85:7001/servlet/PagePreviewServlet?siteid=1&nodeid=8932&type=0<tablewidth=95%border=0cellpadding=15cellspacing=1><RepeatBegin=0End=5><tr><RepeatBegin=0End=3><Article><tdalign=centerwidth=33%valign=top><Url><ahref=ArticleUrlPhtarget=_blank></Url><Picture><imgsrc=PictureUrlPhborder=0width=150height=114vspace=3></Picture></a><br><Url><ahref=ArticleUrlPhstyle=text-decoration:nonetarget=_blank></Url><Title>TitlePh</Title></a></td></Article></Repeat></tr></Repe