SiteEngine的页面设计根据行业特征以及网页内容的不同，页面的设计、布局也千变万化，没有定式，完全可以自由发挥。 设计的任务 网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。资讯类站点，将为访问者提供大量的信息，

网站页面设计完成后，接下来要做的就是把设计稿切割成网站制作中用到的小图，常用的工具是PhotoShop。下面以默认的安装界面为例，来看看如何切割页面。 第一步：建立一个文件夹，其中包含两个子文件，一个文件夹(用来存放图片)和一个网页文件（如图1-1）。 图1-1

在上节中我们一起了解了如何切图，这节里我们就详细看看如何将这些图片拼合成网页。 在动手之前首先要弄清楚两个问题： 一、什么是模板； 二、SiteEngine模板的基本思路。 一、 关于模板 1、模板的定义 在网站建设技术的发展过程中，SiteEngine网站引擎摒弃了以往建站

在SiteEngine中为了既满足各个部位，各个功能插件的自由组合，又实现各个部位，插件的不同风格，为常用的变量定义了模板，我们可以称之为主体模板。网站主体模板是指在默认情况下，针对网站所有页面或某种功能类型中所涉及的所有页面均有控制作用的网站模板文件。如网

第一步：插入菜单的标签。 在需要调用菜单的地方插入菜单标签。如图1-1 图1-1 第二步：在Dremweaver中实现其中的一个单元。 我们可以看到页面中的菜单（如图1-2），实际上是一个个小单元（如图1-3）的重复。我们只需要在Dremweaver中做好这个小的单元就可以。如图

在开始之前我们先对比一下默认安装的样式（如图1-1，1-2）和要重新定义的样式（如图1-3，1-4）。用户登录模板不同于其他模板，未登录和登录后显示内容不同，分别由不同的模板控制。 用户未登录的样式 用户登录后显示的样式

网站整体架构模板是网站模板中最主要的模板，在频道页面没有出现个性化情况下，所有频道页面都会沿用网站整体架构模板。如图1-1 图1-1 可以看到网站整体架构模板中，通过变量调用和频道页面相关的模板文件，如网站头部、底部、公告栏、友情链接、用户登陆信息、

网站整体架构模板面向整个网站的频道页面，即网站整体架构模板修改后，整个网站的频道页面都会随之改变，但是，当某个频道页面的样式与其他频道页面的样式存在个性化差异时，修改网站整体架构模板就难以实现这一需求，为了解决个性化页面的需求，SiteEngine采取了频道

功能页面是指网站各功能模块内容显示时所出现的页面，如新闻类别信息显示页面、新闻内容显示页面、产品类别信息显示页面、产品内容显示页面等。各功能页面的在网站主体模板的对应模板组里，都有默认的显示模板，如新闻类别信息显示模板（如图1-1），新闻显示模板（如