基本概念

网站风格模板

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

网站版式模板

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

　　下面以网站首页页面为例，以图文方式讲解从设计到制作的完整过程。在了解本系统的模板设计之前，您需要掌握基本的网页设计与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
　　　>>插入管理链接、版权信息和友情链接标签
　　　>>插入图片文章和文章标题标签
　　　>>插入图片等功能频道和其他信息标签
　　添加新模板
　　更换新风格

《动易网站管理系统》模板制作示例源文件下载：
　　http://www.asp163.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] 下一页