Portal主题皮肤开发之IBM主题简介

WebSphere Portal的主题是由动态页面组成,建立一个大的HTML文件。门户页面文件是由以下部分:head.jspf、banner.jspf banner_crumbtrail.jspf、banner_searchControl.jspf、banner_toolbar.jspf、topNav.jspf、sideNav.jspf、footer.jspf、flyout.jspf等文件组成。

[img]/upload/attachment/50032/b681707c-87ce-3e8f-8e26-97d161868b52.bmp[/img]

1、default.jsp为其他JSP文件提供一个布局。它引用了很多jsp、jspf文件。主要引用了head.jspf、banner.jspf、banner_crumbtrail.jspf、banner_searchControl.jspf、banner_toolbar.jspf、topNav.jspf、sideNav.jspf、footer.jspf。

2、header.jspf定义页面的title;引用css文件;引用JS文件。比如:

3、banner.jspf 定义开始菜单

4、banner_crumbtrail.jspf 定义导航信息

5、banner_searchControl.jspf定义站内搜索

6、banner_toolbar.jspf定义功能,比如:注销;打开侧边栏;系统帮助

7、topNav.jspf定义横向导航菜单

8、sideNav.jspf定义纵向导航菜单

9、footer.jspf定义页面底部信息。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
第 1 章 主题皮肤开发 ........................................................................................................................................... 3 1.1 入门:Portal主题皮肤开发: .................................................................................................. 3 1.1.1 Default.jsp.................................................................................................................................. 4 1.1.2 Head.jsp ..................................................................................................................................... 4 1.1.3 AdminLinkBarInclude.jsp ........................................................................................................... 4 1.1.4 ToolBarInclude.jsp ..................................................................................................................... 4 1.1.5 PlaceBarInclude.jsp .................................................................................................................... 4 1.1.6 PageBarInclude.jsp .................................................................................................................... 5 1.1.7 Portal6.0 中的调用关系 ............................................................................................................ 5 1.2 初级:如何更换 Portal 系统的 logo 图标 ........................................................................................ 6 1.2.1 Default.jsp 的工作原理 ............................................................................................................. 6 1.2.2 换一个 logo ............................................................................................................................... 7 1.2.3 用 flash作 logo: ..................................................................................................................... 7 1.3 中级进阶:开发个性化的 Portal 主题 ............................................................................................. 9 1.3.1 理解各级菜单; ....................................................................................................................... 9 1.3.2 个性化工具栏 ......................................................................................................................... 10 1.3.3 个性化的管理标签 ................................................................................................................. 11 1.4 高级探索:开发自适应分辨率的主题皮肤 ............................................................................... 11 1.4.1 1024*768 分辨率下的主题 .................................................................................................... 11 1.4.2 800*600 分辨率下的主题 ...................................................................................................... 11 1.4.3 1024 和 800 下自适应得主题 ................................................................................................ 12 1.5 高手过招:更改 Portal 系统的登录方式 ....................................................................................... 12 1.5.1 从首页上登录 ......................................................................................................................... 12 1.5.2 拒绝从系统自带的登录界面 ................................................................................................. 13 1.5.3 遗留问题 ................................................................................................................................. 13 1.6 Portlet 的皮肤开发 .......................................................................................................................... 14 1.6.1 更换标题背景图片 ................................................................................................................. 14 1.6.2 隐藏工具图标 ......................................................................................................................... 15 1.6.3 个性化左侧菜单 ..................................................................................................................... 15 1.7 合理使用 CSS 样式表 ....................................................................................................................... 16 1.8 主题皮肤的安装 .......................................................................................................................... 17 1.8.1 安装皮肤 ................................................................................................................................. 17 1.8.2 安装新主题 ............................................................................................................................. 19 1.9 主题皮肤开发的调试方式 ........................................................................................................... 21 1.9.1 自动装载法 ............................................................................................................................. 21 1.9.2 复制目录法 ............................................................................................................................. 21
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值