资源描述：
《Wenplus模板制作教程.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、Wenplus模板制作教程Webplus网站群管理系统中网站的前台页面是通过模板来展示的，不管网站的内容如何，一个好的模板可以为为网站增色不少，以此来吸引更多人的访问。所以，模板的制作显然成为Webplus网站群管理工作中的一个重要的组成部分。那有人就会问：我只会做一些静态页面，那么制作webplus的模板会不会有问题呢？答案是否定的。其实Webplus模板的制作简单易懂，只要是对html和css稍有了解，就会对我们的模板进行编辑和制作。对于一些经常制作静态页面的人来说，更是得心应手。下面我们通过一个简单的实例，来一步一步教会大家使用DIV+CSS进行网页布局设计，最终做成webplus的模
2、板。一、页面布局所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或者FireWorks等图片处理软件将需要制作的界面布局简单的构画出来（切图操作请参阅PhotoShop相关文档）。以下是一个设计好的界面布局：我们需要根据构思图来规划一下页面的布局，仔细分析一下该不难发现图片大致分为以下几个部分：A、顶部部分：其中又包括了LOGO、MENU和一幅Banner图片等元素；B、内容部分：可分为侧边栏内容部分和主体内容部分；C、底部部分：包括一些版权信息等内容；有了以上的分析我们就可以很容易的布局了，我们设计层如下图：根据上图，我再画了一个实际的页面布局图，说明一下层的嵌套关系
3、，这样理解起来就会更简单了。DIV结构如下：│body{}/*这是一个HTML元素，具体我就不说明了*/└#Container{}/*页面层容器*/├#Head{}/*页面头部*/├#PageBody{}/*页面主体*/│├#Sidebar{}/*侧边栏*/│├#MainBody{}/*主体内容*/├#Foot{}/*页面底部*/至此，页面布局与规划已经完成，接下来我们要做的就是开始书写html和css代码。二、新建模板页面模板是由放在同一个文件夹下面的3个文件组成的，首页为main.htm，列表页面为listcolumn.htm，文章展示页面为displayinfo.htm。下面我们就对m
4、ain.htm页面来进行编辑：三、编写代码我们先打开main.htm页面，添加如下代码，以此来创建我们模板html的一个基本结构：
Webplus模板制作 
