动易模板制作示例.doc

《动易模板制作示例.doc》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、《动易网站管理系统》模板制作示例　《动易网站管理系统》增强了复制频道的功能，采用标签与JS的方式显示网站动态更新的内容。除了利用提供的系统标签外，您还可以自定义标签与各频道的JS文件。同时对模板的设计形式与方法也进行了增强与灵活处理。您只要自己制作过网页，懂得一些html知识就完全可以设计出自己独特的网页样式。　　系统的模板设计功能从使用灵活、操作方便的角度出发，将模板分成风格模板与版式模板二类。并将模板与网站数据分开，您只要设计好模板，并指定栏目页、内容页为相应的模板，即可将前台相关页面显示出您设计的样式。　　任意添加自定义CSS和自定义

2、模板的功能更能给网站设计带来极大的自由。您可以添加任意多个风格模板和个版式模板，然后在各个频道、栏目以及添加内容时，分别指定已经定义的风格模板与版式模板。则网站中各个频道、各个栏目乃至各个内容页面，都可以显现不同的样式。只要您有足够的智慧和时间，制作出大型网站将不再是难事。网站风格模板　　网站风格模板可控制整个网站在前台显示时看到的的字体、风格、图片等样式，通常是用CSS网页样式语句来进行设计和控制整个网站的风格样式。网站版式模板　　网站版式模板是用来显示前台时所看到的网页的界面布局形式，如分栏、表格布局、图片和文字要显示的位置等样式，有时

3、也称为版面设计、版面划分或版面布局。版式模板包括网站通用模板和各频道的首页、栏目页、内容页等页面的模板。　　下面以网站首页页面为例，以图文方式讲解从设计到制作的完整过程。在了解本系统的模板设计之前，您需要掌握基本的网页设计与HTML代码知识。如果您要独立设计一个网站，最好要掌握一些图像设计处理软件，如Photoshop、Fireworks等。　　本说明中使用到动易2005版Dreamweaver标签插件，DW插件的使用说明及程序请参阅/help/Admin/Xtsz/403.html一文。制作流程1.在制作模板前，您先需要在Photosho

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

5、>>插入网站Logo和Banner标签　　　>>插入频道标签和栏目JS　　　>>插入用户登录标签和滚动公告、当前日期JS　　　>>插入管理链接、版权信息和友情链接标签　　　>>插入图片文章和文章标题标签　　　>>插入图片等功能频道和其他信息标签　　添加新模板　　更换新风格《动易网站管理系统》模板制作示例源文件下载：　　http://www.powereasy.net/Soft/PE_Skin/71.html网页设计分析网站首页模板一般包括以下几方面的内容：·浏览器Title中显示的网站标题(A)·显示网站的Logo图片(B)和Banner或

6、广告信息(C)·频道分类内容(D)和栏目分类内容(E)·用户登录(F)、滚动公告(G)和当前日期显示(H)·管理链接(I)、版权信息(J)和友情链接信息显示(K)·站内幻灯片效果图片文章、图片文章(L)和文章标题信息(M)·站内图片等功能频道的信息(N)及其他信息显示您只要在设计的WEB文件中插入系统提供的相应的标签，并将代码拷入相应的模板中即可。插入系统标签　　以下说明均以Dreamweaver（以下简称DW）网页设计软件为示例。在进行下面的操作前，请先安装动易DW标签插件。本插件的安装与使用请参阅后节“使用动易DW标签插件”。插入网站标

7、题标签　　1.在DW软件中打开已输出的Web文件，在“文档”工具栏中，单击“显示代码视图和设计视图”按钮，显示代码视图和设计视图。　　在代码视图区中选择间的标题名：　2.插入标签：　　在菜单中依次选择“插入(I)”>“动易标签(PowerEasy)”>“动易通用标签”>“通用普通标签”，出现“网站通用普通标签”窗口：　　3.在出现的窗口中选择“显示网站标题”选项后，单击“确定”按钮，在间插入系统显示网站标题的标签“{$PageTitle}”（！注意：{$PageTitle}标签在2005年5月28日15：00前下载的DW插件中没有提供，请重

8、新更新本插件程序）： 插入网站Logo和Banner标签　　1.在DW的设计视图中，用鼠标点选Logo图片，在键盘中按“Del”键以删除Logo图片。　　2.在菜单中依次选择“插