全国统一咨询电话:4006-138-007         商务渠道合作电话:010-82743368

浅谈SS模板制作


一、概述

  每个网站,不管结构大小,内容多少,关系多么复杂,都是由模板、栏目、内容三者构成的。模板决定了网站的显示效果,栏目控制了网站的层次,内容就是网站发布出来的信息。

  用SiteServer CMS 建网站可以自定义各式各样模板,并且可以给不同栏目匹配不同的模板,形成表现形式多样的网站。SiteServer CMS 的这种方便的管理思想决定了用其建站非常方便,大概分为五步:设计网站样式(PS等图片样式设计),切图(将网站样式做成静态页),制作模板,匹配模板,生成网站。

  用SiteServer CMS 制作完成的网站最大的特点就是内容与显示完全分离,后期维护只进行内容增删改即可,除非网站改版升级才修改模板,其余任何时候都不必理会模板。

  最终实现会打字即可维护网站。

二、模板和模板标签

  模板是网站的基础,网站是由不同的模板构成的,在siteserver CMS中模板主要分为首页模板、栏目模板、内容模板和单页模板四类,模板控制网站的显示样式和风格,包括颜色、布局、网站元素等,模板自定义,随意添加和删除,方便网站创建和改版。

  模板是由html元素和<stl>标签组成的,其中html元素控制模板的布局、颜色等,<stl>标签全称称为 SiteServer CMS 模版语言(SiteServer CMS Template Language),是一种可以用来创建模版的服务器端语言。  <stl>标签专用于 SiteServer CMS 系统,为前台获取后台信息、制作各种功能而设计开发的。它是以Dreamweaver或者Sublime Text插件形式存在的,如果熟知<stl>标签,亦可不用安装插件,直接编写也可,具体可参阅官网<stl>标签帮助手册。

  http://help.siteserver.cn/upload/2009/10/2009102518548848.jpg

1、首页模板

  我们打开一个网站即能看见的页面,一个网站的主要索引页,用户可以通过首页去了解整个网站的所有情况,整个网站不同元素的聚合。

  如下图是SiteServer CMS官方网站首页:

  C:\Users\Administrator\Desktop\SiteServer CMS 中国.NET平台下最强大的网站内容管理系统....png

  首页模板定义:控制网站首页显示的页面模板即为首页模板,在siteserver系统中默认叫“系统首页模板”。

  http://help.siteserver.cn/upload/2009/10/2009102518926643.jpg

  

  

2、栏目模板

  一个网站是由多个栏目或者频道组成的,我们统称为栏目;例如公司简介、新闻中心、产品介绍、体育频道、娱乐频道等,我们点击每一个栏目或频道所进入的页面就是栏目页。

  如下图是SiteServer CMS 官方网站“案例”栏目的栏目页:

  C:\Users\Administrator\Desktop\SiteServer CMS 中国.NET平台下最强大的网站内容管理系统....png

  栏目模板定义:控制网站栏目页显示的页面模板就是栏目模板,在siteserver系统中默认叫“系统栏目模板”。

  

  http://help.siteserver.cn/upload/2009/10/20091025181153361.jpg

  

3、内容页模板

      网站是一个信息发布平台,最终是由多个内容来填充的,我们浏览网站时,点击一篇文章,或一个新闻标题,或一个产品名称,或一个图片新闻等,进入的页面就是内容页。内容支持文字、图片、flash、视频、附件等。

  如下图是SiteServer CMS 官方网站“新闻动态”栏目的内容页:

  C:\Users\Administrator\Desktop\告别2014:SiteServer感谢您_SiteServer CMS 中国.NET平台下最强大的网.png

  内容模板定义:控制网站内容页显示的页面模板就是内容模板,在siteserver系统中默认叫“系统内容模板”。

  

  

4、单页模板

  根据网站建设的需要,有时候网站需要部分单个显示页面,它不属于某个特定栏目,单独存在的,如:搜索页面和评论页面等页面

  单页模板定义:控制网站单页显示的页面模板就是单页模板,在siteserver系统初始化中默认的两个是“搜索模板”和“评论模板”。

  

  

5、包含文件

  为了方便各模板制作,页面模板中如果有相同的部分,我们可以做成包含文件,然后其他模板进行调用即可,例如,一个网站所有页面“头部”和“尾部”基本都是一样的,那么我们就可以将“头部”和“尾部”做成包含文件在模板中引用。如下图:

  

  

6、站点模板文件管理

  在网站根目录下有专门存放站点各模板的文件夹用来存放系统中的各类模板,其中“首页模板”是直接存放在网站的根目录下面的,栏目模板和单页模板存放在根目录中的“Template”文件夹里面,内容模板存放在“Template”文件夹下面的“Content”文件夹里;

  同时SiteserverCMS可以将您做好的一个站点整站保存为站点模板,保存完毕的站点模板保留了原网站的所有样式、设置、文件等;当新建一个站点时,若使用这个站点模板,那么新建的站点与原网站从任何方面(页面样式、栏目设置、内容数据等等)都是一致的;所有站点模板存放路径为:系统目录\SiteFiles\SiteTemplates。

  C:\Users\Administrator\Desktop\QQ截图20150103231006.png

  http://help.siteserver.cn/upload/2009/10/20091025181836501.jpg

  

三、模板制作1、网站PSD设计

  网站制作的第一步首先要设计出网站的图片样式,如下图中PSD设计图样式:

  

2、PSD切图

  将做好的PSD格式的设计图片在PS软件中打开进行切图处理,注意,切割成HTML格式保存,如下图:

  C:\Users\Administrator\Desktop\QQ截图20150104190711.png

3、标签调用

  切图完成后将保存的HTML文件在Dreamweaver或其他网页编辑软件中打开进行页面布局调试和<stl>标签调用(具体<stl>标签使用可以参阅官网标签手册),如下图:

  

  

4、匹配模板

      网站由很多不同显示样式的页面组成,首页、栏目页到内容页,因网站需要,可能每个栏目页或者每个栏目下的内容需要不同的显示样式,那么我们就要建立不同的栏目模板和内容模板,每个栏目要匹配对应的栏目模板和内容模板,相同显示样式的栏目就可以匹配同一个模板,没有必要为每个栏目页或者内容页建各自的模板,这样就可以用最少的页面模板做一个多式多样的网站了。

  然后根据实际需要在系统中进行网站模板的匹配,将对应的栏目或内容模板进行匹配,(模板匹配在登陆后台后:显示管理—匹配模板 中进行匹配管理),如下图:

  

  C:\Users\Administrator\Desktop\QQ截图20150103230742.png

5、生成管理

  制作了模板、设置了栏目结构、匹配了模板、添加了内容后,整个网站基本就宣告完成了,SiteServer CMS 一大特点就是生成静态页面,最后,要将整站全部生成一下方可进行浏览。

  C:\Users\Administrator\Desktop\QQ截图20150103230851.png