动易模板——制作前的准备工作

动易模板——制作前的准备工作

 

1、  分析动易swCMS6.5网站默认采用的模板方案“动易2006海蓝方案”的全套模板，

       主要是熟悉模板页中所包含的动易标签的功能和使用方法。

       模板内容即可在网站后台的在线编辑器中浏览，

       也可以复制后保存成HTML文件并放在站点的文件夹中，

       用安装了动易标签的DW来浏览。

       （我就时常采用此法来弥补对在线编辑器的某些操作不够灵活的缺点）

       但是用DW的缺点就看不到模板中的图片文件。

2、  复杂的”函数标签”和”超级函数标签”的使用教程

       可查阅《动易内容管理系统2006版说明手册》

       地址是：http://help.powereasy.net/handbook/cms2006/Index.html

       也可以下载《动易内容管理系统》2006版用户手册PDF文档

       地址是：http://www.powereasy.net/Soft/documents/3054.html

3、  如何在网站后台修改/制作自定义动易标签

       如何在模板文件中使用自定义的动易标签等相关操作的问题

 

为了将准备工作充分做好，

建议大家先学习动易模板制作的系列教程《模板设计完全学习视频教材》

教程的下载地址是： 动易起航 >> 录像教程 >> 动易2006版模板制作

http://qihang.powereasy.net/Lectures/PE2006Template/Index.html

《模板设计完全学习视频教材》（第一集 至 第八集），其中第八集分成3个课程

该教材标题列表如下：

（下载解压后我将文件夹分别取名如下所示，这样可方便今后查找和学习所需的课程）

mb01_选择自己喜欢的模板方案

mb02_海之恋文章中心模板修改与设计

mb03_海之恋下载中心模板修改与设计

mb04_海之恋网站首页模板修改与设计

mb05_海之恋首页Discuz论坛与留言的调用

mb06_海之恋LOGO及其他相关图片的替换

mb07_打造横式的会员登陆框（不借助其他代码工具）

mb08_会员中心模板修改与设计（共3集）

 

通过对该教程的学习，我们可以对现有模板内容及其所用动易标签的修改，

要对模板和动易标签进行修改就必须熟练掌握动易在线编辑器对“模板和标签”的修改方法

 

其中一些常用操作如下：

1）对频道文章列表标签的修改只要在该标签上“右键”，

选择“编辑标签”，即可在弹出的对话框进行文章列表参数的修改。

2）若是通过调用JS文件来显示内容的，

则可在JS标签上“右键”选择“代码属性”，

即可在弹出的窗口获取所调用的JS文件，并可以更换成其他的JS文件。

3）当选中模板中的某一区域后，“右键”选择“代码属性”可以对其HTML源文件进行修改；

4）若该区域为单元格，选择“单元格属性”，

则可弹出该单元格的属性对话框进行<td>参数的修改；

若该区域为表格，选择“表格属性”，

则可弹出该表格的属性对话框进行<table>参数的修改。

操作小技巧：

有时，为了修改模板中的图片和局部内容的调整，

则需要结合使用在线编辑器的“编辑模式”和“代码模式”

由于两模式窗口中的光标不能像DW一样实现联动定位，

所以教材中介绍了一个小技巧来克服“定位”的困难。

 

在“编辑窗口”中要修改的相应位置上插入一个标记

以便通过浏览器的查找功能（即快捷键Ctrl+F）将光标定位于“代码窗口”中的该标记上

例如：我要修改文章列表中“more图片”的链接

则可在“编辑窗口”中“more图片”的相应位置输入标记kof98cs，

然后将光标置于“代码窗口”中，按Ctrl+F输入查找的标记kof98cs即可快速定位于“more图片”旁。

 

学习完教程后，我们可以来做下面一些练习，也是对所学知识的复习：

<1>将动易首页中的“新闻中心”列表，“频道一最新文章”和“频道二最新文章”的文章          列表进行修改，并更名该列表的标题，设置显示为8条/列，文章标题前包含小图片。

<2>图片文章列表部分只显示图片而不显示文章标题或内容，

       鼠标停留在图片上有提示信息，4张/列 或 4张/行。

       将图片左对齐显示，居中显示

       图片不够时用缺省图片补够（这个要通过修改标签的代码来实现）

<3>实现论坛文章和本站留言的调用，教程里介绍的是调用Discuz论坛文章的方法，

       调用动网论坛的方法可以在动易网站中找到操作的步骤。

       留言的调用要先在本站后台的“留言板管理”菜单下的“首页嵌入代码生成”

   设置并获取要生成的调用留言显示的JS文件，

       然后在编辑器中更改“最新留言”下的JS标签“代码属性”的代码

       为刚生成的JS文件调用代码即可。

 

<4>热点，推荐，图片等标识文章列表的显示（10条/列）

       “更多”图片的链接则修改为相应的频道或栏目页的链接。

<5>通过对模板方案的自定义标签的修改实现对网页尾部的版权，备案号等信息的修改

       自定义标签的替换内容一般为重复使用的静态内容，不涉及到数据库的读取操作。

       如果要嵌套使用自定义标签，一定要注意优先级的设置，

       应尽量避免自定义标签的嵌套使用。

 

总结：

动易模板——制作前的准备工作

其实要做的就是：“能够对现有模板的内容和动易标签进行熟练地修改和编辑”

 

这就要求除了掌握“动易在线编辑器”的使用外，

还要对HTML / CSS / JS等网页前台技术的知识点相当熟悉。

只有这样才能很好地对现有的动易模板进行修改，

当我们的准备工作成熟后，

就可以开始为动易网站框架设计制作个性化的动易模板了！

 

接下来，我会写一篇关于动易模板制作的文章《动易模板——边学边做》