《动易网站管理系统》模板制作示例
　    《动易网站管理系统》增强了复制频道的功能，采用标签与JS的方式显示网站动态更新的内容。除了利用提供的系统标签外，您还可以自定义标签与各频道的JS文件。同时对模板的设计形式与方法也进行了增强与灵活处理。您只要自己制作过网页，懂得一些html知识就完全可以设计出自己独特的网页样式。
  系统的模板设计功能从使用灵活、操作方便的角度出发，将模板分成风格模板与版式模板二类。并将模板与网站数据分开，您只要设计好模板，并指定栏目页、内容页为相应的模板，即可将前台相关页面显示出您设计的样式。
  任意添加自定义CSS和自定义模板的功能更能给网站设计带来极大的自由。您可以添加任意多个风格模板和个版式模板，然后在各个频道、栏目以及添加内容时，分别指定已经定义的风格模板与版式模板。则网站中各个频道、各个栏目乃至各个内容页面，都可以显现不同的样式。只要您有足够的智慧和时间，制作出大型网站将不再是难事。
网站风格模板
  网站风格模板可控制整个网站在前台显示时看到的的字体、风格、图片等样式，通常是用C
SS网页样式语句来进行设计和控制整个网站的风格样式。
网站版式模板
  网站版式模板是用来显示前台时所看到的网页的界面布局形式，如分栏、表格布局、图片和文字要显示的位置等样式，有时也称为版面设计、版面划分或版面布局。版式模板包括网站通用模板和各频道的首页、栏目页、内容页等页面的模板。
  下面以网站首页页面为例，以图文方式讲解从设计到制作的完整过程。在了解本系统的模板设计之前，您需要掌握基本的网页设计与HTML代码知识。如果您要独立设计一个网站，最好要掌握一些图像设计处理软件，如Photoshop、Fireworks等。
  本说明中使用到动易2005版Dreamweaver标签插件，DW插件的使用说明及程序请参阅/help/Admin/Xtsz/403.html一文。
制作流程
1.在制作模板前，您先需要在Photoshop、Fireworks等设计软件中制作网页效果图。然后利用这些软件的导出成Web格式文件功能，将效果图输出成Web文件和图片文件夹。
  2.在Dreamweaver等网页设计软件中修改Web文件，将需要显示相关内容的地方修改或插入相应的的标签。
  3.将图片文件夹上传至网站的目录中，同时添加或修改相关类型的版式模板，将Web文件的源代码拷入模板中并保存。将添加或修改的模板设置成默认模板。如果您开启了生成HTML功能，重新生成相关页面，刷新前台页面即可看到新模板的效果。
说明导航：
  网页设计分析
  插入系统标签
  　>>插入网站标题标签
  　>>插入网站Logo和Banner标签
  　>>插入频道标签和栏目JS
  　>>插入用户登录标签和滚动公告、当前日期JS
  　>>插入管理链接、版权信息和友情链接标签
  　>>插入图片文章和文章标题标签
  　>>插入图片等功能频道和其他信息标签
  添加新模板
  更换新风格

《动易网站管理系统》模板制作示例源文件下载：
  www.powereasy/Soft/PE_Skin/71.html
网页设计分析
网站首页模板一般包括以下几方面的内容：
·浏览器Title中显示的网站标题(A)
·显示网站的Logodw滚动文字代码图片(B)和Banner或广告信息(C)
·频道分类内容(D)和栏目分类内容(E)
·用户登录(F)、滚动公告(G)和当前日期显示(H)
·管理链接(I)、版权信息(J)和友情链接信息显示(K)
·站内幻灯片效果图片文章、图片文章(L)和文章标题信息(M)
·站内图片等功能频道的信息(N)及其他信息显示
您只要在设计的WEB文件中插入系统提供的相应的标签，并将代码拷入相应的模板中即可。
插入系统标签
  以下说明均以Dreamweaver（以下简称DW）网页设计软件为示例。在进行下面的操作前，请先安装动易DW标签插件。本插件的安装与使用请参阅后节“使用动易DW标签插件”。
插入网站标题标签
  1.在DW软件中打开已输出的Web文件，在“文档”工具栏中，单击“显示代码视图和设计视图”按钮，显示代码视图和设计视图。
  在代码视图区中选择间的标题名：
　2.插入标签：
  在菜单中依次选择“插入(I)” > “动易标签(PowerEasy)” > “动易通用标签” > “通用普通标签”，出现“网站通用普通标签”窗口：
  3.在出现的窗口中选择“显示网站标题”选项后，单击“确定”按钮，在间插入系统显示网站标题的标签“{$PageTitle}”（！注意：{$PageTitle}标签在2005年5月28日15：00前下载的DW插件中没有提供，请重新更新本插件程序）：
 
插入网站Logo和Banner标签
  1.在DW的设计视图中，用鼠标点选Logo图片，在键盘中按“Del”键以删除Logo图片。
  2.在菜单中依次选择“插入(I)” > “动易标签(PowerEasy)” > “动易通用标签” > “通用函数标签” > “显示网站Logo”，在弹出的Logo标签设置窗口中设置图片的宽度与高度，单位为像素（px）。设置完成后单击“确定”按钮：
3.在此时原来LOGO图片处插入“{$ShowLogo(180,60)}”标签：
4.同理，将Banner图片删除，在菜单中选择“通用函数标签”中的“显示网站Banner”，设置Banner图片的宽度与高度后单击“确定”按钮，插入Banner标签“{$ShowBanner(486,60)}”：
 
  ！如果有需要，以同样的做法可插入其他系统标签。在进行相关操作后请按保存（Ctrl+S）所作的修改。
插入频道标签和栏目JS
  1.在DW的设计视图中，用鼠标选择频道位置中的文字内容后按“Del”键删除。
  2.插入标签与代码：
  ·在菜单中选择“动易通用标签”的“通用普通标签”，在弹出的“网站通用普通标签”窗口中选择“显示顶部频道信息”选项，插入显示频道信息“{$ShowChannel}”标签：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。