动易制作示例.docVIP

  • 4
  • 0
  • 约6.62千字
  • 约 13页
  • 2018-11-16 发布于江苏
  • 举报
动易制作示例

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

文档评论(0)

1亿VIP精品文档

相关文档