下面，我们将使用OpenCms提供的工作区（workplace）来创建站点，并创建类似于Demo中的首页（因为只是示例，所以创建的内容只有首页的导航栏）。创建站点的步骤如下：

一、进入工作区并新建一个站点test

1.  工作区的地址为：http://localhost:8080/opencms/opencms/system/login， 使用用户名Admin，密码admin登录。（注意：有时可能会出现点击“Reopen window”后直接跳转到opencms首页的情况。如果出现这种情况，返回并重新点击”Reopen window”按钮即可）

2. 进入工作区后，可以看到工具栏中有一个名为view的下拉框，选择该下拉框，并在下拉选项中选择Administrator视图。
工作区截图（View)

 

3. 在工作区管理员视图中，我们使用视图中提供的“Site Management”工具创建一个新的站点文件夹。具体步骤如下：
（1）进入“Site Management”工具
Site Management

 

 

 

(2) 选择”New Site”选项
New Site

 

 

 

（3）在显示的表单中，如下图进行填写
站点建立表单

 

 

 

 

 

（4）创建完站点后，点击工具栏上的“Reload”按钮后，我们可以在Site下拉框中发现站点列表中出现了刚才创建的站点。

二、在站点中创建文件

1.   首先在Site下拉框中选择我们刚才创建的站点，并选择Explorer视图。

2.  我们可以看到，在/sites/test/文件夹下已经有一个文件夹.content，该文件夹是用来保存创建站点使用的xml，jpg等资源。

3.  我们首先进入.content目录，在该目录下创建新文件夹navigation：

（1）点击工具栏上的”New”按钮，选择Folder
创建navigation Folder

 

 

 

 

 

（2）根据提示创建名为navigation的文件夹

4. 在navigation中，使用与3中类似的步骤创建一个导航模板文件
（1）点击“New”选项，并在表单中选择Bootstrap Template，并点击Continue，选择Navigation
（2）按照提示创建一个名为nv_01.xml的导航文件。
创建nv_01.xml

 

 

5. 右击nv_01.xml文件并选择”Edit”选项，在“Page Header”选项卡中填入以下内容并保存
navigation PageHeader

 

 

 

 

6. 返回/sites/test/目录下，并创建新目录home。并在home中创建类型为Container Page 的文件，并将其命名为index.html

7. 右击index.html文件，选择Edit进入编辑模式，并按下图编辑该文件：
index.html属性

 

 

 

 

 

8. 保存index.html文件并点击该文件使其在浏览器上显示，我们可以发现编辑的该文件配置有错误。

9. 为了解决上面的问题，我们需要将index.html所在目录（home)的属性值中设置模块提供者。具体方法如下：
（1）进入/sites/test/目录，右击home目录并选择”Properties”
（2）在弹出的框中选择”Complete properties”,并点击“Unused Properteis”,在出现的列表中，找到”template”项，并将其值设为provider=org.opencms.loader.CmsDefaultTemplateContextProvider,template=/system/modules/com.alkacon.bootstrap.formatters/templates/bootstrap-page.jsp
template设置

 

 

 

 

 

 

 

10. 点击保存后，我们再打开index.html文件就可以在浏览器中看到如下效果（显示效果跟index.html的设置有关。由于使用的是opencms提供的模板，所以出现了opencms的logo，如果想更改效果，可以更改对应module中的jsp文件和resource资源）
效果图