您现在的位置: 动易技术中心 >> 模板设计教程 >> 动易模板 >> 正文
[组图]《动易网站管理系统》模板制作示例


更换新风格

  在刚才的模板制作中,一般都是将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}”),而在每个模板中,单独对本页面的样式进行定义。

小 结

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

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

  特别感谢鸿雁针对本教材内容制作了“《动易网站管理系统》模板制作示例视频教材”,请大家点击下面的地址观看本教材内容的视频教材:http://help.powereasy.net/QiHang/qihang2005/Advance/416.html

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] 

文章录入:雅虎    责任编辑:雅虎 
  • 上一个文章:

  • 下一个文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    软件产品
    SiteFactory™ 内容管理系统
    SiteFactory™ 网上商店系统
    SiteWeaver™ 内容管理系统
    SiteWeaver™ 网上商店系统
    SiteWeaver™ 企业门户网站系统
    SiteWeaver™ 教育门户网站系统
    SiteWeaver™ 政府门户网站系统
    SiteWeaver™ 行业门户网站系统
    平台产品
    企业服务
    行业解决方案
    联系我们 | 关于动易 | 网站地图 | 相关证书 | 合作伙伴 | 招贤纳士 | 法律条款 | 隐私权声明
    安全上网网上报警
    动易网络科技有限公司版权所有 © 2003-  粤ICP备05004015号
    公安备案编号:200603D0322 本站基于 PowerEasy® SiteWeaver™ 制作