1. 登录工作台
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/c745685b09994edaa37546aeaaaf8820.png)
2. 创建网站目录
切换 站点到 /
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/180d08a59a7a45ef931e99dafb756998.png)
点击 sites, 然后点击 新建。 在sites下创建文件夹
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/508f0d4ad13d465eaa277ea2eb2c9689.png)
选择 文件夹, 点击 继续, 填入文件名PlaygroundWeb
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/f7eef7395880424298f1b4f8b6cdac33.png)
点击 继续,填入 Title,也是站点名称。
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/285443dc689d448598ded7b45387b062.png)
点击完成
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/102b5daff0ed4621b61a21ce9796481f.png)
3. 创建网站模块
在创建网站前要创建该网站使用的模块。该模块会包括模板,资源等等。
把视图切换到系统管理
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/07c10d2d37f24490ae06a2a3241b9de0.png)
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/f3108a2953a840e4a749605d98c2a3d4.png)
点击模块管理,然后点击新建模块
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/41b86209cae24d27830b68c5c52adadf.png)
填写 包名称com.playground.moudles.templates
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/c6fa203b7982448eab4ddb97bb350d12.png)
选择模块文件夹
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/2f47fb7db4744223a3163307c5a7c026.png)
点击确定后
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/a2889b74691841fc9577697c41e897d3.png)
视图切换回资源管理,站点切换到 /
System/modules 下就会出现该文件夹
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/93cc7c475d0e47989ceebbf5d09aaaed.png)
4. 创建jsp 模板
点击/system/modules/templates
然后点击 新建
选择 jsp
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/f4d537e20bc945f18bec1a4c2bb10ab6.png)
点击 继续
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/d6d299fcb5c340e686c74622f5af7ccd.png)
填入playground_simple_template, 继续
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/ced2b60672cc40e1ab7a114cba80a4d2.png)
填入 Title 演练站点简单jsp模板, export 选择为 false,点击完成
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/b4069ad9daac4243bfaaee6f995ad249.png)
在jsp文件图标上点左键, 或文件名上点右键,在菜单上选择 编辑源代码
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/b9370a21439b4890a2193db004621588.png)
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/98c51347dc07487391abb7dfa623da67.png)
输入:
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
点击保存并退出。
5. 新站点端口及目录设置
端口设置 编辑tomcat的D:\tools\Tomcat55\conf 下的 server.xml 文件,添加新端口应用
<Connector port="8920" maxHttpHeaderSize="8192"
maxThreads="150" minSpareThreads="25" maxSpareThreads="75"
enableLookups="false" redirectPort="8443" acceptCount="100"
connectionTimeout="20000" disableUploadTimeout="true" />
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/0c5777dd64c140a5856e10da5de7d554.png)
添加站点目录
编辑D:\tools\Tomcat55\webapps\opencms\WEB-INF\config 下的opencms-system.xml。
添加行 <site server="http://localhost:8920" uri="/sites/PlaygroundWeb/"/>
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/422c07ff521b42c3abc5fc6dfcec0560.png)
保存后重新启动tomcat
6. 添加网页
登录工作台
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/63d20d87565440979c5a304454b86b7a.png)
先把站点切换到 演练站点,
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/fcf7de6b5da64d67945e6b59a1bd48da.png)
项目设为 Offline,点击新建
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/0c7b611af69b47cd814943440e74278e.png)
选择 无格式文本页面,点击继续
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/6eb93188562246ba8301a5df0601b1a2.png)
文件名:index.html
模板: 演练站点简单jsp模板
复表制体:1 column, 1 row
点击继续
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/4e3bd2f86e224ecc9110c40fb4b352b2.png)
Title填入 首页
点击 完成。
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/c7610db6c08b47dab6db6c0b5a062551.png)
点击文本标识的图标,或文件名上右键,在菜单上选择编辑页面
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/02ef91e97e6f4185b1c77572753671a3.png)
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/4f89448bbe244b77af625e247f06aa58.png)
点击保存并退出
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/b1dace9dbcf74583ad0ea843b93729ab.png)
点击文件名,则显示该页的预览
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/89fa0bc352fa469d9684b92559fbd9b8.png)
上面 “欢迎访问演练站点 首页” 和下面 “模板使用:简单jsp模板”是来自于模板,而中间内容是编辑网站时填入。
7. 发布
做到这里,网站还在编辑状态,并没有发布出去,其他用户是看不到的。如果这时你把项目切换到 Online,你会发现,在 Sites下面没有我们建立的目录 PlaygroundWeb.
这时我们需要对新站点进行发布。
把项目切换到 Offline,然后点击 发布。
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/d009b5dc89224073a0ceb5435cce3a04.png)
点击确定
![](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/16b591a734e645d6adb671351691b13f.png)
点 ok。
这时Offline下的 Sites/PlaygroundWeb的颜色发生变化,变成黑色,然后切换项目到Online, 你会发现 Sites下出现 PlaygroundWeb,
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/e4ce2f13b93f43d89363d9aeda6700e2.png)
把站点切换到 演练站点,点击 Index.html
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/051f9fb15bb9467e9a97f10f5af303c2.png)
这个就是最终用户看到的页面。
这时我们可以打开一个新的IE,在地址栏输入
http://localhost:8920/opencms/opencms/index.html
注意端口发生了变化,这里是8920,而之前我们平台系统使用的一直是8910.
![点击查看原始大小图片](http://p.blog.csdn.net/images/p_blog_csdn_net/fogdrop/81142fd98fc340c08d3b5809ddaa51fd.png)
这个就是我们新建立的站点了。