IBM WebSphere Portal8主题定制实战指南

5星 · 超过95%的资源 需积分: 10 43 下载量 178 浏览量 更新于2024-07-23 5 收藏 2.3MB PDF 举报
"本教程是关于IBM WebSphere Portal 8的主题开发,旨在引导读者逐步掌握如何创建和定制自定义主题。教程涵盖了从创建主题开发页面到实现动态内容位置、更改页面logo、创建自定义样式和布局,以及了解主题配置文件和模块等关键步骤。适合个人学习,有助于理解IBM WebSphere Portal的外观和感觉定制机制。" 在IBM WebSphere Portal 8中,主题(Themes)是用于定制页面整体外观和感觉的核心工具。它们不仅改变门户的视觉样式,还能影响用户交互体验。此外,皮肤(Skins)则允许对页面上的单个portlet进行装饰性定制。本教程主要关注主题的定制,但所教授的知识和概念同样适用于皮肤的定制。 1.1 创建主题开发页面:首先,你需要建立一个环境来开发和测试你的主题。这通常涉及设置开发环境,安装必要的工具,并创建一个基础主题模板,以便进一步定制。 1.2 创建自定义主题:这一部分将指导你如何基于现有的主题创建新的主题。你可以修改颜色方案、字体、图片等元素,以达到所需的外观和风格。 1.3 投资调查动态内容位置:动态内容位置(Dynamic Content Spots)允许你在门户页面上动态地添加、删除或移动portlet,以适应不同的用户需求或业务场景。 1.4 更改页面Logo:通过调整CSS和HTML代码,你可以改变页面头部的Logo,以体现公司的品牌标识或门户的特定形象。 1.5 创建自定义样式:这一环节教你如何利用CSS编写自定义样式规则,以控制页面元素的显示,包括字体、颜色、布局等。 1.6 创建自定义布局:自定义布局允许你设计非标准的页面结构,比如多列布局、响应式设计等,以适应不同设备和屏幕尺寸。 1.7 主题配置文件(Theme Profiles):主题配置文件允许你根据不同的用户群体、设备或访问条件应用不同的主题设置。 1.8 主题模块(Theme Modules):这些模块是可复用的代码单元,可以包含样式、JavaScript或其他资源,帮助组织和管理复杂的主题结构。 本教程通过一系列实践操作,让你深入理解IBM WebSphere Portal 8的主题定制过程,同时提供了一个很好的起点,以便你能够利用现代网页技术和浏览器功能,创造出引人入胜且高度定制化的门户体验。
2011-02-24 上传
第 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