《模板组件培训(美编).ppt》由会员分享，可在线阅读，更多相关《模板组件培训(美编).ppt（51页珍藏版）》请在三一办公上搜索。
1、青浦区政府翔宇CMS4.0模板制作培训,方正电子数字媒体服务部2008-10-27,主要内容,模板简介组件简介登录方式常用组件模板管理,模板简介,制作工具：模板编辑使用Dreamweaver 2004 MX或DW 8来实现。首先安装DW 2004 MX或DW 8网页制作工具，再安装模板编辑客户端即可。编码：使用UTF-8 以上两个是同2.2系统使用的最大区别,组件简介,组件分为普通组件和高级组件。A.普通组件：通过设置一些简单的参数就可以实现一些简单显示效果。常用的有：1.当前位置 ClassPath 2.单个栏目 SingleNode3.当前栏目信息 CurrentNodeInfo4.标题列
2、表 TitleList5.插入文件内容 InsertHtml6.上下篇组件 注意：没有文章内容组件,组件简介,B.高级组件：相比普通组件，高级组件使用更为灵活，可以实现一些非常复杂的显示效果。常用的有：1.高级文章内容 Advcontent2.高级标题列表 Advtitlelist3.高级相关稿件 AdvRelatedContentLinks4.高级栏目列表 AdvClassList5.高级分页列表 AdvPageList6.高级附件列表 AdvAttachmentList注意：没有图片列表组件，用高级标题列表或者分页列表来实现。上面几个常用的组件基本上能完成大部分模板设计的任务，满足模板设计
3、人员的需求。,登录方式,DW登录方式 http:/202.109.115.185:7001IE登录 http:/202.109.115.185:7001,DW登录方式,1.打开DW2.点击登录,提示登录成功,DW登录方式,1.网站模板新建2.网站模板下载3.网站模板上载4.网站模板合成,DW登录方式,网站模板新建模板属性需要根据这个模板用于栏目页面还是文章页面来设定是“栏目模板”还是“文章模板”，单击“新建”按钮完成模板信息的添加或者编辑。,DW登录方式,网站模板下载,可以输入模板名称或者模板id号,可以修改模板文件本地存放路径,主要用于上传从服务器下载的模板,新建模板后的上传,优点：两种方式
4、的模板上传后，不用再单独合成模板,DW登录方式,网站模板合成,IE:登录,http:/192.168.1.108:7001,翔宇内容管理系统通用类组件,简单组件,当前位置（ClassPath）：当前页的导航信息。如：新浪首页 财经纵横 消费 正文。,样式表框：在样式表框中的各个输入框中输入相应的样式名称，修饰相应内容的显示效果。分割标记：输入不同栏目之间的分割符号，如上例中的“”。目标框架：空行：表示由系统默认_blank：表示打开新浏览窗口_parent：表示打开父浏览窗口_self：表示打开自身浏览窗口_top：表示打开最上层窗口,简单组件,需要和翔宇栏目管理扩展信息配合使用,简单组件,单
5、个栏目信息（SingleNode）：显示某个指定的栏目信息，当没有指定栏目ID时，就相当与是当前栏目信息组件。,栏目ID：指定要显示的栏目的ID号。显示内容：显示带链接的栏目名字：显示栏目名字，点击栏目名字到达该栏目网页。显示带链接的说明图片：显示栏目LOGO图，点击该图显示该栏目网页显示带链接的图标：显示栏目图标，通过点击该图显示该栏目下的内容。,简单组件,当前栏目信息（CurrentNodeInfo）：该组件用于显示当前页面相对应的栏目的信息。,简单组件,上下篇稿件：在文章页面中显示上，下篇稿件,高级组件,高级标题列表：显示满足条件的稿件，实现多样化的标题列表效果。,高级组件,稿件属性：指
6、定显示什么属性的稿件标题。系统对于一个栏目（栏目）下的稿件分成三类：头条、图片、一般；使用这个组件可以显示一类或全部的新闻。文章属性在源稿中心签发时指定，或者在发布中心中设置稿件属性。指定栏目ID：指定显示哪个栏目中的稿件。当输入ID号时，该模板就显示该ID号对应栏目中的稿件；如果没有输入ID号，显示当前栏目的稿件。总条数：指定该模板中显示的稿件数。是否显示伪码：选中后，会显示预览效果（没有实际稿件）。,高级组件,天数间隔：设定显示几天内的稿件。输入非零数字时，下面的推算方式变为可选。当总条数，天数间隔为0时，表示它们对栏目下的稿件数的限制不起作用。推算方式：,高级组件,当前时间：是指系统现在
7、的真实时间。最新时间：指定栏目下所有稿件中最新稿件的发布时间。精确到秒：指“天数”这个时间跨度是按秒来计算的。精确到天：指“天数”这个时间跨度是按天来计算的。,高级组件,置标：又叫占位标记，是有层次关系，通常有实体置标，属性置标，循环置标。实体置标：如稿件，由两部分组成：开始标记，结束标记。属性置标：如标题TitlePh，由三部分组成：开始标记、占位符，结束标记。循环置标：只有一个，有两部分组成：开始标记，结束标记。,高级组件,置标编辑：位于页面左边的最大的输入框，可以写任意的HTML代码，这些代码和系统专用的置标代码一起来控制页面的显示效果。在编写完成这些混合代码以后，您可以点击“语法检查”
8、按钮，它可以帮助您查到并且定位出发生的错误。双击右边的专用置标名字，这个置标就会被增加到编辑框中光标所在的位置，如果在编辑框中选中一段文字后再双击我们的置标，那么系统会用置标把选中的文字包括起来。,高级组件,置标编辑：如标题TitlePh，开始标记、占位符，结束标记作为一个整体来处理，您不能改动字符，大小写不区分，可以改。位置不能调整，在开始标记和占位符之间，占位符和结束标记之间、您可以填写任意的HTML置标、文字，系统原样输出。系统处理后，开始标记和结束标记不会出现在结果页面上，占位符会被实际的内容替换。如：【TitlePh】，实际标题就显示为：【穷人银行何以执行富人政策】,高级组件,置标编
9、辑：一个最通用的置标，起循环作用，可以嵌套，是一个使用相对自由的置标。要特别注意的是它的循环次数，它不是指定循环多少次就多少次，它还会受到数据库中实际符合条件（满足稿件属性、天数、指定栏目ID等条件）的记录数的限制。满足稿件属性、天数、指定栏目ID等条件，像Repeat这样带属性()的置标,在双击时会弹出对话框让您设置，设置确定后还需要修改，只能按照相应的格式修改。,高级组件,置标编辑：文章链接，给相应的稿件属性加上链接。如给标题加链接：TitlePh。在中可以给链接加属性，如：其它链接如：来源链接，当前栏目链接等使用方法一致。,高级组件,置标编辑：标题图片，显示稿件的标题图片。标题图片在编辑
10、器中设定。中可以加相关属性。如：。,高级组件,置标编辑：发布时间点击发布时间后，弹出属性窗口，可以选择属性。YearPh-MonthPh-DayPh HourPh:MinutePh:SecondPh WeekPh 占位符的顺序可以更改，占位符之间可以添加字符。如：MonthPh月DayPh日YearPh年,高级组件,置标编辑：循环 可以省略，一般为了达到每条指定的效果。TitlePhAuthorPh,注意：repeat和article之间不能有其它代码,高级组件,高级文章内容（AdvContent）：本组件通过组合稿件子项来控制文章内容页的显示。内容的子项与标题的子项是一样的，都是一篇稿件所具
11、有的属性。因此，写法与AdvTitleList的写法是一样的。区别只是本组件中不处理标记，只是显示当前稿件的各个子项。,高级组件,高级文章内容组件支持稿件的分页显示。分页操作必须在编辑器中设置，这里只是设置分页的显示样式。前缀，后缀：设置页码前后显示的字符。如：第2页：“第”就是前缀，“页”就是后缀。首页，尾页，上页，下页：设置这四个翻页链接的字符。页码样式 翻页样式：控制页码或翻页控制的字符的样式表名称。,高级组件,高级相关稿件列表：用在稿件模板中，用于显示与本模板显示稿件的相关稿件。其使用方法与高级标题列表（AdvTitleList）组件一样。它不需要设定显示哪些相关稿件。具体显示那些相关
12、稿件，由编辑器写稿时指定。,高级组件,高级栏目列表：用来显示一个栏目列表，可以扩展到显示标题列表、文章内容。,高级组件,这个栏目有两种方式来确定，一种就是通过“栏目ID”项的值来直接指定，就是指定的值所对应的栏目；另外一种就是在没有指定“栏目ID”项的值的情况下，通过包含这个组件的模版用在哪个栏目来确定，这个栏目就和使用“栏目ID”指定的栏目结果是一样的；使用后一种方式的好处就是一个模版可以用在不同的栏目上显示不同的栏目内容。,高级组件,其中各项的含义是：a.总是显示改栏目，即一个栏目无论在何种情况下都会被显示出来。这一项为默认选项。b.栏目属性“是否显示文章列表”选中才显示，在栏目管理的扩展
13、属性中，选中显示在导航栏,高级组件,c.栏目当天有文章才显示d.以上两点满足才显示,高级组件,高级分页标题列表：本组件以分页方式显示稿件的标题列表。,高级组件,1、图片、头条、普通，用来控制显示什么属性的稿件2、指定栏目ID，用来设定显示哪个栏目的稿件，与栏目类型结合，可以显示多种栏目类型的稿件，包括本栏目新闻、父栏目新闻、根栏目新闻。3、页条数，表示一页显示多少条4、总页数，指这个栏目下有多少文章要分页显示。,高级组件,5、翻页外观，设定翻页按钮的样式6、显示首尾页，在翻页按钮中显示首尾页按钮7、稿件的各个属性必须使用Article括起来 8、Repeat与Article之间不能有其他的代码
14、，有也将不起作用,高级组件,http:/202.109.115.185:7001/servlet/PagePreviewServlet?siteid=1&nodeid=8932&type=0,TitlePh,注意,1.另外一点需要注意的是，插入js代码时，要指定其编码为charset=gb23122.目前不支持双击打开组件编辑窗口 3.如果要查看组件效果，组件编辑框中的“是否显示伪码”选项必需钩上,模板管理,模板编号或id号,模板管理要点,1.模板属性只有两种栏目模板和文章模板2.模板存放规则，由系统分配模板编号，上传到服务器后文件名称自动变成为“模板id号.htm”,外联文件存放到“模板id号.files”3.inserthtml组件需要上传的头尾文件等，dw组件不能上传，会有单独的ftp进行上传。,栏目管理,新建栏目步骤,1.栏目类型基本选用电子新闻。2.选择对应的模板3.套用发布规则，发布规则现在按电子新闻和专题来区分。专题规则 http:/电子新闻规则 http:/4.预览检查，然后发布。,小问题,1.翔宇4.0使用什么编码2.新组件中，不支持那些组件，只需要列出两个.3.如何查看组件伪码,培训到此结束，谢谢！,
