使用 Portal Designer

使用 Portal Designer 来更改门户网站的外观。

在打开门户网站项目时,您会在工作台的中心位置见到 Portal Designer 编辑器。周围是下列视图:项目资源管理器大纲缩略图属性选用板

Portal Designer

对于门户网站布局和外观,您可以将 Portal Designer 视作一个所见即所得(WYSIWYG)编辑器。它会呈示图形界面项,如主题、皮肤和页面布局。

Portal Designer 还会呈示门户网站页面中 JSF 和 Struts portlet 的初始页面,但不显示与 portlet 内容相关其它内容。可在 WebSphere® Portal 测试环境中查看带有 portlet 内容的门户网站站点。

描述 视图
使用此编辑器来定制门户网站的图形设计和门户网站页面的布局。象使用任何所见即所得的 Web 编辑器一样来使用它。您可以执行的功能包括:
  • 右键单击设计元素并选择插入菜单项
  • 单击设计元素来编辑它的属性。向下滚动以了解有关使用属性的更多信息。
  • 使用 Page Designer 来改变主题、皮肤和样式的图形设计。这些编辑器可通过编辑菜单获取。
Portal Designer 中的“门户网站配置”编辑器
“门户网站配置”是布局源文件的名称,该文件位于门户网站项目文件夹的根目录中。

“项目资源管理器”视图

描述 视图

项目资源管理器

打开门户网站项目时,缺省情况下将在屏幕的左上角打开“项目资源管理器”。使用此视图来浏览门户网站的文件结构。

门户网站(和 portlet)项目的文件夹将出现在“动态 Web 项目”文件夹的根目录中。展开门户网站项目文件夹时,“门户网站配置”显示为项目根中的一个节点。如果门户网站项目有关联的 portlet,则这些 portlet 将显示为“门户网站配置”节点的子节点。

每个项目的 EAR 文件夹都出现在“企业应用程序”文件夹中。

Portal Designer 中的“项目资源管理器”视图

“大纲”和“缩略图”视图

“大纲”和“缩略图”视图出现在 Portal Designer 编辑器的左下角。在缺省情况下,“大纲”视图将在您打开门户网站项目时显示。它显示三个根节点:
描述 视图
  • 元素 - 展开此节点以查看并选择要在“属性”视图中编辑的非可视元素。
  • 布局 - 项目中的每个页面出现在此节点的根目录之外。展开页面节点以查看其内容的层次结构(即,列、行和 portlet 等)
  • 导航根 - 对于 WebSphere Portal V5.1 门户网站项目,“内容根”就是根导航节点。“我的门户网站”标签、“登录”页面和“编辑我的概要文件”页面是它的子节点。可以编辑 Portal Designer 中的“登录”页面和“编辑我的概要文件”页面。对于 WebSphere Portal V5.0 项目,“我的门户网站”仍然是门户网站的根导航节点。
Portal Designer 中的“大纲”视图
“布局”和“内容根”节点帮助定义门户网站项目的页面布局和导航。有关更多信息,参阅定义布局

“缩略图”视图与门户网站项目文件夹中显示的“主题”和“皮肤”节点一起工作。有关更多信息,参阅此页面上的“项目资源管理器”视图部分。

要查看主题和皮肤的缩略图:
  • 在“项目资源管理器”视图中,展开动态 Web 项目 > [门户网站项目] 节点;然后单击“主题”或“皮肤”文件夹。
  • 在“项目资源管理器”视图下面,将显示“缩略图”视图。您将会见到主题或皮肤的缩略图图像。

可将主题缩略图拖放到标签或页面上(请参阅更改主题),或者可以将皮肤缩略图拖放到 portlet 上。(请参阅更改皮肤)。

属性视图

“属性”视图显示在屏幕底部 Portal Designer 编辑器的下面。根据您在“大纲”视图或 Portal Designer 编辑器中选择的设计元素,“属性”视图将切换为反映可对该元素编辑的选项。

下图显示了 WebSphere Portal V5.1 页面的“属性”视图的示例:Portal Designer 中的“属性”视图

选用板

此视图在界面的右边。

在设计门户网站页面的布局时,可通过将其中一项拖至 Portal Designer 编辑器来插入该项。

Portal Designer 中的“选用板”视图

局限性和辅助功能

Portal Designer 有以下局限性:
  • 访问控制 - Portal Designer 不支持访问控制。例如,如果您创建一个页面并且只想让有限的人数能够看见它,则必须先将门户网站应用程序部署至服务器,然后使用管理 portlet 来设置对该页面的访问权。
  • 辅助功能 - 在使用 Portal Designer 时,像 JAWS 这样的屏幕阅读器将无法从门户网站配置编辑器读取正确的标签或页面名称。最好的办法是从“大纲”视图访问页面和标签功能部件,该视图位于门户网站配置编辑器的左下方。
相关任务
定义布局
将 portlet 添加至门户网站页面
使用皮肤
使用主题

(C) Copyright IBM Corporation 2002, 2005. All Rights Reserved.