使用 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 项目”文件夹的根目录中,而每个项目的 EAR 文件夹出现在“企业应用程序”文件夹中。

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

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

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

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

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

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

属性视图

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

Portal Designer 中的“属性”视图

选用板

此视图在界面的右边。

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

Portal Designer 中的“选用板”视图
相关任务
定义布局
将 portlet 添加至门户网站页面
相关信息
使用皮肤
使用主题
使用条款 | 反馈
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.