方正翔宇内容管理系统
CMS
使 用 手 册 （模板制作）
北京北大方正电子有限公司
2008 年 3 月
本手册内容改动及版本更新将不再另行通知。本手册的范例中使用的人名、公司名
和数据如果没有特别指明，均属虚构。对于本手册、及本手册涉及的技术和产品，北京
北大方正电子有限公司拥有其专利、商标、著作权或其它知识产权，除非得到北京北大
方正电子有限公司的书面许可，本手册不授予这些专利、商标、著作权或其它知识产权
的许可。
版权所有©（1993 －2003）
北京北大方正电子有限公司 保留所有权利
Founder 是北京北大方正集团公司的注册商标，方正中央政府内容管理系统是北京
北大方正电子有限公司的商标。
Microsoft、MS-DOS、Windows、Windows NT 是 Microsoft 公司的商标或注册商标。
其它标牌和产品名称是其各自公司的商标或注册商标。
方正中央政府内容管理系统 CMS 一切有关权利属于北京北大方正电子有限
公司所有。
本手册中所涉及的软件产品及其后续升级产品均由北京北大方正电子有限公司制
作并负责全权销售。
如果您对本产品有任何建议，请与以下地址联系：
北大方正电子有限公司
地 址：北京海淀区上地五街九号方正大厦
邮 编：100085
传 真：（010）62981493
电 话：（010）62982266 转 1688
或转技术服务事业部客户服务中心
网 址：
目录
U第一章U U翔宇模板概述U ....................................................................................................1
U什么是翔宇模板U ................................................................................................1
U什么是翔宇组件U ................................................................................................1
U什么是翔宇置标U ................................................................................................2
U第二章 常用置标U ......................................................................................................................3
U标题 <Title>TitlePh</Title>：U .........................................................................3
U类似置标：U ................................................................................................5
U文章链接 <Url><a href=ArticleUrlPh></Url></a>U .........................................9
U类似置标U ..................................................................................................11
U稿件<Article></Article>U..................................................................................11
U类似置标U ..................................................................................................13
U标题图片<Picture><img src=PictureUrlPh border=0></Picture>U ..................13
U循环置标：<Repeat Begin=0 End=10 ></Repeat>U ........................................15
U发布时间：<PubTime Language=1 BriefMonth=0
BriefWeek=0>YearPh-MonthPh-DayPh HourPh:MinutePh:SecondPh WeekPh
</PubTime>U ......................................................................................................................17
U第三章 常用组件U ....................................................................................................................19
U当前位置ClassPathU ..........................................................................................19
U简单介绍U ..................................................................................................19
U具体应用U ..................................................................................................20
U当前栏目信息CurrentNodeInfoU ......................................................................22
U简单介绍U ..................................................................................................22
U具体应用U ..................................................................................................23
U单个栏目信息SingleNodeU ...............................................................................24
U简单介绍U ..................................................................................................24
U具体应用U ..................................................................................................25
U高级标题列表AdvTitleListU .............................................................................27
U简单介绍U ..................................................................................................27
U具体应用U ..................................................................................................34
U高级分页标题列表U ..........................................................................................57
U简单介绍U ..................................................................................................58
U具体应用U ..................................................................................................62
U高级相关稿件列表AdvRelatedContentLinksU .................................................66
U简单介绍U ..................................................................................................66
U具体应用U ..................................................................................................67
U高级栏目列表U ..................................................................................................67
U简单介绍U ..................................................................................................68
U具体应用U ..................................................................................................73
U高级文章内容组件AdvContentU ......................................................................78
U简单介绍U ..................................................................................................79
U具体应用U ..................................................................................................82
U高级附件列表U ..................................................................................................91
U简单介绍U ..................................................................................................91
U具体应用U ..................................................................................................93
U上下篇稿件U ......................................................................................................94
U简单介绍U ..........................................................................................95
U具体应用U ..........................................................................................95
U第四章 Dreamweaver插件U......................................................................................................96
UDreamweaver插件安装U....................................................................................97
U编辑组件U ........................................................................................................100
U方正组件U ........................................................................................................102
U登录U ........................................................................................................103
U网站模板新建U ........................................................................................105
U网站模板下载U ........................................................................................106
U网站模板预览U ........................................................................................108
U网站模板上载U ........................................................................................108
U模板合成U ................................................................................................110
U转换U ........................................................................................................112
U编辑U ........................................................................................................113
U关于方正组件U ........................................................................................113
0B第一章 翔宇模板概述
. 4B什么是翔宇模板
翔宇内容管理系统的页面发布采用基于模板的静态页面发布机制，系统将模板和数
据库中的数据结合生成外网用户浏览的静态页面。
模板是包含翔宇组件的 html 页面。模板中，页面整体的布局，以及一些固定不变
的内容由 html 编写，一些需要动态更新的内容由翔宇组件完成。模板根据用途，分为
栏目（概览）模板和文章（细览）模板。栏目模板主要用来生成栏目页面，栏目页面主
要显示栏目信息和栏目中的标题列表。文章模板主要用来生成文章页面，文章页面主要
显示文章的正文信息。模板制作完成后，可以将其挂接到相应的栏目上，每个栏目需要
一个栏目模板和一个文章模板，分别生成该栏目的栏目页面和文章页面。
. 5B什么是翔宇组件
翔宇组件是翔宇模板中的一段独立代码，它通过翔宇特有的 Dreamweaver 插件来编
辑。在 Dreamweaver 编辑窗口中，它显示为翔宇组件图标 或者相应的名称。选中
翔宇组件，点击属性窗口中的编辑，可以打开组件编辑框，如图：
翔宇组件在在 Dreamweaver 代码窗口中，它显示为 html 注释的方式。如：<!--webbot
bot="SingleNode" style="A:#IMAGE:#FONT:#TARGET:" nodeid="17063" szinfo="更多产
品 " TAG="BODY" PREVIEW="<a href= class=> 更 多 产 品 </a>"
startspan --><!--webbot bot="SingleNode" endspan i-checksum="0" -->。这段注释并不会被
浏览器解析。在页面生成时，生成系统会解析这段代码，并将这段代码使用真实的数据
进行替换。
. 6B什么是翔宇置标
置标是一种具有特定意义的占位标记，每种置标都表示一种翔宇中的元素。置标两
端有两个包括字符：“<”和“>”，通常成对出现，比如<Article></Article>，开始标签<
Article >，结束标签</Article>。
置标可以和 html 标签混合编辑，html 用来规定显示结构和样式等，置标用来控制
数据在模板中呈现，包括显示内容和显示位置。翔宇分析程序正是通过分析组件中的置
标，来提取数据库中的相对应数据，然后，在置标的位置处，用实际数据替换置标，从
而生成静态页面。在高级组件的编辑页面中的编辑框里，可以混合编辑 html 和翔宇置
标。组件中的置标和 html 中的标签十分类似，这样，只要懂得 html，就可以很快的理
解和使用翔宇置标。例如：
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td class=”title”>
<Article><Title length="0">TitlePh</Title></Article>
</td></tr>
</table>
Table,tr,td 设定了显示结构和样式，title 表示显示稿件的标题。
置标的编辑非常简单，可以像html标签一样直接手工输入，也可以通过点击编辑框
右边的属性名称，直接在鼠标出插入相对应的置标。
1B第二章 常用置标
7B标题 <Title>TitlePh</Title>：
标题置标用来显示稿件的标题。它有三部分组成，开始标签<Title>，结束标签
</Title>，占位符 TitlePh 组成。这三部分的位置不能颠倒，必须是<Title>TitlePh</Title>
这样一个顺序。统解析程序后，<Title> </Title>不会被输出， TitlePh 被替换成相应的实
际标题。例如：
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr><td height="150" >
<Article>
<Title >TitlePh</Title>
</Article>
</td></tr>
</table>
如果实际标题为：奥运会，输出内容为：
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr><td height="150" >
奥运会
</td></tr>
</table>
要 限 制 标 题 的 显 示 字 数 ， 可 以 给 <Title> 加 上 length 属 性 ， 如 ： <Title
length=”10”>TitlePh</Title>。这样，当标题长度大于 10 时，它将截取 8 个字符，然后加
上…。例如：
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr><td height="150" >
<Article>
<Title length="10">TitlePh</Title>
</Article>
</td></tr>
</table>
如果实际标题：方正电子获得中关村管委会技术标准专项资助资金，输出内容为：
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr><td height="150" >
方正电子获得中关…
</td></tr>
</table>
如果 length 的值为 0，则显示全部标题.。
在翔宇系统的稿签中，标题分为链接标题和标题。如果<Title>TitlePh</Title>出现在
高级文章内容组件中，它将显示的是标题。如果<Title>TitlePh</Title>出现在非高级文章
内容组件中，用于显示稿件列表时，将显示链接标题。
26B类似置标：
引题<PreTitle>PreTitlePh</PreTitle>
标题<Title>TitlePh</Title>
稿件 ID <Id>IdPh</Id>
副题<Subtitle>SubtitlePh</Subtitle>
摘要<Abstract>AbstractPh</Abstract>
作者<Author>AuthorPh</Author>
编辑<Editor>EditorPh</Editor>
责任编辑<Liability>LiabilityPh</Liability>
稿件正文<Content>ContentPh</Content>
来源<Source>SourcePh</Source>
媒体链接<MultiAttach>MultiAttachPh</MultiAttach>
当前栏目名 <CurrentName>CurrentNamePh</CurrentName>
主栏目名<MasterName>MasterNamePh</MasterName>
关键字 <Keyword>KeywordPh</Keyword>
来源图标<SourceIcon>SourceIconPh</SourceIcon>
新字图标<NewIcon>NewIconPh</NewIcon>
图片稿后缀 <PicIcon>PicIconPh</PicIcon>
稿件所在专题名 <EnpOwnSpecial>EnpOwnSpecialPh</EnpOwnSpecial>
在模板中出现的一些置标，有可能在稿签中相应的属性值为空。这时，这些值为空
的置标，将不输出任何内容。例如：
<Article>
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr>
<td height="150" >
<Title length="8">TitlePh</Title>
</td>
<td height="150" >
来源：<Source>SourcePh</Source>
</td>
</tr>
</table>
</Article>
如果实际标题：方正电子获得中关村管委会技术标准专项资助资金，来源：方正电
子。输出内容为：
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr>
<td height="150" >
方正电子获得中关村管委会技术标准专项资助资金
</td>
<td height="150" >
来源：方正电子
</td>
</tr>
</table>
如果实际标题：方正电子获得中关村管委会技术标准专项资助资金，来源：为空。
输出内容为：
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr>
<td height="150" >
方正电子获得中关村管委会技术标准专项资助资金
</td>
<td height="150" >
来源：
</td>
</tr>
</table>
在开始置标和结束置标之间可以添加 html 标签，文字等，系统解析后，它们之间
的字符会原样输出。例如：将上面例子中的“来源：”移动到<Source>SourcePh</Source>
中间，变为：<Source>来源：SourcePh</Source>
如果实际标题：方正电子获得中关村管委会技术标准专项资助资金，来源：方正电
子。输出内容为：
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr>
<td height="150" >
方正电子获得中关村管委会技术标准专项资助资金
</td>
<td height="150" >
来源：方正电子
</td>
</tr>
</table>
“<Source>来源：SourcePh</Source>”和“来源：<Source> SourcePh</Source>”输出内
容一致。
html 标签，文字可以放到开始置标和结束置标之间。但是，当该置标在稿签中属性
值为空时，开始标记和结束标记之间的内容，全部不输出。例如：：<Source>来源：
SourcePh</Source>
如果实际标题：方正电子获得中关村管委会技术标准专项资助资金，来源为空。输
出内容为：
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr>
<td height="150" >
方正电子获得中关村管委会技术标准专项资助资金
</td>
<td height="150" >
</td>
</tr>
</table>
“<Source>来源：SourcePh</Source>”中的字符“来源”由于稿签中来源的内容为空，
也没有输出。
8B文章链接 <Url><a
href=ArticleUrlPh></Url></a>
文章链接用来给其它置标，或者文字等加上文章链接。使用方法是选中需要加链接
的内容，双击编辑框右端的文章链接。翔宇系统解析时，<Url>，<Url>,会被去掉，
ArticleUrlPh 被替换成真实的标题连接，例如：
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr>
<td height="150" >
<Article>
<Url><a href=ArticleUrlPh></Url><Title length="0">TitlePh</Title></a>
</Article>
</td>
</table>
如果实际标题：方正电子获得中关村管委会技术标准专项资助资金。链接
为：../content/2008-03/15/。输出内容为：
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr>
<td height="150" >
<a href=../content/2008-03/15/ >方正电子获得中关村管委会
技术标准专项资助资金</a>
</td>
</table>
在置标“<a href=ArticleUrlPh>”中，可以像普通的链接一样，加入一些属性，事件等
内容，这些内容会原样输出。例如：
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr>
<td height="150" >
<Article>
<Url><a href=ArticleUrlPh class=”title” onclick=”show()” id=”num”></Url><Title
length="0">TitlePh</Title></a>
</Article>
</td>
</table>
如果实际标题：方正电子获得中关村管委会技术标准专项资助资金。链接
为：../content/2008-03/15/。输出内容为：
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr>
<td height="150" >
<a href=../content/2008-03/15/ class=”title”
onclick=”show()” id=”num”>方正电子获得中关村管委会技术标准专项资助资金</a>
</td>
</table>
27B类似置标
来源链接<SourceUrl><a href=SourceUrlPh></SourceUrl></a>
当前栏目链接<CurrentUrl><a href=CurrentUrlPh></CurrentUrl></a>
主栏目链接 <MasterUrl><a href=MasterUrlPh></MasterUrl></a>
稿件所在专题链接<EnpOwnSpecialUrl><a
href=EnpOwnSpecialUrlPh></EnpOwnSpecialUrl></a>
9B稿件<Article></Article>
由开始置标<Article>,结束置标</Article>组成。它将所有同一稿件的属性包在一起，
表示所有被稿件置标包括在内的置标，全部从同一条稿件的数据中提取。如：
<table>
<tr><td>
<Article><Title length="0">TitlePh</Title></Article>
</tr></td>
<td><tr>
<Article><Title length="0">TitlePh</Title></Article>
</td></tr>
</table>
系统解析后，将生成两条相邻的稿件标题。
<table>
<tr><td>
方正电子签约中宣部宣传信息网改造项目
</td></tr>
<tr><td>
方正电子获得中关村管委会技术标准专项资助资金
</td></tr>
</table>
如果组件中没有稿件置标将稿件属性括起来，如：
<table>
<tr><td>
<Title length="0">TitlePh</Title>
</tr></td>
<tr><td>
<Title length="0">TitlePh</Title>
</tr></td>
</table>
系统解析后，将生成两条相同稿件的标题，
<table>
<tr><td>
方正电子签约中宣部宣传信息网改造项目
</td></tr>
<tr><td>
方正电子签约中宣部宣传信息网改造项目
</td></tr>
</table>
28B类似置标
栏目组件<Class></Class>
10B标题图片<Picture><img src=PictureUrlPh
border=0></Picture>
标题图片由开始标记<Picture>，结束标记</Picture>，占位符PictureUrlPh，html标签
img组成。它用来显示稿件的标题图片。系统解析时，将<Picture>， </Picture>去掉，img
标签保留，PictureUrlPh替换成正式的图片地址。例如：
<Article>
<table>
<tr><td>
<Picture><img src=PictureUrlPh></Picture>
</td></tr>
<tr><td>
<Title length="0">TitlePh</Title>
</td></tr>
</table>
</Article>
系统解析后，将生成同一稿件的标题图片和标题：
<table>
<tr><td>
<img src=/pic /jpg/site1/20080320/>
</td></tr>
<tr><td>
方正电子签约中宣部宣传信息网改造项目
</td></tr>
</table>
<Picture><img src=PictureUrlPh border=0></Picture>中的 img 标签同普通 html 标签
一样，可以输入任何属性等，系统会原样输出。例如：
<Article>
<table>
<tr><td>
<Picture><img src=PictureUrlPh border=0 class=”main”
onclick=”show()”></Picture>
</td></tr>
<tr><td>
<Title length="0">TitlePh</Title>
</td></tr>
</table>
</Article>
系统解析后，将生成同一稿件的标题图片和标题：
<table>
<tr><td>
<img src=/pic /jpg/site1/20080320/ border=0
class=”main” onclick=”show()”>
</td></tr>
<tr><td>
方正电子签约中宣部宣传信息网改造项目
</td></tr>
</table>
11B循环置标：<Repeat Begin=0 End=10 ></Repeat>
循环置标由开始标题<Repeat>,结束标记</Repeat>,以及属性Begin，End组成。Begin
代表从第几条数据开始，End代表从第几条数据结束.循环次数一般等于End减去Begin后
的值加1。被循环置标包含的内容，会被重复生成指定次数。如：
<table>
<Repeat Begin=1 End=2>
<tr><td>
<Article><Title length="0">TitlePh</Title></Article>
</tr></td>
</Repeat>
</table>
系统解析后，生成的代码为：
<table>
<tr><td>
方正电子签约中宣部宣传信息网改造项目
</td></tr>
<tr><td>
方正电子获得中关村管委会技术标准专项资助资金
</td></tr>
</table>
循环置标可以嵌套。嵌套后，循环次数为每层循环次数的乘积。例如：
<Repeat Begin=1 End=2>
<table>
<Repeat Begin=1 End=2>
<tr><td>
<Article><Title length="0">TitlePh</Title></Article>
</tr></td>
</Repeat>
</table>
</Repeat>
系统解析后，生成的代码为：
<table>
<tr><td>
方正电子签约中宣部宣传信息网改造项目
</td></tr>
<tr><td>
方正电子获得中关村管委会技术标准专项资助资金
</td></tr>
</table>
<table>
<tr><td>
方正电子通过 CMMI4 评估
</td></tr>
<tr><td>
“王选星”命名仪式在京隆重举行
</td></tr>
</table>
12B发布时间：<PubTime Language=1 BriefMonth=0
BriefWeek=0>YearPh-MonthPh-DayPh
HourPh:MinutePh:SecondPh WeekPh </PubTime>
发布时间由开始置标<PubTime>，属性Language， BriefMonth，BriefWeek，占位
符YearPh-MonthPh-DayPh HourPh:MinutePh:SecondPh WeekPh，和结束置标</PubTime>
组成。组件编辑窗口中，点击发布时间后。弹出窗口中可以设定发布时间显示的内容和
属性。
占位符YearPh，MonthPh，DayPh HourPh，MinutePh，SecondPh， WeekPh可以任
意改变顺序，添加间隔符号，或者删除。例如：
<PubTime Language=1 BriefMonth=0 BriefWeek=0> MonthPh月DayPh日
HourPh:MinutePh</PubTime>。
翔宇系统解析后，生成代码为：
12月22日 16:18
2B第三章 常用组件
13B 当前位置ClassPath
. 29B 简单介绍
当前位置显示当前页的导航信息。如： 。
样式：设置显示内容的样式
文字链接：指定链接的样式。
分隔标记：指定分隔标记的样式。
分隔标记：输入不同栏目直接的间隔符号
目标框架：用来设定点击链接弹出的窗口方式，有如下选项：
空行：表示由系统默认
_blank：表示打开新浏览窗口
_parent：表示打开父浏览窗口
_self：表示打开自身浏览窗口
_top：表示打开最上层窗口
栏目信息是否出现在导航信息中，需要在翔宇系统中的栏目扩展信息中设
置，如图： 。如果选
中否，栏目链接将不会出现在导航路径中。
. 30B 具体应用
. 58B 效果图
. 59B 属性设置
. 60B 生成Html
<A class=title href="../../" target=_parent>重大新闻 </A>
<FONT class=space>>>></FONT>
<A class=title href="../../" target=_parent>新闻出版</A>
14B 当前栏目信息CurrentNodeInfo
. 31B简单介绍
该组件用于显示当前页面相对应的栏目的信息。
样式：设定各种显示类型的样式。
链接：设置显示链接的样式。
图像：设置显示图片的样式。
文字：设置显示文字的样式。
显示类型。用于指定需要显示的栏目信息
显示带链接的栏目名字：显示加链接的栏目名称,链接指向为该栏目页面的地址。
显示带链接的说明图片：显示加链接的栏目 Logo，链接指向为该栏目页面的地址。
显示带链接的图标：显示加链接的。
剩下的三项与上雷同只是没有链接。
当前栏目父栏目：选中此选项后，系统则显示当前栏目的父栏目信息。
. 32B具体应用
. 61B 效果图
. 62B 属性设置
. 63B生成Html
<A class=title href="../../" target=_blank><FONT class="">新闻出版
</FONT></A>
15B 单个栏目信息SingleNode
. 33B简单介绍
该组件显示指定栏目的栏目信息。
栏目 ID：输入相应栏目的 ID 号。系统解析程序根据栏目 ID 号提取指定栏目的信
息。如果栏目 ID 号为空，则提取当前栏目的信息，功能同当前栏目信息组件。
显示内容：于指定需要显示的栏目信息。
显示带链接的栏目名字：显示加链接的栏目名称，链接指向为该栏目页面的地址。
显示带链接的说明图片：显示加链接的栏目 Logo，链接指向为该栏目页面的地址。
显示带链接的图标：显示加链接的。
剩下的三项与上雷同只是没有链接。
显示类型中可以输入 html 标签，文字等。当输入 html 标签，或者文字后，系统会
自动在 html 标签，文字上加上该栏目的链接。如：输入<img src=”/pic/”>,系统解
析后，生成 html 代码为：<a href=”/”><img src=”/pic/”></a>
样式单名称：设定各种显示类型的样式。
链接：设置显示链接的样式。
图像：设置显示图片的样式。
文字：设置显示文字的样式。
目标：用来设定点击链接弹出的窗口方式，有如下选项：
空行：表示由系统默认
_blank：表示打开新浏览窗口
_parent：表示打开父浏览窗口
_self：表示打开自身浏览窗口
_top：表示打开最上层窗口
. 34B具体应用
. 64B效果图
. 65B属性设置
. 66B生成Html
<A class="" href="../../" target=_blank><STRONG> 新 闻 中 心
</STRONG></A>
16B 高级标题列表AdvTitleList
. 35B简单介绍
该组件用于显示满足相应条件的稿件。高级标题列表是最常使用的组件，栏目页面
中的稿件标题列表大部分由这个组件完成。
. 67B头部参数
头部参数是用来设置需要显示稿件的限定条件的，只有符合头部参数条件的稿件，
才可以被显示出来。
文章属性
用来指定显示什么属性的稿件。翔宇系统中，栏目下的稿件分成三类：头条、图片、
一般。 例如：选中头条，则该组件会提取相应栏目下面的头条稿件，其它类型的稿件
不会显示。如果没有选中任何类型，系统显示全部类型的稿件。
天数间隔
设定显示稿件的时间间隔。例如：值为 2，表示显示距离现在 2 天内的稿件。
如果值为 0，则表示没有任何天数间隔限制。稿件的发布时间在天数范围内的稿件
就会被显示出来。
推算方式
天数间隔不为 0 时，推算方式变为可选。推算方式设定了如何计算天数间隔。
当前时间：指系统时间、真实时间、您手表的日期和时间。
最新时间：指定栏目下所有稿件中最新稿件的发布时间。
精确到秒：指“天数”这个时间跨度是按秒来计算的。
精确到天：指以天为单位来计算时间跨度。
从当前时间推算精确到秒：指从系统时间（您手表的时间）开始往前推，推的
时间跨度假如设定为一天，那么就是 1 天*24 小时*60 分钟*60 秒，在这个时间范围
内的稿件都会被显示出来。
从最新时间推算精确到秒：从指定栏目下找到最新的稿件，以这个稿件的发布
时间，开始往前推，推的时间跨度假如设定为一天，那么就是 1 天*24 小时*60 分
钟*60 秒，在这个时间范围内的稿件都会被显示出来。
从当前时间推算精确到天：从系统时间（您手表的时间）开始往前推，推的时
间跨度假如设定为一天，那么就是显示的只是今天零时开始到现在这个时间跨度内
的稿件标题。
从最新时间推算精确到天：从指定栏目下找到最新的稿件，以这个稿件的发布
时间，开始往前推，推的时间跨度假如设定为一天，那么显示的就是和发布时间的
日期在同一天的稿件。
总条数
当天数间隔为 0 时，该属性变为可编辑状态。输入的数字表示该组件可以显示的最
大稿件数。
样式
选取翔宇系统中，组件效果中定义的组件效果。
指定栏目 ID
输入相应栏目的 ID 号。系统解析程序根据栏目 ID 号提取指定栏目的稿件。如果栏
目 ID 号为空，则提取当前栏目的稿件。
是否显示伪码
选中该选项时，组件将在 Dreamweaver 代码窗口中以伪码的方式显示，这样，在
Dreamweaver 编辑窗口中，可以看到组件的样式效果。例如：
不选中时：
选中时：
反序
选中反序后，符合条件的稿件将按照发布时间倒序排列，即发布时间距离现在越长，
越靠前。默认不选中，表示按照发布时间排序，发布时间距离现在越近，越靠前。
扩展属性
当输入栏目 ID 时，点击“扩展属性”，该栏目的扩展属性将列在右下端“扩展属性”
框中显示。
. 68B基本属性
基本属性里面列出了该组件支持的所有置标。
循环<Repeat Begin=0 End=0></Repeat>
稿件<Article></Article>
引题<PreTitle>PreTitlePh</PreTitle>
标题<Title>TitlePh</Title>
稿件 ID<Id>IdPh</Id>
副题<Subtitle>SubtitlePh</Subtitle>
文章链接<Url><a href=ArticleUrlPh></Url></a>
摘要<Abstract>AbstractPh</Abstract>
作者<Author>AuthorPh</Author>
编辑<Editor>EditorPh</Editor>
责任编辑<Liability>LiabilityPh</Liability>
稿件正文<Content>ContentPh</Content>
来源<Source>SourcePh</Source>
来源链接<SourceUrl><a href=SourceUrlPh></SourceUrl></a>
发布时间<PubTime Language=1 BriefMonth=0 BriefWeek=0>
YearPh-MonthPh-DayPh HourPh:MinutePh:SecondPh WeekPh </PubTime>
标题图片<Picture><img src=PictureUrlPh border=0></Picture>
媒体链接<MultiAttach>MultiAttachPh</MultiAttach>
当前栏目名<CurrentName>CurrentNamePh</CurrentName>
当前栏目链接<CurrentUrl><a href=CurrentUrlPh></CurrentUrl></a>
主栏目名<MasterName>MasterNamePh</MasterName>
主栏目链接<MasterUrl><a href=MasterUrlPh></MasterUrl></a>
关键字<Keyword>KeywordPh</Keyword>
评字后缀<CommentUrl><a
href=CommentUrlPh></CommentUrl><Comment>CommentPh</Comment></a>
来源图标<SourceIcon>SourceIconPh</SourceIcon>
新字图标<NewIcon>NewIconPh</NewIcon>
专题后缀<SpecialUrl><a
href=SpecialUrlPh></SpecialUrl><Special>SpecialPh</Special></a>
后缀图标<SuffixUrl><a href=SuffixUrlPh></SuffixUrl><Suffix>SuffixPh</Suffix></a>
图片稿后缀<PicIcon>PicIconPh</PicIcon>
稿件所在专题名<EnpOwnSpecial>EnpOwnSpecialPh</EnpOwnSpecial>
稿件所在专题链接<EnpOwnSpecialUrl><a
href=EnpOwnSpecialUrlPh></EnpOwnSpecialUrl></a>
. 69B置标编辑框
置标编辑框是编辑 html 和置标的区域。Html 和置标可以混合编辑，html 控制显示
结构和样式，置标控制显示内容。将鼠标停在需要输入置标的位置，点击基本属性中的
中文名称，该置标变回自动插入。
. 36B 具体应用
. 70B标题列表
. 96B效果图
. 97B组件代码
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr>
<td height="150" class="liebiao_12_20" valign="top">
<div class="bt_jd_01">
<Repeat Begin=0 End=2>
<Article>
· <Url><a href=ArticleUrlPh
target="_blank"></Url><Title>TitlePh</Title></a><br>
</Article>
</Repeat>
</div>
</td>
</tr>
</table>
. 98B代码分析：
黑色表示 html 的标签，蓝色表示翔宇置标。
<Title>TitlePh</Title>：表示稿件的标题。
<Url><a href=ArticleUrlPh target="_blank"></Url>……</a>：表示给稿件标题加上链
接。
<Article>…… </Article>：表示置标内部的所有置标均为同一稿件的属性。
<Repeat Begin=0 End=2>……</Repeat>：表示循环置标内部的内容两遍，即取两条
稿件的标题以及链接
. 99B生成Html：
黑色表示 html 的标签，蓝色表示翔宇置标。
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr>
<td height="150" class="liebiao_12_20" valign="top">
<div class="bt_jd_01">
·<a href="../content/2008-03/15/" target="_blank">方正
飞腾创艺 </a><br/>
·<a href="../content/2008-03/15/" target="_blank">媒体
客户关系管理系统 </a><br/>
</div>
</td>
</tr>
</table>
. 71B新字后缀
. 100B效果图
. 101B组件代码
<table>
<Repeat Begin=0 End=4>
<Article>
<tr><td>·</td><td>
<Url><a href=ArticleUrlPh></Url><Title>TitlePh</Title></a>
<NewIcon>NewIconPh</NewIcon>
</td></tr>
</Article>
</Repeat>
</table>
. 102B代码分析：
黑色表示 html 的标签，蓝色表示翔宇置标。
<Title>TitlePh</Title>：表示稿件的标题。
<Url><a href=ArticleUrlPh target="_blank"></Url>……</a>：表示给稿件标题加上链
接。
<NewIcon>NewIconPh</NewIcon>：表示给当天的新稿件加上新字图标。新字图标在翔
宇系统的图标管理中定义。
<Article>…… </Article>：表示置标内部的所有置标均为同一稿件的属性。
<Repeat Begin=0 End=4>……</Repeat>：表示循环置标内部的内容四遍，即生成四
行，每行显示一条稿件。
. 103B生成Html：
<table>
<tr><td>·</td>
<td>
<a href="../../../content/2008-03/24/">“全媒体资源库”喜讯</a>
<img src="../../../attachment/" border="0"/>
</td></tr>
<tr><td>·</td>
<td>
<a href="../../../content/2008-03/24/">科技创新企业突出贡献
奖</a> <img src="../../../attachment/" border="0"/></td>
</tr>
<tr><td>·</td>
<td>
<a href="../../../content/2008-03/24/">方正电子收获金色九月
</a>
<img src="../../../attachment/" border="0"/></td>
</tr>
<tr><td>·</td>
<td>
<a href="../../../content/2008-02/22/">“王选星”命名仪式在京
隆重举行</a> </td>
</tr>
</table>
. 72B标题图片
. 104B效果图
. 105B组件代码
<table width="94%" border="0" cellpadding="0" cellspacing="0"
bgcolor="#EFEFEF">
<tr>
<td width="8"> </td>
<td width="173">
<Repeat Begin=0 End=2>
<Article>
<Url><a href=ArticleUrlPh></Url><Picture><img src=PictureUrlPh
border=0></Picture></a>
</Article>
</Repeat>
</td>
</tr>
</table>
. 106B代码分析
黑色表示 html 的标签，蓝色表示翔宇置标。
<Picture><img src=PictureUrlPh border=0></Picture>：表示稿件的标题图片
<Url><a href=ArticleUrlPh target="_blank"></Url>……</a>：表示给稿件标题图片加
上链接。
<Article>…… </Article>：表示置标内部的所有置标均为同一稿件的属性。
<Repeat Begin=0 End=2>……</Repeat>：表示循环置标内部的内容两遍，即取两条
稿件的标题图片以及链接
. 107B生成Html
黑色表示 html 的标签，蓝色表示翔宇置标。
<table width="94%" border="0" cellpadding="0" cellspacing="0" bgcolor="#EFEFEF">
<tr>
<td width="8"> </td>
<td width="173">
<a href="../content/2008-03/14/"><img
src="../contentimg/attachement/jpg/site1661/20080315/"
border="0"/></a>
<a href="../content/2008-03/15/"><img
src="../contentimg/attachement/jpg/site1661/20080315/"
border="0"/></a>
</td>
</tr>
</table>
. 73B标题图片，标题加摘要
. 108B效果图
. 109B组件代码
<table width="426" height="130" border="0" cellpadding="0" cellspacing="3">
<tr>
<Article>
<td width="160" valign="top">
<Url><a href=ArticleUrlPh target="_blank"></Url><Picture><img
src=PictureUrlPh border=0 width="160" height="120"></a></Picture>
</td>
<td width="267" align="left" valign="top" class="fz_zw_12_16"><b>
<Url><a href=ArticleUrlPh target="_blank"></Url><Title>TitlePh</Title></a>
</b><br>
<Abstract>AbstractPh</Abstract>
</td>
</Article>
</tr>
</table>
. 110B代码分析
黑色表示 html 的标签，蓝色表示翔宇置标。
<Picture><img src=PictureUrlPh border=0></Picture>：表示稿件的标题图片。
<Title>TitlePh</Title>：表示稿件的标题。
<Url><a href=ArticleUrlPh target="_blank"></Url>……</a>：表示给稿件标题图片，
还有标题加上链接。
<Abstract>AbstractPh</Abstract>：表示稿件的摘要。
<Article>…… </Article>：表示置标内部的所有置标均为同一稿件的属性。
. 111B生成Html
黑色表示 html 的标签，蓝色表示翔宇置标。
<table width="426" height="130" border="0" cellpadding="0" cellspacing="3">
<tr>
<td width="160" valign="top">
<a href="../content/2008-03/15/" target="_blank"><img
src="../contentimg/attachement/jpg/site1661/20080321/"
border="0" width="160" height="120"/></a>
</td>
<td width="267" align="left" valign="top" class="fz_zw_12_16"><b>
<a href="../content/2008-03/15/" target="_blank">永远闪耀在
宇宙星空――“王选星”命名仪式在京隆重举行</a>
</b><br/>
王选院士是享誉海内外的著名的计算机科学家、中国计算机汉字激光照排技术创始
人。他杰出的学术成就和所开创的汉字印刷技术革命，为我国的科技发展和产业自主创
新做出了重大贡献。</td>
</tr>
</table>
. 74B背景交替
. 112B效果图
. 113B组件代码
<table>
<Repeat Begin=0 End=2>
<Article>
<tr><td bgcolor=#999999>
<Url><a href=ArticleUrlPh></Url><Title>TitlePh</Title></a>
</td></tr>
</Article>
<Article>
<tr><td bgcolor=#CCCCFF>
<Url><a href=ArticleUrlPh></Url><Title>TitlePh</Title></a>
</td></tr>
</Article>
</Repeat>
</table>
. 114B代码分析
黑色表示 html 的标签，蓝色表示翔宇置标。
<Title>TitlePh</Title>：表示稿件的标题。
<Url><a href=ArticleUrlPh target="_blank"></Url>……</a>：表示给稿件标题加上链
接。
<Article>…… </Article>：表示置标内部的所有置标均为同一稿件的属性。在本次组
件代码中，出现两个<Article>…… </Article>，表示这两个<Article>……</Article> 所
包含的<Url><a href=ArticleUrlPh></Url><Title>TitlePh</Title></a>分别取自两个相邻的不同稿
件。
<Repeat Begin=0 End=2>……</Repeat>：表示循环置标内部的内容两遍。因为
<Repeat Begin=0 End=2>……</Repeat>中包含两个<Article>…… </Article> ， 所 以 2 ×
2=4，系统会取出四条不同的稿件，并且背景颜色交替变换。
. 115B生成Html
<table>
<tr><td bgcolor="#999999">
<a href="../../../content/2008-03/24/">“王选星”命名仪式在京
隆重举行</a>
</td></tr>
<tr><td bgcolor="#CCCCFF">
<a href="../../../content/2008-03/24/">津巴布韦友人到访方正
电子</a>
</td></tr>
<tr><td bgcolor="#999999">
<a href="../../../content/2008-03/24/">签约大连银行，方正“翔
宇”突破新应用领域</a>
</td></tr>
<tr><td bgcolor="#CCCCFF">
<a href="../../../content/2008-03/24/">哈佛 耶鲁精英齐聚方正
电子 </a>
</td></tr>
</table>
. 75Brepeat双循环
. 116B效果图
. 117B组件代码
<table>
<Repeat Begin=0 End=3>
<Repeat Begin=0 End=2>
<Article>
<tr><td>·</td><td>
<Url><a href=ArticleUrlPh></Url><Title>TitlePh</Title></a>
</td></tr>
</Article>
</Repeat>
<tr>
<td colspan="2" bgcolor="#CCCCCC"> </td>
</tr>
</Repeat>
</table>
. 118B代码分析
黑色表示 html 的标签，蓝色表示翔宇置标。
<Title>TitlePh</Title>：表示稿件的标题。
<Url><a href=ArticleUrlPh target="_blank"></Url>……</a>：表示给稿件标题加上链
接。
<Article>…… </Article>：表示置标内部的所有置标均为同一稿件的属性。
<Repeat Begin=0 End=2>……</Repeat>：表示循环置标内部的内容两遍，即取两条
稿件的标题以及链接
<Repeat Begin=0 End=3>……</Repeat>：表示循环置标内部的内容三遍，因为这一
层循环里面套了一层循环，所以 2×3=6，即取六条稿件的标题以及链接
<tr><td colspan="2" bgcolor="#CCCCCC"> </td></tr>：这段代码因为在两层循环置标之间，所以
它最内层循环每生成两条稿件后，便和这段html代码一起，被被最外一层循环置标循环生成了三遍，
形成每两行标题链接加一空行的交替列表形式。
. 119B生成Html
<table>
<tr><td>·</td><td>
<a href="../../../content/2008-03/24/">“全媒体资源库”喜讯</a>
</td></tr>
<tr><td>·</td><td>
<a href="../../../content/2008-03/24/">科技创新企业突出贡献
奖</a>
</td></tr>
<tr>
<td colspan="2" bgcolor="#CCCCCC"> </td>
</tr>
<tr><td>·</td><td>
<a href="../../../content/2008-03/24/">方正电子收获金色九月
</a>
</td></tr>
<tr><td>·</td><td>
<a href="../../../content/2008-02/22/">“王选星”命名仪式在京
隆重举行</a>
</td></tr>
<tr>
<td colspan="2" bgcolor="#CCCCCC"> </td>
</tr>
<tr><td>·</td><td>
<a href="../../../content/2008-02/22/">方正电子通过 CMMI4
评估</a>
</td></tr>
<tr><td>·</td><td>
<a href="../../../content/2008-02/22/"> 津巴布韦友人到访方正
电子</a>
</td></tr>
<tr>
<td colspan="2" bgcolor="#CCCCCC"> </td>
</tr>
</table>
. 76B当前栏目
. 120B效果图
. 121B组件代码
<table width=380 border=1 cellspacing=0 cellpadding=0>
<tr bgcolor=#EEEEEE>
<td>
<CurrentName>CurrentNamePh</CurrentName>
</td><td align=right valign=bottom>
<CurrentUrl><a href=CurrentUrlPh></CurrentUrl>更多>></a>
</td>
</tr></table>
<table width=380 border=1 cellspacing=0 cellpadding=0>
<Repeat Begin=0 End=5>
<Article>
<tr>
<td width=20 align=center class=hei14 height=24>·</td>
<td width=360>
<Url><a href=ArticleUrlPh></Url><Title>TitlePh</Title></a><PubTime
Language=1 BriefMonth=0 BriefWeek=0>DayPh HourPh:MinutePh:SecondPh</PubTime>
</td>
</tr>
</Article>
</Repeat>
</table>
. 122B代码分析
黑色表示 html 的标签，蓝色表示翔宇置标。
<CurrentName>CurrentNamePh</CurrentName>：表示稿件所在栏目的名称。
<CurrentUrl><a href=CurrentUrlPh></CurrentUrl>更多>></a>：表示给字符“更多>>”加上稿件
所在栏目的链接。
<Title>TitlePh</Title>：表示稿件的标题。
<PubTime Language=1 BriefMonth=0 BriefWeek=0>DayPh HourPh:MinutePh:SecondPh</PubTime>：
表示稿件的发布时间。
<Url><a href=ArticleUrlPh target="_blank"></Url>……</a>：表示给稿件标题加上链
接。
<Article>…… </Article>：表示置标内部的所有置标均为同一稿件的属性。
<Repeat Begin=0 End=6>……</Repeat>：表示循环置标内部的内容六遍，即取六条
稿件的标题和链接
. 123B生成Html
<table width="380" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#EEEEEE">
<td>重大新闻</td>
<td align="right" valign="bottom"><a href="../../"> 更 多
</a>>></td>
</tr>
</table>
<table width="380" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="20" align="center" class="hei14" height="24">·</td>
<td width="360"><a href="../../../content/2008-02/22/">科技创新企
业突出贡献奖</a>22 15:57:33</td>
</tr>
<tr>
<td width="20" align="center" class="hei14" height="24">·</td>
<td width="360"><a href="../../../content/2008-02/22/">方正电子收
获金色九月</a>22 15:55:15</td>
</tr>
<tr>
<td width="20" align="center" class="hei14" height="24">·</td>
<td width="360"><a href="../../../content/2008-02/22/">“全媒体资源
库”喜讯</a>22 16:06:18</td>
</tr>
<tr>
<td width="20" align="center" class="hei14" height="24">·</td>
<td width="360"><a href="../../../content/2008-02/22/">“王选星”命
名仪式在京隆重举行</a>22 16:24:40</td>
</tr
<tr>
<td width="20" align="center" class="hei14" height="24">·</td>
<td width="360"><a href="../../../content/2008-02/22/">方正电子通
过 CMMI4 评估</a>22 15:59:44</td>
</tr>
</table>
. 77B主栏目链接
. 124B效果图
. 125B组件代码
<table>
<Repeat Begin=0 End=4>
<Article>
<tr><td>
[ <MasterUrl><a href=MasterUrlPh
style="color:#666600"></MasterUrl><MasterName>MasterNamePh</MasterName></a>&n
bsp;]
</td><td>
<Url><a href=ArticleUrlPh></Url><Title>TitlePh</Title></a>
</td></tr>
</Article>
</Repeat>
</table>
. 126B代码分析
黑色表示 html 的标签，蓝色表示翔宇置标。
<MasterName>MasterNamePh</MasterName>：表示稿件所在主栏目的名称。
<MasterUrl><a href=MasterUrlPh style="color:#666600"></MasterUrl>…… </a>：表示给字符主
栏目名称加上稿件所在主栏目的链接。
<Title>TitlePh</Title>：表示稿件的标题。
<Url><a href=ArticleUrlPh target="_blank"></Url>……</a>：表示给稿件标题加上链
接。
<Article>…… </Article>：表示置标内部的所有置标均为同一稿件的属性。
<Repeat Begin=0 End=4>……</Repeat>：表示循环置标内部的内容四遍，即取四条
稿件的标题和链接
. 127B生成Html
<table><tr><td>
[ <a href="../../" style="color:#666600"> 解 决 方 案
</a> ]
</td><td>
<a href="../../../content/2008-03/24/">“全媒体资源库”喜讯</a>
</td></tr>
<tr><td>
[ <a href="../../" style="color:#666600"> 重 大 新 闻
</a> ]
</td><td>
<a href="../../../content/2008-03/24/">科技创新企业突出贡献
奖</a>
</td></tr>
<tr><td>
[ <a href="../../" style="color:#666600"> 方 正 新 闻
</a> ]
</td><td>
<a href="../../../content/2008-03/24/">方正电子收获金色九月
</a>
</td></tr>
<tr><td>
[ <a href="../../" style="color:#666600"> 重 大 新 闻
</a> ]
</td><td>
<a href="../../../content/2008-02/22/">“王选星”命名仪式在京
隆重举行</a>
</td>
</tr>
</table>
17B高级分页标题列表
. 37B简单介绍
该组件以分页的形式显示满足相应条件的稿件。
78B头部参数
头部参数是用来设置需要显示稿件的限定条件的，只有符合头部参数条件的稿件，
才可以被显示出来。
栏目 ID
输入相应栏目的 ID 号。系统解析程序根据栏目 ID 号提取指定栏目的稿件。如果栏
目 ID 号为空，则提取当前栏目的稿件。
扩展属性
当输入栏目 ID 时，点击“扩展属性”，该栏目的扩展属性将列在右下端“扩展属性”
框中显示。
文章属性
用来指定显示什么属性的稿件。翔宇系统中，栏目下的稿件分成三类：头条、图片、
一般。 例如：选中头条，则该组件会提取相应栏目下面的头条稿件，其它类型的稿件
不会显示。如果没有选中任何类型，系统显示全部类型的稿件。
页条数
输入的输入表示该组件每页可以显示的稿件条数。
总页数
输入的数字表示该组件可以显示的最大分页数。
是否显示伪码
选中该选项时，组件将在 Dreamweaver 代码窗口中以伪码的方式显示，这样，在
Dreamweaver 编辑窗口中，可以看到组件的样式效果。
样式
选取翔宇系统中，组件效果中定义的组件效果。
翻页外观
页码样式
输入给分页形成的数字定义的样式名称。
翻页样式：
输入上页，下页，首页，尾页等翻页按钮的样式名称。
前缀后缀
输入翻页数字的前缀和后缀。
是否显示首尾页
是否在静态页面上显示首页和尾页。
首页尾页
输入首页，尾页在静态页面上的显示名称。如首页叫“第一页”，尾页叫“最后一页”。
上一页下一页
输入上一页，下一页在静态页面上的显示名称。如上一页叫“Pre”，下一页叫
“Next”。
79B基本属性
基本属性里面列出了该组件支持的所有置标。
循环<Repeat Begin=0 End=0></Repeat>
稿件<Article></Article>
引题<PreTitle>PreTitlePh</PreTitle>
标题<Title>TitlePh</Title>
稿件 ID<Id>IdPh</Id>
副题<Subtitle>SubtitlePh</Subtitle>
文章链接<Url><a href=ArticleUrlPh></Url></a>
摘要<Abstract>AbstractPh</Abstract>
作者<Author>AuthorPh</Author>
编辑<Editor>EditorPh</Editor>
责任编辑<Liability>LiabilityPh</Liability>
稿件正文<Content>ContentPh</Content>
来源<Source>SourcePh</Source>
来源链接<SourceUrl><a href=SourceUrlPh></SourceUrl></a>
发布时间<PubTime Language=1 BriefMonth=0 BriefWeek=0>
YearPh-MonthPh-DayPh HourPh:MinutePh:SecondPh WeekPh </PubTime>
标题图片<Picture><img src=PictureUrlPh border=0></Picture>
媒体链接<MultiAttach>MultiAttachPh</MultiAttach>
当前栏目名<CurrentName>CurrentNamePh</CurrentName>
当前栏目链接<CurrentUrl><a href=CurrentUrlPh></CurrentUrl></a>
主栏目名<MasterName>MasterNamePh</MasterName>
主栏目链接<MasterUrl><a href=MasterUrlPh></MasterUrl></a>
. 38B具体应用
. 80B应用一
. 128B效果图
. 129B组件代码
<table>
<Repeat Begin=0 End=8>
<Article>
<tr><td>·</td><td>
<Url><a href=ArticleUrlPh></Url><Title>TitlePh</Title></a>
</td></tr>
</Article>
</Repeat>
</table>
. 130B属性设置
页码样式：num
.num {
font-family: "Times New Roman", Times, serif;
font-style: normal;
font-weight: bold;
color: #006666;
}
翻页样式：change
.change {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: oblique;
font-weight: bolder;
color: #666600;
}
. 131B生成Html
<table><tr>
<td>·</td><td>
<a href="../../../content/2008-03/24/">“王选星”命名仪式在京隆重
举行</a>
</td></tr>
<tr><td>·</td><td>
<a href="../../../content/2008-03/24/">津巴布韦友人到访方正电子
</a>
</td></tr>
<tr><td>·</td><td>
<a href="../../../content/2008-03/24/">哈佛 耶鲁精英齐聚方正电子
</a>
</td></tr>
<tr><td>·</td><td>
<a href="../../../content/2008-03/24/">重庆视界网借力方正电子实
现嬗变</a>
</td></tr>
<tr><td>·</td><td>
<a href="../../../content/2008-03/24/">方正全媒体解决方案亮相广
州城市网盟年会</a>
</td></tr>
<tr><td>·</td><td>
<a href="../../../content/2008-03/24/">方正天价字库诉讼引发社会
热烈讨论</a>
</td></tr>
<tr><td>·</td><td>
<a href="../../../content/2008-03/24/">数字化音视频控制技术研究
及应用</a>
</td></tr>
<tr><td>·</td><td>
<a href="../../../content/2008-03/24/">方正电子通过 CMMI4 评估
</a>
</td></tr></table>
<div width="100%">
<center><span class="num">[1]</span>  
<a href="" class="num">[2]</a>
   <a href="" class="num">[3]</a>
   <a href="" class="num">[4]</a>
   <a href="" class="num">[5]</a>
   <a href="" class="change">下一页</a>
   <a href="" class="change">尾页</a></center>
</div>
<script type="text/javascript" language="javascript">
<!--
function turnpage(page){ ("div_currpage").innerHTML =
("div_page_roll"+page).innerHTML;}
-->
</script>
18B 高级相关稿件列表AdvRelatedContentLinks
39B简单介绍
该组件使用在文章模板中，用来显示稿件的相关稿件。它和高级标题列表的使用方
法相似。稿件的相关稿件是在编辑器中指定的，该组件负责将稿件的相关稿件显示出来。
40B具体应用
参见高级标题列表
19B 高级栏目列表
41B 简单介绍
该组件用于显示满足条件的栏目列表，稿件标题列表等内容。
. 81B头部参数
栏目属性
“首页新闻”、“连载”、“版次”、“电子新闻”、“专题”、“栏目”、“纸报”……这些属性分别
是指翔宇系统中栏目管理-基本信息中的“栏目属性”对应
栏目类型
兄弟栏目：和栏目 ID 指定的栏目同级的栏目。如图中，解决方案的兄弟栏目为：
行业案例，产品中心，新闻中心等。典型方案的兄弟栏目为：方正字库，数码印刷，广
电业务等。
子栏目：栏目 ID 指定的栏目的下一级栏目。如图中，解决方案的子栏目为：典型
方案，方正字库，数码印刷，广电业务等。
顶层栏目：指的是频道一级的顶层栏目。
单个栏目：栏目 ID 指定的栏目。
父栏目：栏目 ID 指定的栏目的父栏目的同级栏目。如典型方案的父栏目为解决方
案，行业案例。
栏目 ID
输入指定的栏目 ID 号。
显示控制
总是显示该栏目：
显示伪码
选中该选项时，组件将在 Dreamweaver 代码窗口中以伪码的方式显示，这样，在
Dreamweaver 编辑窗口中，可以看到组件的样式效果。
. 82B基本属性
循环<Repeat Begin=0 End=0 Count=0></Repeat>
条件<IfCurrent><OtherWise></IfCurrent>
栏目<Class></Class>
栏目名称<ClassName>ClassNamePh</ClassName>
栏目标示(栏目 ID) <NodeId>NodeIdPh</NodeId>
稿件数 <ArticleCount>ArticleCountPh</ArticleCount>
子栏目数<SubclassCount>SubclassCountPh</SubclassCount>
栏目链接<NodeUrl><a href=ClassUrlPh></NodeUrl></a>
前缀图标<PreIcon><img src=PreIconUrlPh border=0></PreIcon>
栏目图标<Icon><img src=IconUrlPh border=0></Icon>
后缀图标<SufIcon><img src=SufIconUrlPh border=0></SufIcon>
栏目说明<ClassNotes>ClassNotesPh</ClassNotes>
栏目图片<ClassPicture><img src=ClassPictureUrlPh border=0></ClassPicture>
栏目更新时间<PubTime Language=1 BriefMonth=0 BriefWeek=0>
YearPh-MonthPh-DayPh HourPh:MinutePh:SecondPh WeekPh </PubTime>
子栏目列表 <SubClass SpanMode=1 Attr=+2+4></SubClass>
标题列表<ArticleList Attr=+62 DaySpan=-3 SpanMode=-2></ArticleList>
稿件 <Article></Article>
引题<PreTitle>PreTitlePh</PreTitle>
标题<Title>TitlePh</Title>
标示数，稿件 ID <Id>IdPh</Id>
副题<Subtitle>SubtitlePh</Subtitle>
文章链接<Url><a href=ArticleUrlPh></Url></a>
摘要<Abstract>AbstractPh</Abstract>
作者<Author>AuthorPh</Author>
正文内容<Content>ContentPh</Content>
来源<Source>SourcePh</Source>
稿件字数<Length>LengthPh</Length>
简单摘要<BriefAbstract>BriefAbstractPh</BriefAbstract>
发布时间<PubTime Language=1 BriefMonth=0 BriefWeek=0>
YearPh-MonthPh-DayPh HourPh:MinutePh:SecondPh WeekPh </PubTime>
标题图片<Picture><img src=PictureUrlPh border=0></Picture>
图片稿后缀 <PicIcon>PicIconPh</PicIcon>
稿件所在专题名称<EnpOwnSpecial>EnpOwnSpecialPh</EnpOwnSpecial>
稿件所在专题链接<EnpOwnSpecialUrl>EnpOwnSpecialUrlPh</EnpOwnSpecialUrl>
. 83B置标层次
<Repeat Begin=0 End=2 Count=0>
<Class> //所有循环栏目信息包在 Class 内
<ClassName>ClassNamePh</ClassName>
<NodeId>NodeIdPh</NodeId>
<ArticleCount>ArticleCountPh</ArticleCount>
<SubclassCount>SubclassCountPh</SubclassCount>
<PreIcon><img src=PreIconUrlPh border=0></PreIcon>
<Icon><img src=IconUrlPh border=0></Icon>
<SufIcon><img src=SufIconUrlPh border=0></SufIcon>
<ClassNotes>ClassNotesPh</ClassNotes>
……
<SubClass SpanMode=0 Attr=+7> //所有子栏目的信息都要包在 SubClass 内
<Repeat Begin=0 End=2 Count=0>
<Class>
<ClassName>ClassNamePh</ClassName>
<NodeId>NodeIdPh</NodeId>
<ArticleCount>ArticleCountPh</ArticleCount>
<SubclassCount>SubclassCountPh</SubclassCount>
<PreIcon><img src=PreIconUrlPh border=0></PreIcon>
<Icon><img src=IconUrlPh border=0></Icon>
<SufIcon><img src=SufIconUrlPh border=0></SufIcon>
<ClassNotes>ClassNotesPh</ClassNotes>
<ArticleList Attr=+61+62+63 DaySpan=0 SpanMode=0> //所有高级标题
信息都要包在 ArticleList 内
<Repeat Begin=0 End=2 Count=0>
<Title>TitlePh</Title>
<PreTitle>PreTitlePh</PreTitle>
<Subtitle>SubtitlePh</Subtitle>
<Abstract>AbstractPh</Abstract>
<Content>ContentPh</Content>
……
</Repeat>
</ArticleList>
</Class>
</Repeat>
</SubClass>
</Class>
</Repeat>
42B具体应用
132B栏目类型
146B效果图
147B组件代码
<Repeat Begin=0 End=4 Count=0>
<Class>
<NodeUrl><a href=ClassUrlPh></NodeUrl><ClassName>ClassNamePh
</ClassName></a>
</Class>
</Repeat>
148B代码分析
黑色表示 html 的标签，蓝色表示翔宇置标。
栏目类型：兄弟栏目。
<ClassName>ClassNamePh</ClassName>：表示栏目的名称。
<NodeUrl><a href=ClassUrlPh></NodeUrl>…… </a>：表示给栏目名称加上栏目链接。
<Class>…… </ Class >：表示置标内部的所有置标均为同一栏目的属性。
<Repeat Begin=0 End=4>……</Repeat>：表示循环置标内部的内容四遍。
149B生成html
<a href="../../">解决方案   </a>
<a href="../../">方正新闻   </a>
<a href="../../">经典案例   </a>
<a href="../../">重大新闻   </a>
133B子栏目列表
150B 效果图
151B 组件代码
<table width=380 border=1 cellspacing=0 cellpadding=0>
<tr bgcolor=#EEEEEE> <td colspan="2" >
<Class>
<NodeUrl><a
href=ClassUrlPh></NodeUrl><ClassName>ClassNamePh</ClassName></a>
</Class>
</td></tr>
<SubClass SpanMode=0 Attr=+1+2+4+5+6+7>
<Repeat Begin=0 End=4 Count=0>
<tr>
<td width=20 align=center class=hei14 height=24>·</td>
<td width=360>
<Class>
<NodeUrl><a
href=ClassUrlPh></NodeUrl><ClassName>ClassNamePh</ClassName></a>
</Class>
</td>
</tr>
</Repeat>
</SubClass>
</table>
152B 代码分析
黑色表示 html 的标签，蓝色表示翔宇置标。
栏目类型：单个栏目。
<ClassName>ClassNamePh</ClassName>：表示栏目的名称。
<NodeUrl><a href=ClassUrlPh></NodeUrl>…… </a>：表示给栏目名称加上栏目链接。
<Class>…… </ Class >：表示置标内部的所有置标均为同一栏目的属性。
<SubClass SpanMode=0 Attr=+1+2+4+5+6+7>……</SubClass>：表示置标内部的所有置标都为该
栏目的子栏目的属性。所有子栏目的置标必须放到该置标内部。
<Repeat Begin=0 End=4>……</Repeat>：表示循环置标内部的内容四遍，即取四个
子栏目。
153B 生成Html
<table width="380" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#EEEEEE"><td colspan="2">
<a href="../../">重大新闻</a>
</td></tr>
<tr>
<td width="20" align="center" class="hei14" height="24">·</td>
<td width="360">
<a href="../../">广电行业</a>
</td>
</tr>
<tr>
<td width="20" align="center" class="hei14" height="24">·</td>
<td width="360">
<a href="../../">数字印刷</a>
</td>
</tr>
<tr>
<td width="20" align="center" class="hei14" height="24">·</td>
<td width="360">
<a href="../../">互联网业务</a>
</td>
</tr>
<tr>
<td width="20" align="center" class="hei14" height="24">·</td>
<td width="360">
<a href="../../">新闻出版</a>
</td>
</tr>
</table>
20B 高级文章内容组件AdvContent
. 43B简单介绍
该组件用于文章模板，来显示具体稿件的内容。
. 84B头部参数
稿件类型
选择稿件的类型，不同的稿件类型有不同的扩展属性。选中相应的稿件类型后，其
扩展属性便出现在扩展属性中。
页码样式
输入给分页形成的数字定义的样式名称。
翻页样式：
输入上页，下页，首页，尾页等翻页按钮的样式名称。
前缀后缀
输入翻页数字的前缀和后缀。
是否显示首尾页
是否在静态页面上显示首页和尾页。
首页尾页
输入首页，尾页在静态页面上的显示名称。如首页叫“第一页”，尾页叫“最后一页”。
上页下页
输入上页，下页在静态页面上的显示名称。如上页叫“Pre”，下页叫“Next”。
是否显示伪码
选中该选项时，组件将在 Dreamweaver 代码窗口中以伪码的方式显示，这样，在
Dreamweaver 编辑窗口中，可以看到组件的样式效果。
. 85B基本属性
基本属性里面列出了该组件支持的所有置标。
稿件<Article></Article>
引题<PreTitle>PreTitlePh</PreTitle>
标题<Title>TitlePh</Title>
稿件 ID <Id>IdPh</Id>
副题<Subtitle>SubtitlePh</Subtitle>
文章链接<Url><a href=ArticleUrlPh></Url></a>
摘要<Abstract>AbstractPh</Abstract>
作者<Author>AuthorPh</Author>
编辑<Editor>EditorPh</Editor>
责任编辑<Liability>LiabilityPh</Liability>
正文内容<Content>ContentPh</Content>
来源<Source>SourcePh</Source>
来源链接<SourceUrl><a href=SourceUrlPh></SourceUrl></a>
发布时间<PubTime Language=1 BriefMonth=0 BriefWeek=0>
YearPh-MonthPh-DayPh HourPh:MinutePh:SecondPh WeekPh </PubTime>
标题图片<Picture><img src=PictureUrlPh border=0></Picture>
媒体链接 <MultiAttach>MultiAttachPh</MultiAttach>
签发人 <Subscriber>SubscriberPh</Subscriber>
稿件附件<Attachment>AttachmentPh</Attachment>
关键字 <Keyword>KeywordPh</Keyword>
. 44B具体应用
. 86B稿件
. 134B效果图
. 135B组件代码
<Article>
<table width=760 border=0 cellspacing=0 cellpadding=0>
<tr><td align=center height=50>
<Title>TitlePh</Title>
</td></tr>
<tr><td height=1 align=center></td></tr>
<tr><td align=center height=2></td></tr>
<tr ><td align=center class=wht12 height=20>
<PubTime Language=1 BriefMonth=0 BriefWeek=0>YearPh 年 MonthPh 月
DayPh 日 HourPh:MinutePh:SecondPh WeekPh</PubTime>
<Source>来源：SourcePh</Source>
</td></tr>
</table>
<table width=760 border=0 cellspacing=0 cellpadding=16>
<tr>
<td class=p1>
<Content>ContentPh</Content>
</td>
</tr>
<tr><td align=right>
<Liability>责任编辑：LiabilityPh</Liability>
</td></tr>
</table></Article>
. 136B代码分析
黑色表示 html 的标签，蓝色表示翔宇置标。
<Title>TitlePh</Title>：稿件的标题。
<PubTime Language=1 BriefMonth=0 BriefWeek=0>YearPh 年 MonthPh 月 DayPh 日
HourPh:MinutePh:SecondPh WeekPh</PubTime> ：稿件 发布时间。
<Content>ContentPh</Content> ：稿件的正文。
<Liability>责任编辑：LiabilityPh</Liability>：责任编辑。
. 137B生成Html
<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" height="50">
方正集团荣膺“2007-2008 年度国家文化出口重点企业”
</td></tr>
<tr><td height="1" align="center"></td></tr>
<tr><td align="center" height="2"></td></tr>
<tr><td align="center" class="wht12" height="20">
2008 年 03 月 24 日 14:43:53 星期一 来源：Founder
</td></tr></table>
<table width="760" border="0" cellspacing="0" cellpadding="16">
<tr><td class="p1"><!--enpcontent--></td>
</tr>
<tr><td style="HEIGHT: 147px" width="75%">
<div style="PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; PADDING-TOP:
20px"> 
<div style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px">
<p class="MsoNormal"><span style="FONT-SIZE: 9pt; FONT-FAMILY: 宋 体
">    近日，商务部、文化部、国家广电总局、国家新闻出版总署联
合发布了《国家文化出口重点企业目录》和《国家文化出口重点项目目录》，方正集团
荣 膺 “ </span><span lang="EN-US" style="FONT-SIZE: 9pt">2007-2008</span><span
style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体">年度国家文化出口重点企业”，同时，北
京方正阿帕比技术有限公司（以下简称“方正阿帕比”）的“互联网图书”也获得了
“ </span><span lang="EN-US" style="FONT-SIZE: 9pt">2007-2008</span><span
style="FONT-SIZE: 9pt; FONT-FAMILY: 宋 体 "> 年 度 国 家 文 化 出 口 重 点 项 目 ” 。
</span><span lang="EN-US" style="FONT-SIZE: 9pt"></span></p>
……
……
……
</td>
</tr>
<!--/enpcontent-->
<tr><td align="right">
责任编辑：Founder
</td></tr>
</table>
. 87B稿件分页
. 138B效果图
. 139B组件代码
<Article>
<table width=760 border=0 cellspacing=0 cellpadding=0>
<tr><td align=center height=50>
<Title>TitlePh</Title>
</td></tr>
<tr><td height=1 align=center></td></tr>
<tr><td align=center height=2></td></tr>
<tr ><td align=center class=wht12 height=20>
<PubTime Language=1 BriefMonth=0 BriefWeek=0>YearPh 年 MonthPh 月
DayPh 日 HourPh:MinutePh:SecondPh WeekPh</PubTime>
<Source>来源：SourcePh</Source>
</td></tr>
</table>
<table width=760 border=0 cellspacing=0 cellpadding=16>
<tr>
<td class=p1>
<Content>ContentPh</Content>
</td>
</tr>
<tr><td align=right>
<Liability>责任编辑：LiabilityPh</Liability>
</td></tr>
</table></Article>
. 140B属性设置
稿件是否分页通过编辑器来控制，模板只是控制分页的显示样式。
页码样式：num
.num {
font-family: "Times New Roman", Times, serif;
font-style: normal;
font-weight: bold;
color: #006666;
}
翻页样式：change
.change {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: oblique;
font-weight: bolder;
color: #666600;
}
. 141B代码分析
黑色表示 html 的标签，蓝色表示翔宇置标。
<Title>TitlePh</Title>：稿件的标题。
<PubTime Language=1 BriefMonth=0 BriefWeek=0>YearPh 年 MonthPh 月 DayPh 日
HourPh:MinutePh:SecondPh WeekPh</PubTime> ：稿件 发布时间。
<Content>ContentPh</Content> ：稿件的正文。
<Liability>责任编辑：LiabilityPh</Liability>：责任编辑。
. 142B生成Html
<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr><td align="center" height="50">
方正集团荣膺“2007-2008 年度国家文化出口重点企业”
</td></tr>
<tr><td height="1" align="center"></td</tr>
<tr><td align="center" height="2"></td></tr>
<tr><td align="center" class="wht12" height="20">
2008 年 03 月 24 日 14:43:53 星期一 来源：Founder
</td></tr></table>
<table width="760" border="0" cellspacing="0" cellpadding="16">
<tr><td class="p1"><!--enpcontent-->
<p class="MsoNormal"><span lang="EN-US" style="FONT-SIZE: 9pt"></span></p>
<p class="MsoNormal"><span style="FONT-SIZE: 9pt; FONT-FAMILY: 宋 体
">    众所周知，方正是一个拥有自主研发实力并具有自己的核心技
术的高科技企业集团。二十年来，坚持持续不断的技术创新。王选教授自主创新的汉字
激光照排技术，开创了中国新闻出版业“告别铅与火，迎来光与电”的第一次革命
……
……
……
<!--/enpcontent--></td></tr>
<tr><td align="right">
责任编辑：Founder
</td></tr></table>
<div width="100%">
<center>
<a href="" class="change">首页</a>
   <a href="" class="change">上一页</a>
   <a href="" class="num">[1]</a>
   <a href="" class="num">[2]</a>
   <span class="num">[3]</span>
   <a href="" class="num">[4]</a>
   <a href="" class="num">[5]</a>
   <a href="" class="num">[6]</a>
   <a href="" class="num">[7]</a>
   <a href="" class="change">下一页</a>
   <a href="" class="change">尾页</a
></center>
</div>
21B 高级附件列表
. 45B简单介绍
该组件用于显示某一稿件，或者某一栏目中的附件。
. 88B头部参数
头部参数是用来设置需要显示附件的限定条件的，只有符合头部参数条件的附件，
才可以被显示出来。
附件类型：在下拉框中选取附件类型：图片，视频，音频，文档。
扩展名：指定附件类型的扩展名。
栏目 ID：输入栏目 ID，表示显示具体某个栏目下的附件。
稿件 ID：输入稿件 ID，表示显示具体某个稿件中的附件。
天数间隔：设定显示附件的时间间隔。例如：值为 2，表示显示距离现在 2 天
内的附件。如果值为 0，则表示没有任何天数间隔限制。附件的发布时间在天数范
围内的附件就会被显示出来。
总条数：设定最多可以显示多少条附件。
. 89B基本属性
基本属性里面列出了该组件支持的所有置标。
循环<Repeat Begin=0 End=0></Repeat>
附件<EnpAttachment><EnpAttachment>
稿件标题<Title>TitlePh</Title>
附件说明<EnpDesc>EnpDescPh</EnpDesc>
附件链接<EnpAttUrl><a href=EnpAttUrlPh></EnpAttUrl></a>
附件所属稿件标题<EnpOwnerArtTitle>EnpOwnerArtTitlePh</EnpOwnerArtTitle>
附件所属稿件连接<EnpOwnerArtUrl>EnpOwnerArtUrlPh</EnpOwnerArtUrl>
. 46B具体应用
. 90B效果图
. 91B组件代码
<table border="0" cellspacing="0" cellpadding="6">
<Repeat Begin=0 End=2>
<tr>
<td>
<EnpAttachment><EnpAttUrl><a
href=EnpAttUrlPh></EnpAttUrl><Title>TitlePh</Title></a></EnpAttachment>
</td>
</tr>
</Repeat>
</table>
. 92B代码分析
. 93B生成Html
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr><td>
<a
href="../../../attachment/attachement/jpg/site1461/20080222/20080326/0015589fec5b095443a
">横排效果</a>
</td></tr>
<tr><td>
<a
href="../../../attachment/attachement/jpg/site1461/20080222/">
竖排效果</a>
</td></tr>
</table>
22B 上下篇稿件
. 47B简单介绍
该组件用在文章模板中，用于显示当前文章的上下篇文章。
上一篇：输入上一篇稿件标题前面的提示字符。
下一篇：输入下一篇稿件标题前面的提示字符。
样式：输入样式名称。
. 48B具体应用
143B效果图
144B属性设置
145B生成Html
<div style="font-style: normal; float:left; word-spacing: normal"><div width="100%">
<p>
上一篇：<a id="FounderPrevious" href="">方正全媒体解决方案亮
相广州城市网盟年会</a><br/>
下一篇：<a id="FounderNext" href="">攻破藏文出版难题 方正电
子助力藏区信息化追至世界前沿</a>
</p></div></div>
3B第四章 Dreamweaver插件
Dreamweaver 插件是完成翔宇组件编辑的主要工具。翔宇的模板制作过程中，html
的编辑主要通过 Dreamweaver 的编辑功能实现，组件的编辑通过插件完成。Dreamweaver
插件支持 Dreamweaver ，和 Dreamweaver .
. 23BDreamweaver插件安装
运行安装程序后，弹出界面如图：
点击“是”，弹出选择 Dreamweaver 版本界面，如图：
选中版本后，点击“安装”，完成安装后，点击“关闭”，完成插件安装。
插件安装完成后，打开 Dreamweaver，界面如图：
. 24B编辑组件
在 Dreamweaver 设计区，将鼠标停在在需要插入组件的地方，点击相应的插件，如
图：
组件插入鼠标所在处，然后选中该组件，点击“编辑”，弹出组件编辑框：
组件编辑完成后，点击“确定”即可。
. 25B方正组件
方正组件菜单中提供了许多附加功能。通过这些功能，可以不使用翔宇系统，直接
完成模板的添加，上传，合成等操作，方便了模板设计人员的工作。
. 49B登录
要想使用模板的新建，下载，上传等功能，必须首先登录翔宇系统。
点击“登录”，弹出登录窗口。如图：
登录系统选择“内容管理”，服务器地址输入翔宇系统的登录地址，用户名中输入用
户登录名，口令中输入密码，如果需要保存密码，选中是否保存密码前面的复选框，这
样下次登录的时候，不需要再次输入密码。输入完毕后，点击“登录”按钮，如果登录成
功，系统提示：
. 50B网站模板新建
网站模板新建功能可以完成翔宇系统中模板添加的功能。点击“网站模板新建”，弹
出窗口如图：
站点下拉框中选择相应的站点，模板列表中列出该站点下的模板组，点击开相应的
模板组，选中模板类型，在模板名称中输入模板名称，点击“新建”，系统提示：新建模
板成功。
这里的新建模板，仅仅是在翔宇系统中添加一条记录，实际的模板文件还没有上传。
. 51B网站模板下载
为了修改模板，必须将模板下载等本地，才可以通过 DreamWeaver 来编辑模板。
点击“网站模板下载”，弹出窗口如图：
在站点下拉框中，选中站点，模板列表中列出相应的模板组，点开选中 的模板组，
选中模板类型，在右边的列表中，列出该模板组中的模板，选中模板，点击“下载”，模
板便下载到模板保存路径中。
如果修改模板保存路径，选中“更改”前面的复选框，便可以修改模板保存路径。
. 52B网站模板预览
用户可以在客户端预览模板。
点击“网站模板预览”，弹出界面如图：
站点下拉框中选择站点，栏目 ID 中输入栏目的 id 号，点击“确认”，弹出浏览器窗
口，显示出模板的预览效果。
. 53B网站模板上载
模板设计或者修改完成后，需要将客户端的模板上传到翔宇系统中。
点击“网站模板上传”，弹出界面如图：
. 94B下载模板：
在下载模板单元中，模板列表中列出的模板都是从翔宇系统中下载过的模板。选中
模板，点击“上载并合成”，模板将被上传到翔宇系统中，并完成合成操作。上载成功后，
该模板在模板列表中消失。如果，上载后，仍然要保留该模板在模板列表中，选中“上
载后不保存”即可。
当模板列表中的模板太多，需要清理时，点击“清空模板列表”，系统便将模板列表
清空。
. 95B新建模板
新建模板，或者不在下载模板列表中的模板，如果要上传，可以在新建模板单元上
传。
站点下拉框中选择站点，模板列表中选择需要上传的模板，点击“浏览”，选中客户
端保存的模板，点击“上载并合成”，模板将被上传到翔宇系统中，并完成合成操作。
. 54B模板合成
模板合成操作，完成对模板的合成操作。
点击“网站模板合成”，弹出界面如图：
站点下拉列表中选中站点，模板列表中选中模板组，然后选择模板类型，在模板右
边的模板列表中选中模板名称，点击“合成”，完成合成操作。
. 55B转换
当模板中组件显示为 时，可以通过转换操作，将 转换为组件名称，或
者伪代码的形式。如图：
点击转换操作以后，如图：
. 56B编辑
模板中，选中一个组件，点击“编辑”，弹出组件编辑对话框。功能与属性窗口中的
“编辑”按钮一致。
. 57B关于方正组件
点击“关于方正组件”，弹出窗口如图：
可以查看组件版本信息。
