动易模板——制作前的准备工作
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等网页前台技术的知识点相当熟悉。
只有这样才能很好地对现有的动易模板进行修改,
当我们的准备工作成熟后,
就可以开始为动易网站框架设计制作个性化的动易模板了!
接下来,我会写一篇关于动易模板制作的文章《动易模板——边学边做》