Utilización de Portal Designer

Utilice Portal Designer para cambiar el aspecto de su portal.

Tras abrir el proyecto de portal, el editor Portal Designer aparece en el centro del área de trabajo. Alrededor del editor, se encuentran las vistas siguientes: Explorador de proyectos, Esquema y Miniaturas, Propiedades y Paleta.

Portal Designer

En términos de diseño y aspecto del portal, puede concebir Portal Designer como un editor con el que lo que se ve es lo que se obtiene (WYSIWYG). Portal Designer presenta elementos de interfaz gráfica como temas, texturas y diseños de página.

También presenta las páginas iniciales de los portlets JSF y Struts en las páginas de portal, pero nada más en relación al contenido del portlet. Puede ver su sitio de portal, con contenido de portlet, utilizando el entorno de prueba de WebSphere Portal.

Descripción Vista
Utilice este editor para personalizar el diseño gráfico del portal y el diseño de las páginas de portal. Utilícelo del mismo modo que utilizaría cualquier editor Web WYSIWYG. Entre las funciones que puede realizar se incluyen las siguientes:
  • Doble pulsación en un elemento de diseño y selección de un elemento de menú Insertar.
  • Pulsación en un elemento de diseño para editar sus propiedades. Desplácese hacia abajo para obtener más información sobre cómo trabajar con propiedades.
  • Utilización de Page Designer para alterar el diseño gráfico de temas, texturas y estilos. Estos editores están disponibles a través del menú Editar.
Editor de Configuración de portal en Portal Designer
Configuración de portal es el nombre del archivo de origen de diseño que reside en la raíz de la carpeta de proyecto de portal.

Vista Explorador de proyectos

Descripción Vista

Explorador de proyectos

Cuando se abre un proyecto de portal, el Explorador de proyectos se abre por omisión en la esquina superior izquierda de la pantalla. Utilice esta vista para navegar por la estructura de archivos del portal.

Las carpetas de los proyectos de portal y de portlet aparecen en la raíz de la carpeta Dynamic Web Projects. Cuando se amplía una carpeta de proyecto de portal, la Configuración de portal aparece como un nodo en la raíz del proyecto. Si un proyecto de portal tiene portlets asociados, los portlets aparecerán como hijos del nodo Configuración de portal.

Las carpetas EAR de cada proyecto aparecen en la carpeta Enterprise Applications.

Vista Explorador de proyectos en Portal Designer

Vistas Esquema y Miniaturas

Las vistas Esquema y Miniaturas aparecen en la esquina inferior izquierda del editor Portal Designer. La vista Esquema aparece por omisión al abrir el proyecto de portal. Esta vista muestra tres nodos raíz:
Descripción Vista
  • Elementos : amplíe este nodo para ver y seleccionar elementos no visuales para editarlos en la vista Propiedades.
  • Diseño: cada página del proyecto aparece desactivada de la raíz de este nodo. Amplíe un nodo de página para ver la jerarquía de su contenido (es decir, columnas, filas, portlets, etc.).
  • Raíz de navegación: para los proyectos de portal WebSphere Portal v5.1, Raíz de contenido es el nodo de navegación raíz. La etiqueta Mi portal, la página de inicio de sesión y la página Editar mi perfil son sus nodos hijos. En Portal Designer, puede editar las páginas Inicio de sesión y Editar mi portal. Para los proyectos WebSphere Portal v5.0, Mi portal sigue siendo el nodo de navegación raíz del portal.
Vista Esquema en PortalDesigner
Los nodos Diseño y Raíz de contenido ayudan a definir el diseño de página y la navegación del proyecto de portal. Para obtener más información, consulte Definición de diseños.

La vista Miniaturas funciona conjuntamente con los nodos Tema y Textura que aparecen en la carpeta del proyecto de portal. Para obtener más información, consulte el apartado relativo a vistas de Explorador de proyectos en esta página.

Para ver miniaturas de los temas y texturas:
  • En la vista Explorador de proyectos, amplíe el nodo Proyectos Web dinámicos > [Proyecto de portal] y, a continuación, pulse la carpeta Temas o Texturas.
  • Bajo la vista Explorador de proyectos, haga aparecer la vista Miniaturas. Verá imágenes de miniaturas de los temas o las texturas.

Puede arrastrar y soltar una miniatura de tema en una etiqueta o una página (consulte Cambio de temas), o puede arrastrar y soltar una miniatura de textura en un portlet. Consulte Cambio de texturas.

Vista Propiedades

La vista Propiedades aparece en la parte inferior de la pantalla bajo el editor Portal Designer. En función del elemento de diseño que elija, ya sea en la vista Esquema o en el editor Portal Designer, la vista Propiedades cambiará para reflejar las opciones que puede editar para ese elemento.

La imagen siguiente muestra un ejemplo de la vista Propiedades para una página de WebSphere Portal v5.1:Vista Propiedades en PortalDesigner

Paleta

Esta vista está ubicada a lo largo del margen derecho de la interfaz.

Cuando realice el diseño de la página de portal, puede insertar uno de estos elementos arrastrándolo al editor Portal Designer.

Vista Paleta en PortalDesigner

Limitaciones y accesibilidad

Portal Designer tiene las limitaciones siguientes:
  • Control de acceso: Portal Designer no soporta el control de acceso. Por ejemplo, si crea una página y sólo desea mostrarla a un número limitado de personas, primero deberá desplegar la aplicación de portal en el servidor y, a continuación, deberá utilizar el portlet admin para establecer los derechos de acceso a la página.
  • Accesibilidad: cuando utilice Portal Designer, lectores de pantallas como JAWS no podrán leer el nombre de etiqueta o de pantalla correcto en el editor de configuración de portal. El procedimiento recomendado es acceder a las funciones de página y etiqueta desde la vista Esquema, que reside en la parte inferior izquierda del editor de configuración de portal.
Tareas relacionadas
Definición de diseños
Adición de portlets a páginas de portal
Trabajo con texturas
Trabajo con temas

(C) Copyright IBM Corporation 2002, 2005. Reservados todos los derechos.