动易模板制作示例（三）

>>插入图片等功能频道和其他信息标签

1.在DW的设计视图中，用鼠标选择图片表格中的图片内容后按“Del”键删除。
2.在DW菜单中选择“图片频道标签”->“图片通用标签”->中的“显示图片”选项，在弹出的标签设置窗口中设置相关参数。单击“确定”按钮插入图片频道的图片标签，如：{$GetPicPhoto(4,0,false,0,4,false,false,0,3,1,140,110,20,0,true,4)}。

3.如果要插入其他信息内容，按上述方法插入相应的标签。在设置过程中要随时保存（Ctrl+S）设计的WEB文件。

至此，网站首页模板中所要显示的动态的内容已经全部由标签替换，网页中其他固定的图片、链接等内容由您自行修改。下面即可将所设计的代码放入系统的相应模板中。

添加新模板

1.在DW的码视图区中，全部选择（Ctrl+A）并复制（Ctrl+C）所有的代码。
2.进入您架设《动易网站管理系统》的后台，在后台左侧导航的“系统设置”中，单击“网站通用模板管理”。
在出现的“网站首页模板管理”界面中，单击底部“添加网站首页模板”按钮。在出现的“添加新模板”界面中，填写自定义模板名称，在“模板内容”内容框中，粘贴（Ctrl+V）刚才复制的代码。
3.勾选页面底部“将此模板设为默认模板”，单击“添加”按钮添加一个新的网站首页模板。
！版式模板的操作知识请参阅前章“网站版式模板”。
4.访问并刷新前台的网站首页页面，即可看到新模板的效果：

！在浏览新模板效果前，请先在网站后台添加好相应栏目及文章、图片等内容，并调整相应标签中的频道与栏目ID的参数。您可以栏目管理中将鼠标移动到栏目名上时，在浏览器的状态栏中看到本栏目ID与所属频道ID的信息。

！您可以直接在网站模板管理中修改各标签的参数，标签参数的含义请参阅前章的“标签使用说明”。

更换新风格

在刚才的模板制作中，一般都是将CSS样式定义在本网页页面中的。您可以将CSS样式代码放在网站的风格模板中进行调用与管理，以方便在其他模板页面统一调用。

1.在DW的码视图区中，选择并复制“ ”与“”之间的CSS样式代码：

2.进入您架设《动易网站管理系统》的后台，在后台左侧导航的“系统设置”中，单击“网站风格管理”。
在出现的“网站风格管理”界面中，单击顶部“添加风格”功能链接。在出现的“添加新风格”界面中，填写自定义风格名称，在“风格配色设置”内容框中，粘贴（Ctrl+V）刚才复制的代码。单击“添加”按钮添加新的风格。
！在添加新风格时，系统会出现默认提供的CSS样式代码，您可以将其相同的代码删除后再粘贴。
3.在风格管理首页界面中，点选新添加的风格后，单击“将选中的风格设为默认风格”按钮，将新风格设置为默认。
4.进入网站通用模板管理中，修改新添加的网站首页模板：

将里面的“ ***”CSS样式代码删除，替换成风格标签“{$Skin_CSS}”和菜单JS标签
“{$MenuJS}”后，单击“保存修改结果”按钮保存修改。
5.访问并刷新前台的网站首页页面，即可看到更改后的效果。
！如果操作正确，进行了上述将CSS样式代码放在风格模板中管理的更改后，前台页面的效果应该与更改前相同。

将CSS样式代码放在风格模板中管理，有许多优势，如可以减少页面代码、重复调用相同的定义等。定义在风格模板中的CSS样式，在今后各模板中只要以“class="css定义名"”的方式进行调用即可。有关CSS样式的知识请参阅相关书籍。
当然您也可以不调用系统的风格模板（即在模板中不调用标签“{$Skin_CSS}”），而在每个模板中，单独对本页面的样式进行定义。
小　结

系统默认提供的模板，以最少的图片及尽可能全的功能来设计模板，因此并不一定就符合您的要求。您可以参考默认模板中各个模块显示的标签及风格调用方式，来理解各个显示内容、调用的标签与模板设计之间的相互关系与作用。

如果要做一个完全有个性的网站模板，需要您花费一定的时间精心设计与制作。系统提供的模板功能，能满足您在不同频道、不同栏目与不同内容页面，设计与显示不同的风格与版式。

上一页 [1] [2] [3]

动易模板制作示例（三）相关推荐

小程序＋动易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" ...
动易swCMS6.5网站的模板在线编辑功能模块
动易swCMS6.5网站的模板在线编辑功能模块动易cms6.5网站的模板文件以文字内容方式保存在数据库中其好处就是可以通过在线编辑方式修改模板文件, 而无需使用如DW网页制作工具来修改模板内容读 ...
动易DIV+CSS官方模板发布时附加的介绍性文章
近些年来,网页设计中对"WEB标准"或"DIV+CSS"的呼声比较高,这反应出网站运用尽可能要考虑到其最终用户的访问与使用.国内一般客户端上网浏览所用的工具以I ...
Mastercam 三轴编程后处理宏侧铣头加工模板制作视频教程
Mastercam 三轴编程后处理宏侧铣头加工模板制作视频教程链接:https://pan.baidu.com/s/1t1hwR6TnGs8snw1E4x2r-Q 提取码:tsof
HTML5期末大作业：动漫在线网站设计——动漫海贼王(5页) 大学生动漫网页设计作业模板下载南动漫网页设计作业成品动漫网页制作下载_网页设计代码
HTML5期末大作业:动漫在线网站设计--动漫海贼王(5页) 大学生动漫网页设计作业模板下载南动漫网页设计作业成品动漫网页制作下载_网页设计代码常见网页设计作业题材有个人. 美食. 公司. 学 ...
B3HTML5期末大作业：动漫在线网站设计——动漫海贼王(5页) 大学生动漫网页设计作业模板下载南动漫网页设计作业成品动漫网页制作下载_网页设计代码
HTML5期末大作业:动漫在线网站设计--动漫海贼王(5页) 大学生动漫网页设计作业模板下载南动漫网页设计作业成品动漫网页制作下载_网页设计代码常见网页设计作业题材有个人. 美食. 公司. 学 ...
企业网站制作模板制作多少钱？这三个因素影响价格
企业网站制作模板多少钱呢?一般情况下,一个企业网站制作模板制作的话在七八百左右.具体要看企业网站制作模板有什么样的功能,因为企业模板的功能不同,它的报价也是不同的.一般程序员再在报价的时候都是根据企业 ...
怎么用手机制作动图？教你三步手机制作GIF的方法
当我们在使用手机聊天工具聊天的时候,很多人都会喜欢发一些有趣的表情包,而这些表情包大部分都是GIF格式的.那么,当我们想要尝试自己制作这种GIF表情包的时候,应该怎么制作GIF动图呢?下面,小编就给大 ...

动易模板制作示例（三）

动易模板制作示例（三）相关推荐

最新文章

热门文章