IBM Websphere Portal主题与皮肤开发详解

"IBM Websphere Portal的主题与皮肤开发文档，主要涵盖了从初级到高级的开发内容，包括入门、更换Logo、个性化主题开发、自适应分辨率的皮肤开发、更改登录方式以及皮肤开发的基础知识。" 在IBM Websphere Portal中，主题和皮肤是决定门户界面外观和用户体验的关键元素。开发这些元素实际上涉及到对JSP、CSS和标签库的深入理解和应用。以下是对这些方面的详细解释： 1. 初级入门：Portal的主题与皮肤开发 Portal的主题定义了整体的布局和风格，而皮肤则关注具体的颜色、字体等视觉元素。在WebSphere Portal中，主题和皮肤的文件存储在`themes`、`skins`和`screens`目录下。HTML类型的皮肤通常用于桌面浏览器。Default.jsp作为门户页面的基础，Head.jsp处理头部信息，如CSS和JavaScript引用，AdminLinkBarInclude.jsp、ToolBarInclude.jsp、PlaceBarInclude.jsp和PageBarInclude.jsp则分别管理管理链接、工具栏、位置栏和页面栏的显示。 2. 中级开发：更换Portal系统Logo图标 更换Logo通常涉及修改默认主题或创建新主题中的图片资源，并更新对应的CSS样式以指向新的Logo图像文件。 3. 中级进阶：开发个性化的主题 开发个性化主题需要理解Portal的结构，创建新的JSP页面，定制CSS样式，以及可能的JavaScript交互。这一步骤可能涉及修改布局、添加自定义功能或调整颜色方案。 4. 高级探索：开发自适应分辨率的主题与皮肤 自适应设计要求皮肤能根据用户设备的屏幕尺寸和方向自动调整布局。这需要使用媒体查询（Media Queries）和响应式设计原则，确保门户在不同设备上都有良好的显示效果。 5. 高手过招：更改Portal系统的登录方式 更改登录方式可能涉及到修改或扩展默认的LoginPortlet，或者实现自定义的身份验证机制。这需要熟悉Portlet开发和portlet.xml配置，以及可能的安全和认证框架。 6. Portal的皮肤开发简介 皮肤开发主要是CSS和部分HTML的工作，需要掌握如何使用IBM提供的标签库，如WASPortalTaglib，以及如何组织CSS以影响门户的各个部分。此外，理解不同JSP文件之间的关系和调用顺序对于有效开发皮肤至关重要。 IBM Websphere Portal的主题与皮肤开发是一项综合性的任务，不仅要求开发者具备JSP、CSS和HTML的基础，还需要对Portal的架构、标签库和自定义机制有深入的理解。通过学习和实践，开发者可以创建出满足特定需求的、具有高度可定制性和用户体验的门户环境。