1、目标
制作模板，最大化的将模板和数据分离。
2、页面数
三个页面必须要有并且名字不可变。

• main.htm 首页

• listcolumn.htm 列表页

• displayinfo.htm 文章页
  3、模板制作规则

• 层级：面板 窗口 窗口内容

• 同一个页面上不允许有重复的面板号和窗口号。

• 可以在面板和窗口上增加样式，但窗口内容标签所在的div不要增加任何样式。

• 面板(窗口)之间是兄弟关系，不能嵌套。

4、
导航、图片滚动、友情链接、搜索、图片切换的制作方法。

5、新闻列表制作

6、新闻列表制作扩充

• 图标题文
• 自定义

div class="news" frag="面板22"><div class="post" frag="窗口22"><div class="tt"><h3 class="tit"><span class="title" frag="标题"><span frag="标题内容">标题1</span></span></h3><div class="more_btn" frag="按钮" type="更多"><span class="more_text" frag="按钮内容">更多>></span></div></div> <div class="con"><div frag="窗口内容"> <!--[InfoCycleBegin]--><div class="news_navclearfix"><div class="news_pic fl">{缩略图}</div><div class="news_list fr"><div class="news_tit">{标题}</div><div class="news_intro">{简介}</div></div></div><!--[InfoCycleEnd]--> </div></div></div>

7、列表页的制作

• 制作面板窗口和窗口内容，然后到后台绑定。
• 加特定标识
  ①文章列表（列表页）

<div frag="窗口1" portletmode="simpleList"><div frag="窗口内容" >(窗口1)</div></div

②栏目列表（列表页）

<div frag="窗口1" portletmode="simpleColumnList"><div frag="窗口内容" >(窗口1)</div></div>

③栏目名称（列表页、文章页）

<div frag="窗口1" portletmode="simpleColumnName"><div frag="窗口内容" >(窗口1)</div></div>

④当前位置（列表页、文章页）

<div frag="窗口5" portletmode="simpleColumnPosition"><span frag="窗口内容">(窗口1)</span></div>

⑤栏目图片（列表页、文章页）

<div frag="窗口1" portletmode="simpleColumnPicture"><div frag="窗口内容" >(窗口1)</div></div>

⑥位置栏目（列表页、文章页）

<div frag="窗口1" portletmode="simpleColumnAnchor"><div frag="窗口内容" >(窗口1)</div></div>

• 简单方法：字段的应用
  栏目属性（列表页、文章页，该方式可同时自由配置多个属性）

<div frag="窗口1" portletmode="simpleColumnAttri"><div frag="窗口内容" >{栏目ID}, {栏目名称}, {栏目URL}, {栏目主页URL}, {栏目图片}, {栏目图片URL}, {当前位置}, {位置栏目}, {浏览次数}, {栏目简介}</div></div>

8、文章页的制作
同列表页

• 加标识
  ①文章标题（文章页）

<div frag="窗口1" portletmode="simpleArticleTitle"><div frag="窗口内容" >(窗口1)</div></div>

②发布者（文章页）

<div frag="窗口1" portletmode="simpleArticlePublisher"><div frag="窗口内容" >(窗口1)</div></div>

③发布时间（文章页）

<div frag="窗口1" portletmode="simpleArticlePublishDate"><div frag="窗口内容" >(窗口1)</div></div>

④文章来源（文章页）

<div frag="窗口1" portletmode="simpleArticleSource"><div frag="窗口内容" >(窗口1)</div></div>

⑤作者（文章页）

<div frag="窗口1" portletmode="simpleArticleAuthor"><div frag="窗口内容" >(窗口1)</div></div>

⑥内容（文章页）

<div frag="窗口1" portletmode="simpleArticleContent"><div frag="窗口内容" >(窗口1)</div></div>

• 字段的应用
  文章属性（文章页）

<div frag="窗口1" portletmode="simpleArticleAttri"><div frag="窗口内容" >{序号值}, {序号}, {文章ID}, {标题}, {文章URL}, {发布时间}, {发布者}, {责任编辑}, {浏览次数}, {动态浏览次数}, {缩略图}, {缩略图路径}, {发布部门}, {栏目}, {短标题}, {副标题}, {简介}, {内容}, {作者}, {文章来源}, {文章分类}, {创建者}, {创建时间}, {创建部门}, {图片}, {图片路径}, {附件}, {附件路径}, {视频},{视频路径}, {热门图标}, {最新图标}, {图示图标}, {视频图标}, {音频图标}</div></div>