siteServer CMS 建站流程
2017-05-16 09:24
232 查看
目 录
一、网站规划
二、新建网站
三、添加栏目
四、添加内容
五、添加模板
六、嵌套模板
七、匹配模板
八、生成网页
九、访问网页
一.网站规划
建设一个网站,需要考虑网站的样式和内容。网站的样式指页面布局、色彩、图片及flash的使用;网站的内容则包括栏目、文章等。网站的样式由模板来展现,通过百容千域软件公司开发的Dreamweaver模板制作插件来进行模板的嵌套;
我们以一个简单的站点为例,其中栏目规划如下:
![](http://cms.siteserver.cn/upload/images/2014/12/3215527959.png)
二. 新建网站
菜单为:系统设置-系统管理-系统应用管理-创建新应用-创建内容管理应用-不使用应用模板-输入网站名称、文件夹名称-下一步-创建成功。
![](http://cms.siteserver.cn/upload/images/2014/12/3215527969.png)
创建内容管理应用
![](http://cms.siteserver.cn/upload/images/2014/12/3215527979.png)
不使用应用模板
![](http://cms.siteserver.cn/upload/images/2014/12/3215527989.png)
输入网站名称及文件夹
![](http://cms.siteserver.cn/upload/images/2014/12/3215527999.png)
网站添加完成效果
三.添加栏目
当网站添加完成后,该网站里没有任何的栏目、内容,所有的配置都为初始状态。需要手动去添加配置。网站新建完成后,下一步即为该网站添加栏目。
菜单为:栏目管理-快速添加/添加栏目-输入栏目-确认。
![](http://cms.siteserver.cn/upload/images/2014/12/32155289.png)
添加栏目
![](http://cms.siteserver.cn/upload/images/2014/12/321552819.png)
栏目添加完成
栏目添加完成后,在栏目管理里可以查看到网站完整的栏目结构树。
四.添加内容
当栏目添加完成后,下一步为在栏目里添加新闻。
菜单为:信息管理-内容管理-选择栏目-添加内容-输入内容标题、正文、副标题、作者等信息-确认
删除内容的方法为:信息管理-内容管理-选择栏目-选择内容-删除-确认删除。
![](http://cms.siteserver.cn/upload/images/2014/12/321552829.png)
添加内容
![](http://cms.siteserver.cn/upload/images/2014/12/3223649974.jpg)
添加字段信息
![](http://cms.siteserver.cn/upload/images/2014/12/3223735177.jpg)
添加完成后,前台展示效果
![](http://cms.siteserver.cn/upload/images/2014/12/321552859.png)
删除内容
五.添加模板
站点新建完成后,系统会自动生成默认三个模板:系统首页模板、系统栏目模板、系统内容模板。我们以每个栏目都需要有一个模板来计算的话(注:CMS里当栏目页显示的界面是一模一样,只是内容列表里的内容不一样,是可以将栏目都匹配一个通用模板,生成时每个栏目页的内容也会是不一样的,此处的每个栏目需要一个模板,是在每个栏目的显示布局颜色都不一样基础上),示例网站需要的模板数量是默认模板不能满足的,需要单独添加网站。以添加公司新闻栏目模板为例:
5.1添加公司新闻栏目模板
菜单为:显示管理-模板管理-添加栏目模板-输入模板名称及文件名称。
![](http://cms.siteserver.cn/upload/images/2014/12/321552869.png)
添加栏目模板
栏目模板添加完后,如果下节的嵌套模板嵌套完成,栏目页效果在前台展示为:
![](http://cms.siteserver.cn/upload/images/2014/12/3223854237.jpg)
5.2添加公司新闻内容模板
菜单为:显示管理-模板管理-添加内容模板-输入模板名称及文件名称。
![](http://cms.siteserver.cn/upload/images/2014/12/321552889.png)
添加内容模板
内容模板添加完后,如果下节的嵌套模板嵌套完成,内容页效果在前台展示为:
![](http://cms.siteserver.cn/upload/images/2014/12/3223946917.jpg)
六.嵌套模板
嵌套模板这一步为建站最关键也是最复杂的一步。模板添加完成后,需要将切好的静态页代码放入此模板。然后将页面里的静态内容运用STL代码嵌套成可以从CMS后台调取内容的动态代码。我们需要运用上文提到的Dreamweaver软件及该软件的插件。
模板标签的详细用法,请参考:http://stl.siteserver.cn。
6.1栏目模板嵌套
![](http://cms.siteserver.cn/upload/images/2014/12/3215528109.png)
网页导航效果展示和公司新闻内容列表效果展示
![](http://cms.siteserver.cn/upload/images/2014/12/3215528119.png)
静态网页导航代码展示
![](http://cms.siteserver.cn/upload/images/2014/12/3215528129.png)
静态网页内容列表代码展示
![](http://cms.siteserver.cn/upload/images/2014/12/3215528139.png)
STL嵌套完成后网页导航代码展示
![](http://cms.siteserver.cn/upload/images/2014/12/3215528149.png)
STL嵌套完成后网页内容列表代码展示
6.2内容模板嵌套演示
![](http://cms.siteserver.cn/upload/images/2014/12/3215528159.png)
内容模板静态效果
![](http://cms.siteserver.cn/upload/images/2014/12/3215528169.png)
内容模板静态代码
![](http://cms.siteserver.cn/upload/images/2014/12/3215528179.png)
内容模板STL动态代码
七.匹配模板
公司新闻模板嵌套完成后,下一步为匹配模板,匹配模板即哪些栏目运用此模板的样式及CMS内容调取代码来展示网站。
菜单为:显示管理-匹配模板-选择栏目-选择模板(栏目模板和内容模板分开匹配)-匹配。
匹配栏目模板:
![](http://cms.siteserver.cn/upload/images/2014/12/322484036.jpg)
匹配内容模板:
![](http://cms.siteserver.cn/upload/images/2014/12/32249173.jpg)
八.生成网页
模板匹配完成后,需要在前台浏览添加的新闻之前,需要在生成将所有页面重新生成。生成时包含:生成首页、栏目页、内容页、文件页。
生成首页:生成管理-生成首页
![](http://cms.siteserver.cn/upload/images/2014/12/3215528199.jpeg)
生成栏目页:生成管理-生成栏目页-选择生成的栏目-生成选定栏目
![](http://cms.siteserver.cn/upload/images/2014/12/3215528209.jpeg)
生成内容页:生成管理-生成内容页-选择生成的内容所属栏目-生成选定内容
![](http://cms.siteserver.cn/upload/images/2014/12/3215528219.jpeg)
生成单文件页:生成管理-生成单文件页-选择生成的文件页-生成选定文件
![](http://cms.siteserver.cn/upload/images/2014/12/3215528229.jpeg)
九、访问网页
在顶部菜单的应用地址中点击新窗口打开应用。
![](http://cms.siteserver.cn/upload/images/2014/12/3215528239.png)
查看网站
一、网站规划
二、新建网站
三、添加栏目
四、添加内容
五、添加模板
六、嵌套模板
七、匹配模板
八、生成网页
九、访问网页
一.网站规划
建设一个网站,需要考虑网站的样式和内容。网站的样式指页面布局、色彩、图片及flash的使用;网站的内容则包括栏目、文章等。网站的样式由模板来展现,通过百容千域软件公司开发的Dreamweaver模板制作插件来进行模板的嵌套;
我们以一个简单的站点为例,其中栏目规划如下:
![](http://cms.siteserver.cn/upload/images/2014/12/3215527959.png)
二. 新建网站
菜单为:系统设置-系统管理-系统应用管理-创建新应用-创建内容管理应用-不使用应用模板-输入网站名称、文件夹名称-下一步-创建成功。
![](http://cms.siteserver.cn/upload/images/2014/12/3215527969.png)
创建内容管理应用
![](http://cms.siteserver.cn/upload/images/2014/12/3215527979.png)
不使用应用模板
![](http://cms.siteserver.cn/upload/images/2014/12/3215527989.png)
输入网站名称及文件夹
![](http://cms.siteserver.cn/upload/images/2014/12/3215527999.png)
网站添加完成效果
三.添加栏目
当网站添加完成后,该网站里没有任何的栏目、内容,所有的配置都为初始状态。需要手动去添加配置。网站新建完成后,下一步即为该网站添加栏目。
菜单为:栏目管理-快速添加/添加栏目-输入栏目-确认。
![](http://cms.siteserver.cn/upload/images/2014/12/32155289.png)
添加栏目
![](http://cms.siteserver.cn/upload/images/2014/12/321552819.png)
栏目添加完成
栏目添加完成后,在栏目管理里可以查看到网站完整的栏目结构树。
四.添加内容
当栏目添加完成后,下一步为在栏目里添加新闻。
菜单为:信息管理-内容管理-选择栏目-添加内容-输入内容标题、正文、副标题、作者等信息-确认
删除内容的方法为:信息管理-内容管理-选择栏目-选择内容-删除-确认删除。
![](http://cms.siteserver.cn/upload/images/2014/12/321552829.png)
添加内容
![](http://cms.siteserver.cn/upload/images/2014/12/3223649974.jpg)
添加字段信息
![](http://cms.siteserver.cn/upload/images/2014/12/3223735177.jpg)
添加完成后,前台展示效果
![](http://cms.siteserver.cn/upload/images/2014/12/321552859.png)
删除内容
五.添加模板
站点新建完成后,系统会自动生成默认三个模板:系统首页模板、系统栏目模板、系统内容模板。我们以每个栏目都需要有一个模板来计算的话(注:CMS里当栏目页显示的界面是一模一样,只是内容列表里的内容不一样,是可以将栏目都匹配一个通用模板,生成时每个栏目页的内容也会是不一样的,此处的每个栏目需要一个模板,是在每个栏目的显示布局颜色都不一样基础上),示例网站需要的模板数量是默认模板不能满足的,需要单独添加网站。以添加公司新闻栏目模板为例:
5.1添加公司新闻栏目模板
菜单为:显示管理-模板管理-添加栏目模板-输入模板名称及文件名称。
![](http://cms.siteserver.cn/upload/images/2014/12/321552869.png)
添加栏目模板
栏目模板添加完后,如果下节的嵌套模板嵌套完成,栏目页效果在前台展示为:
![](http://cms.siteserver.cn/upload/images/2014/12/3223854237.jpg)
5.2添加公司新闻内容模板
菜单为:显示管理-模板管理-添加内容模板-输入模板名称及文件名称。
![](http://cms.siteserver.cn/upload/images/2014/12/321552889.png)
添加内容模板
内容模板添加完后,如果下节的嵌套模板嵌套完成,内容页效果在前台展示为:
![](http://cms.siteserver.cn/upload/images/2014/12/3223946917.jpg)
六.嵌套模板
嵌套模板这一步为建站最关键也是最复杂的一步。模板添加完成后,需要将切好的静态页代码放入此模板。然后将页面里的静态内容运用STL代码嵌套成可以从CMS后台调取内容的动态代码。我们需要运用上文提到的Dreamweaver软件及该软件的插件。
模板标签的详细用法,请参考:http://stl.siteserver.cn。
6.1栏目模板嵌套
![](http://cms.siteserver.cn/upload/images/2014/12/3215528109.png)
网页导航效果展示和公司新闻内容列表效果展示
![](http://cms.siteserver.cn/upload/images/2014/12/3215528119.png)
静态网页导航代码展示
![](http://cms.siteserver.cn/upload/images/2014/12/3215528129.png)
静态网页内容列表代码展示
![](http://cms.siteserver.cn/upload/images/2014/12/3215528139.png)
STL嵌套完成后网页导航代码展示
![](http://cms.siteserver.cn/upload/images/2014/12/3215528149.png)
STL嵌套完成后网页内容列表代码展示
6.2内容模板嵌套演示
![](http://cms.siteserver.cn/upload/images/2014/12/3215528159.png)
内容模板静态效果
![](http://cms.siteserver.cn/upload/images/2014/12/3215528169.png)
内容模板静态代码
![](http://cms.siteserver.cn/upload/images/2014/12/3215528179.png)
内容模板STL动态代码
七.匹配模板
公司新闻模板嵌套完成后,下一步为匹配模板,匹配模板即哪些栏目运用此模板的样式及CMS内容调取代码来展示网站。
菜单为:显示管理-匹配模板-选择栏目-选择模板(栏目模板和内容模板分开匹配)-匹配。
匹配栏目模板:
![](http://cms.siteserver.cn/upload/images/2014/12/322484036.jpg)
匹配内容模板:
![](http://cms.siteserver.cn/upload/images/2014/12/32249173.jpg)
八.生成网页
模板匹配完成后,需要在前台浏览添加的新闻之前,需要在生成将所有页面重新生成。生成时包含:生成首页、栏目页、内容页、文件页。
生成首页:生成管理-生成首页
![](http://cms.siteserver.cn/upload/images/2014/12/3215528199.jpeg)
生成栏目页:生成管理-生成栏目页-选择生成的栏目-生成选定栏目
![](http://cms.siteserver.cn/upload/images/2014/12/3215528209.jpeg)
生成内容页:生成管理-生成内容页-选择生成的内容所属栏目-生成选定内容
![](http://cms.siteserver.cn/upload/images/2014/12/3215528219.jpeg)
生成单文件页:生成管理-生成单文件页-选择生成的文件页-生成选定文件
![](http://cms.siteserver.cn/upload/images/2014/12/3215528229.jpeg)
九、访问网页
在顶部菜单的应用地址中点击新窗口打开应用。
![](http://cms.siteserver.cn/upload/images/2014/12/3215528239.png)
查看网站
相关文章推荐
- SiteServer CMS 利用后台功能进行SEO优化
- Siteserver CMS登录注册标签
- SiteServer CMS 5.0 源码入门
- 从SiteServer CMS网站管理员权限分配浅析一般权限系统的设计思路
- SiteServer CMS 2018年路线图
- SiteServer CMS 宣布开源并推出全新 5.0 版本
- SiteServer CMS的表结构说明
- SiteServer CMS 上传文件过滤,只能是图片格式。
- SiteServer CMS 术语大全
- SiteServer CMS V6.0正式版升级公告
- 2018年2月1日发布SiteServer CMS V6.0预览版
- SiteServer CMS 响应式模板中心上线啦
- siteserver cms分页
- 2018年3月1日SiteServer CMS 发布 V6.0正式版
- 如何通过SiteServer CMS源码制作安装包和升级包
- SiteServer CMS推VIP服务 全力保障政府网站安全
- siteserver cms选择栏目搜索无效
- SiteServer CMS 数据导出为 JSON
- SiteServer CMS SEO优化
- SiteServer CMS 宣布开源免费转型技术保障服务商