OpenCms “傻瓜建站”之 templateTwo 模块——布局篇
来源:互联网 发布:手机淘宝宝贝上传 编辑:程序博客网 时间:2024/05/21 08:51
OpenCms “傻瓜建站”之 templateTwo 模块——布局篇
1、创建测试网站“ttWeb”,在/sites/下创建名称为 ttWeb 的文件夹,标题设置为“templateTwo Web 测试”;2、在opencms-system.xml文件中的 <sites> 节点中增加如下设置:
- <site server="http://127.0.0.1:8080" uri="/sites/ttWeb/"/>
(谢谢关注OpenCms——中文资源第一博客http://blog.csdn.net/qianxuncms/,欢迎与作者直接交流,共同进步。MSN:qianxuncms@hotmail.com,QQ:9165456,转载请注明作者和出处。)
3、增加配置文件,内容和结构如下图:
名称没有限制,类型和功能在图片都可以看出来吧。
4、编辑配置文件:
head-foot.html
webStyle.html,可以定义页面宽度、导航样式和其它网页内容各样式等,具体意义根据名称很好理解
leftCenter.html,配置左右两列布局
leftCenterRight.html,配置左中右三列布局
5、设置 ttWeb 的 属性值,如下:
template 属性为:/system/modules/org.opencms.frontend.templatetwo/templates/main.jsp
style.options 属性为:/sites/ttWeb/_webConfig/_layout/head-foot.html
style.config 属性为:/sites/ttWeb/_webConfig/_layout/webStyle.html
6、在网站根目录下创建 测试栏目一(test1),测试栏目二(test2),并设置其导航信息
7、在网站根目录下创建首页文件,index.html,类型为Template Two Article(ttarticle),点击浏览如下图:
8、编辑首页,填写标题,内容等,并设置页面布局两列或三列
设置两列或三列的首页浏览效果分别如下:
(谢谢关注OpenCms——中文资源第一博客http://blog.csdn.net/qianxuncms/,欢迎与作者直接交流,共同进步。MSN:qianxuncms@hotmail.com,QQ:9165456,转载请注明作者和出处。)
现在基本的框架已经出来了,有页眉,有主导航,有页脚,有简单的首页内容,可以分为两列或三列,在接下来的文章中会对网站的内容加以完善,增加左侧栏目导航、新闻列表等,请关注“OpenCms “傻瓜建站”之 templateTwo 模块——内容篇”
- OpenCms “傻瓜建站”之 templateTwo 模块——布局篇
- OpenCms “傻瓜建站”之 templateTwo 模块——布局篇
- OpenCms “傻瓜建站”之 templateTwo 模块——布局篇
- OpenCms “傻瓜建站”之 templateTwo 模块——概述篇
- OpenCms “傻瓜建站”之 templateTwo 模块——概述篇
- OpenCms “傻瓜建站”之 templateTwo 模块——内容篇
- OpenCms “傻瓜建站”之 templateTwo 模块——概述篇
- OpenCms “傻瓜建站”之 templateTwo 模块——内容篇
- OpenCms templateTwo扩展系列之——添加自定义样式导航
- OpenCms TemplateTwo 汉化模块修正版发布
- OpenCms TemplateTwo专题教程之一:什么是TemplateTwo
- opencms TemplateTwo不显示主导航的问题
- 小崔说事——傻瓜式:倾心打造CSDN个性化模块
- OpenCms开发之——自定义结构化类型
- OpenCms开发之——自定义结构化类型
- OpenCms开发之——自定义结构化类型
- OpenCms开发之——自定义结构化类型
- OpenCms开发之——自定义结构化类型
- C++ and C 指针比较
- 先写一个用ajax开发webgis的JS暂停函数问题!
- Ajax学习资源大全
- 关于聚集索引的问题
- Java native关键字
- OpenCms “傻瓜建站”之 templateTwo 模块——布局篇
- c#文件之寄生隐藏
- DataList小结
- java月份时间(第一天,最后一天)
- 如何解决“未能在设计视图中打开,在中以不同方式将值括起来
- Customizing the Windows CE .NET User Interface, Part 2
- datagrid出现分页符号,却不能切换
- Socket 发送或接收文件
- pRichEdit->SetBackgroundColor(FALSE, oldclr); 只能设置一半 的背景色