在开始之前,必须先完成练习 2.1:创建新的门户网站以显示 portlet 应用程序。
在创建门户网站应用程序的过程中,可以选择在 Portal Designer 中创建全新的主题。主题提供了门户网站应用程序的整体外观,同时还提供了用于门户网站设计的许多元素,其中包括图像、导航、工具栏以及页面级别视觉效果。遵循下列步骤来为我们在本教程中已经开发的门户网站站点创建新的主题:
皮肤就是门户网站页面中每个 portlet 周围的边框。皮肤与主题有所不同,主题适用于门户网站的整个外观,而皮肤仅限于您插入到门户网站应用程序中的每个 portlet 的外观。缺省情况下,只有有限的皮肤可供每个主题选择。
更改将立即应用于“门户网站配置”:
在此部分练习中,将使用 CSS Designer 和 Page Designer 来更新“拍卖”门户网站应用程序中的样式、主题和皮肤。
要更换“拍卖”门户网站的缺省主题的条幅图像,遵循下列步骤:
x:\com.ibm.etools.portal.examples.application_6.0.0\samples其中 x: 是包含计算机上的 com.ibm.etools.portal.examples.application_6.0.0 插件的路径。
向导就会把该文件导入到您的工作空间中。
CSS Designer 对为 CSS 文件定义的样式提供了两个视图:一个是“预览”视图(位于左边),当样式规则出现在用于显示 Web 资源的浏览器中时,该视图可提供这些样式规则的可视化示例;另一个视图是“源代码”视图(位于右边),该视图将显示 CSS 文件的文字版。可以使用这两个视图中的任何一个视图来编辑样式。
可以使用 Page Designer 来对主题进行各种各样的更改,例如,更改标题区域中工具栏的布局。可以编辑主题的布局(和样式)及相关联的皮肤。所作的更改存储在主题的 default.jsp 文件、相关联皮肤的 control.jsp 文件以及其它相关 JSP 文件中。另外,在编辑器中所作的任何更改都将应用在您在门户网站应用程序中使用此主题的所有地方。
现在,您可以开始进行练习 2.3:在 WebSphere Portal 测试环境中运行门户网站应用程序了。