(动易2006版)模板制作示例

《(动易2006版)模板制作示例》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、（动易2006版）模板制作示例2007-05-0719:26制作流程1.在制作模板前，您先需要在Photoshop、Fireworks等设计软件中制作网页效果图。然后利用这些软件的导出成Web格式文件功能，将效果图输出成Web文件和图片文件夹。2.在Dreamweaver等网页设计软件中修改Web文件，将需要显示相关内容的地方修改或插入相应的的标签。3.将图片文件夹上传至网站的目录中，同时添加或修改相关类型的版式模板，将Web文件的源代码拷入模板中并保存。将添加或修改的模板设置成默认模板。如果您开启了生

2、成HTML功能，重新生成相关页面，刷新前台页面即可看到新模板的效果。网页设计分析网站首页模板一般包括以下几方面的内容：·浏览器Title中显示的网站标题(A)·显示网站的Logo图片(B)和Banner或广告信息(C)·频道分类内容(D)和栏目分类内容(E)·用户登录(F)、滚动公告(G)和当前日期显示(H)·管理链接(I)、版权信息(J)和友情链接信息显示(K)·站内幻灯片效果图片文章、图片文章(L)和文章标题信息(M)·站内图片等功能频道的信息(N)及其他信息显示您只要在设计的WEB文件中插入系统提

3、供的相应的标签，并将代码拷入相应的模板中即可。插入系统标签以下说明均以Dreamweaver（以下简称DW）网页设计软件为示例。在进行下面的操作前，请先安装动易DW标签插件。本插件的安装与使用请参阅前节“使用动易DW标签插件”。>>插入网站标题标签1.在DW软件中打开已输出的Web文件，在“文档”工具栏中，单击“显示代码视图和设计视图”按钮，显示代码视图和设计视图。在代码视图区中选择间的标题名：2.插入标签：在菜单中依次选择“插入(I)”->“动易标签(PowerEasy)”->“动易通用标签”->“通

4、用普通标签”，出现“网站通用普通标签”窗口：3.在出现的窗口中选择“显示网站标题”选项后，单击“确定”按钮，在间插入系统显示网站标题的标签“{$PageTitle}”：>>插入网站Logo和Banner标签1.在DW的设计视图中，用鼠标点选Logo图片，在键盘中按“Del”键以删除Logo图片。2.在菜单中依次选择“插入(I)”->“动易标签(PowerEasy)”->“动易通用标签”->“通用函数标签”->“显示网站Logo”，在弹出的Logo标签设置窗口中设置图片的宽度与高度，单位为像素（px）。设

5、置完成后单击“确定”按钮：3.在此时原来LOGO图片处插入“{$ShowLogo(180,60)}”标签：4.同理，将Banner图片删除，在菜单中选择“通用函数标签”中的“显示网站Banner”，设置Banner图片的宽度与高度后单击“确定”按钮，插入Banner标签“{$ShowBanner(486,60)}”：！如果有需要，以同样的做法可插入其他系统标签。在进行相关操作后请按保存（Ctrl+S）所作的修改。>>插入频道标签和栏目JS1.在DW的设计视图中，用鼠标选择频道位置中的文字内容后按“Del

6、”键删除。2.插入标签与代码：·在菜单中选择“动易通用标签”的“通用普通标签”，在弹出的“网站通用普通标签”窗口中选择“显示顶部频道信息”选项，插入显示频道信息“{$ShowChannel}”标签·将栏目中的文字内容删除，并在DW代码视图中，输入以下栏目JS代码：以下是引用片段：〈scripttype=’text/javascript’language=’javascript1.2’src=’{$InstallDir}js/stm31.js’〉〈/script〉〈scriptlanguage=’java

7、script1.2’type=’text/javascript’src=’{$InstallDir}Article/JS/ShowClass_Menu.js’〉〈/script〉！显示栏目分类内容调用的是JS文件代码。若在本频道中调用栏目分类信息，只需要ShowClass_Menu.js文件即可。若要在网站首页中调用栏目分类信息，则需要将ShowClass_Menu.js文件与stm31.js放在一起配合才能使用。>>插入用户登录标签和滚动公告、当前日期JS1.在DW的设计视图中，用鼠标选中用户登录表单

8、表格、滚动公告和当前日期内容后按“Del”键删除。2.插入标签和代码：·在菜用户登录表格中插入以下用户登录的JS代码：以下是引用片段：〈iframeid=’UserLogin’src=’UserLogin.asp?ShowType=2’width=’680’height=’24’border=’0’scrolling=’no’〉〈/iframe〉　·在滚动公告表格中插入以下滚动控制代码，并在DW菜单中选择“动易通用标签”->“通用函数标签”