webplus pro模板制作

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="按钮内容">更多&gt;&gt;</span></div>
    </div>
   <div class="con">
    <div frag="窗口内容"> 
      <!--[InfoCycleBegin]-->
      <div class="news_nav  clearfix">
        <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>