动易模板——制作前的准备工作
动易模板——制作前的准备工作
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等网页前台技术的知识点相当熟悉。
只有这样才能很好地对现有的动易模板进行修改,
当我们的准备工作成熟后,
就可以开始为动易网站框架设计制作个性化的动易模板了!
接下来,我会写一篇关于动易模板制作的文章《动易模板——边学边做》
动易模板——制作前的准备工作相关推荐
- 小程序+动易SF制作随手拍实例全景式操作(1)
小程序效果 首页相关代码: wxml: <view class="wrap"><view class="btns"> <butto ...
- 小程序+动易SF制作随手拍实例全景式操作(3)
问题类型选取页 wxml: <view class="wrap"> <view class="hd">问题类型</view> ...
- 小程序+动易SF制作随手拍实例全景式操作(2)
填报提交页相关代码 wxml: <view class="hd">公益诉讼随手拍</view><view class="wrap" ...
- PageAdmin建站系统模板制作教程1:Razor简介
在学习PageAdmin cms建站系统的网站模板制作前,请确保您是前端人员,或者有基本的html,css和Javascript(或jquery)基础. Razor 不是编程语言,它只是一种标记语法, ...
- 动易swCMS6.5网站的模板在线编辑功能模块
动易swCMS6.5网站的模板在线编辑功能模块 动易cms6.5网站的模板文件以文字内容方式保存在数据库中 其好处就是可以通过在线编辑方式修改模板文件, 而无需使用如DW网页制作工具来修改 模板内容读 ...
- 动易DIV+CSS官方模板发布时附加的介绍性文章
近些年来,网页设计中对"WEB标准"或"DIV+CSS"的呼声比较高,这反应出网站运用尽可能要考虑到其最终用户的访问与使用.国内一般客户端上网浏览所用的工具以I ...
- HTML5期末大作业:动漫在线网站设计——动漫海贼王(5页) 大学生动漫网页设计作业模板下载 南动漫网页设计作业成品 动漫网页制作下载_网页设计代码
HTML5期末大作业:动漫在线网站设计--动漫海贼王(5页) 大学生动漫网页设计作业模板下载 南动漫网页设计作业成品 动漫网页制作下载_网页设计代码 常见网页设计作业题材有 个人. 美食. 公司. 学 ...
- B3HTML5期末大作业:动漫在线网站设计——动漫海贼王(5页) 大学生动漫网页设计作业模板下载 南动漫网页设计作业成品 动漫网页制作下载_网页设计代码
HTML5期末大作业:动漫在线网站设计--动漫海贼王(5页) 大学生动漫网页设计作业模板下载 南动漫网页设计作业成品 动漫网页制作下载_网页设计代码 常见网页设计作业题材有 个人. 美食. 公司. 学 ...
- 如何实现动易官方网站内容页的移动菜单效果?
本文目录: 准备工作 第一个移动菜单效果 第二个移动菜单效果 第三个点击菜单效果 小提示 近来有许多网友询问动易官方网站内容页的移动菜单效果是如何实现的,这个方式其实也是动易2006版书签 ...
- dedecms模版php,从零开始学DedeCms模板,模板制作不求人
DedeCms真是一个非常棒的系统,我从接触到现在一年时间再也没有理会其他CMS系统,推荐刚开始建站或准备换程序的朋友使用DedeCms系统.就像柏拉图说的:利剑已出,天下必乱,选择DedeCms V ...
最新文章
- Maven settings.xml配置详解
- IDEA统一设置编码为utf-8编码及tomcat 乱码问题的解决
- WCF获取客户端IP和端口
- JAVA基础知识(1)
- 正则表达式(基础、常用)----JavaScript
- 浅谈游戏单位属性模块设计:属性组成、分级、计算与同步
- Spark中的键值对操作-scala
- ToString() 格式化字符串总结
- java io 文件路径_如何从Java项目中的相对路径读取文件? java.io.File找不到指定的路径...
- (三)SpringMVC实现
- Xilinx PCIE IP核接口介绍
- 计算机文档调换顺序,word文档页面顺序调换
- 【操作系统】_7种进程调度算法
- Unity EasyAR3.0 案例解析(一) ------ HelloAR_Coloring3D(涂涂乐)
- 计算机大专考试题,计算机大专考试试题一
- 电脑计算机提示msvcr100.dll丢失如何修复,msvcr100.dll丢失的解决方法
- python 使用爬虫下载京东图片
- STM32使用Jlink下载出现NO cortex-M SW device Found解决(超详细)
- SSM配置地狱?一篇整合模板迅速解决!【建议收藏】
- VScode安装教程,十分详细!(windows版本)