《动易网站管理系统》模板制作示例

作者:雅虎| 来源:本站原创 点击数: 更新时间:2005年05月26日


  《动易网站管理系统》增强了复制频道的功能,采用标签与JS的方式显示网站动态更新的内容。除了利用提供的系统标签外,您还可以自定义标签与各频道的JS文件。同时对模板的设计形式与方法也进行了增强与灵活处理。您只要自己制作过网页,懂得一些html知识就完全可以设计出自己独特的网页样式。
  系统的模板设计功能从使用灵活、操作方便的角度出发,将模板分成风格模板与版式模板二类。并将模板与网站数据分开,您只要设计好模板,并指定栏目页、内容页为相应的模板,即可将前台相关页面显示出您设计的样式。
  任意添加自定义CSS和自定义模板的功能更能给网站设计带来极大的自由。您可以添加任意多个风格模板和个版式模板,然后在各个频道、栏目以及添加内容时,分别指定已经定义的风格模板与版式模板。则网站中各个频道、各个栏目乃至各个内容页面,都可以显现不同的样式。只要您有足够的智慧和时间,制作出大型网站将不再是难事。

基本概念

网站风格模板

  网站风格模板可控制整个网站在前台显示时看到的的字体、风格、图片等样式,通常是用CSS网页样式语句来进行设计和控制整个网站的风格样式。

网站版式模板

  网站版式模板是用来显示前台时所看到的网页的界面布局形式,如分栏、表格布局、图片和文字要显示的位置等样式,有时也称为版面设计、版面划分或版面布局。版式模板包括网站通用模板和各频道的首页、栏目页、内容页等页面的模板。

  下面以网站首页页面为例,以图文方式讲解从设计到制作的完整过程。在了解本系统的模板设计之前,您需要掌握基本的网页设计与HTML代码知识。如果您要独立设计一个网站,最好要掌握一些图像设计处理软件,如Photoshop、Fireworks等。
  本说明中使用到动易2005版Dreamweaver标签插件,DW插件的使用说明及程序请参阅/helpAdmin/Xtsz/403.html一文。

制作流程

  1.在制作模板前,您先需要在Photoshop、Fireworks等设计软件中制作网页效果图。然后利用这些软件的导出成Web格式文件功能,将效果图输出成Web文件和图片文件夹。
  2.在Dreamweaver等网页设计软件中修改Web文件,将需要显示相关内容的地方修改或插入相应的的标签。
  3.将图片文件夹上传至网站的目录中,同时添加或修改相关类型的版式模板,将Web文件的源代码拷入模板中并保存。将添加或修改的模板设置成默认模板。如果您开启了生成HTML功能,重新生成相关页面,刷新前台页面即可看到新模板的效果。

说明导航:
  网页设计分析
  插入系统标签
   >>插入网站标题标签
   >>插入网站Logo和Banner标签
   >>插入频道标签和栏目JS
   >>插入用户登录标签和滚动公告、当前日期JS
   >>插入管理链接、版权信息和友情链接标签
   >>插入图片文章和文章标题标签
   >>插入图片等功能频道和其他信息标签
  添加新模板
  更换新风格

《动易网站管理系统》模板制作示例源文件下载:
  http://www.powereasy.net/Soft/PE_Skin/71.html

网页设计分析

  网站首页模板一般包括以下几方面的内容:

·浏览器Title中显示的网站标题(A)
·显示网站的Logo图片(B)和Banner或广告信息(C)
·频道分类内容(D)和栏目分类内容(E)
·用户登录(F)、滚动公告(G)和当前日期显示(H)
·管理链接(I)、版权信息(J)和友情链接信息显示(K)
·站内幻灯片效果图片文章、图片文章(L)和文章标题信息(M)
·站内图片等功能频道的信息(N)及其他信息显示
您只要在设计的WEB文件中插入系统提供的相应的标签,并将代码拷入相应的模板中即可。

 

首页 上一页 1 2 3 4 5 6 7 8 9 10 下一页 尾页 转到
33444
本篇文章的Tags:    帮助  后台  管理  模板  制作  
如果以上内容未能解决您的问题,欢迎您到我们的讨论区发帖寻求帮助,我们的工作人员会热情为您解答。