思良：这次直接转成MP4的，清楚多了，老规矩视频后发，单位发视频超快，昨天在家里发视频，50M就搞了半天，这个视频280M，很快就上传好了。

哦地址忘记发了：http://img.jygawx.com//jc/2013/3/skyfz6.mp4 （没错两个//）

六，制作公共模版：头部、底部和左边

公共模版用于所有模版或多个模版可以公共使用的地方，比如导航，底部，这个仿站，列表页和内容页的左边，都是可以公用的，所以我们先做好这3个公共模版。

《1》公共模版：头部

先看下头部代码公共的地方，把他们单独拿出来，一般可以用DIV标识识别，首页和其他页貌似一样，就可以用于公共模版，接着找出导航代码，改成自己的。

知识点【1】：用灵动标签制作导航

这段代码的作用是：显示指定栏目及二级栏目名字，为什么是指定，因为企业站就是一个栏目，而且架构栏目的时候，我们多了个幻灯片栏目的，不能显示到导航里，还有公司简介是在关于我们下面，我们只能单独做到前面的，注意下。为什么简介放到关于里面，（帝国仿企业站教程一：仿站的构思）最下面大家自己去看。

知识点【2】：直接修改代码来制作导航

为什么还用这个方法来做导航？解释：

灵动【优点】:直接调用名字和链接了，后期修改名字也会自动修改。

        【缺点】：因为要调用二级栏目，用到循环语句，这样不好控制网站样式，自带代码不一定适合你仿站的样式，要修改，没一定功底还修改不好，或者自己找一些更好的灵动代码，我这个自己改了下，发现还是多了一些多余的代码，好在不是很多，原站没有多余的代码。

直接修改代码【优点】：刚刚和灵动相反了，直接用现成的样式即可了。

                        【缺点】：后期改名字或者连接又得重新改，但这个不是事，导航一般是放到公共里，修改起来很方便，修改一次就好，第二企业站导航就几个栏目，而且很少改名字的。所以推荐大家用修改代码来做导航，这里介绍用灵动就是多教大家一个知识点罢了，怎么做导航大家自行决定吧！我直接修改了。

制作好导航后，替换到头部代码里，接着把头部放到公共模版里。

《2》公共模版：底部

很简单的，不多做解释了。

《3》公共模版：左边

此站左边是这样布局的，上面是当前栏目名字，接着是栏目别名（一般是英文），下面是当前栏目导航，或者说是同级栏目导航，导航有个CSS特效，在那个栏目下，该栏目就有个背景，突出它。

所以牵涉到2个知识点。

知识点【1】：当前栏目标签，和别名标签的写法。

[!--class.name--]  当前栏目名字

<?=$class_r[$GLOBALS[navclassid]][bname]?>  当前栏目别名  

就是在对应的地方修改成上面帝国标签即可。

知识点【2】：用灵动标签显示同级栏目导航

注意和仿站样式一样就好。为什么不用[showclasstemp]'selfinfo',1,0,0[/showclasstemp]？视频没有解释，这里说下，后面视频也会解释，灵动标签可以控制条件，可以不显示一些栏目的，比如幻灯片那个栏目。视频中忘记加这个条件了，后面会做。

知识点【3】：导航背景特效实现

从源代码可以看出，超链接ID=多少，上面那个JS里也等于多少，其实我们可以用栏目ID来实现同步，于是灵动标签里添加一些代码，

 <a href="<?=$bqsr['classurl']?>"  id="<?=$bqr[classid]?>"><font><?=$bqr[classname]?></font></a>

接着修改JS。

<?=$bclassid=$GLOBALS[navclassid]?>  当前栏目ID

制作好导航后，替换到左边代码里，接着把左边放到公共模版里。