Planeación de páginas web

En este artículo:

• Elementos de páginas web

• Planeación de páginas maestras

• Planeación de páginas de contenido

• Planeación de páginas de diseño

• Uso de páginas de diseño para restringir la creación

La planeación de páginas web incluye diseñar el aspecto del contenido publicado, determinar la ubicación en que los escritores pueden agregar contenido a las páginas y controlar las características de creación que los escritores pueden usar. Un plan eficaz para las páginas web ayuda a garantizar que cada tipo de contenido publicado por la organización se diseñe correctamente y esté disponible para lograr los objetivos de publicación.

Para facilitar la comprensión de las opciones de diseño, en este artículo se describen en primer lugar los elementos de las páginas: páginas maestras, páginas de contenido, páginas de diseño, hojas de estilos, elementos web y controles de campo de servidor. A continuación, se proporciona una guía para planear cada elemento de las páginas web en el sitio de publicación. Dado que el diseño y la configuración de las páginas de diseño contribuyen a restringir lo que los autores pueden hacer en las páginas web, en este artículo se incluye una guía acerca del uso de las páginas de diseño para restringir la creación.

Elementos de páginas web

Si un usuario de un sitio de Microsoft Office SharePoint Server 2007 abre una página web en un sitio de SharePoint, dicha página se representa en función del conjunto de elementos planeados y diseñados de forma independiente en el sitio web. La separación de los elementos de una página de este modo permite a los programadores y diseñadores de sitios tratar los distintos elementos de un sitio de forma única. Por ejemplo, la personalización de marca y la navegación de un sitio se pueden planear y diseñar de forma independiente a partir del diseño de las páginas de contenido del sitio, de esta forma, la personalización de marca se pueda aplicar a todo el contenido del sitio y actualizar en una sola ubicación. De forma similar, el diseño de las páginas se puede establecer por separado a partir del contenido de la página, lo que permite mostrar el mismo contenido de distintos modos según corresponda.

Una página web basada en Office SharePoint Server 2007 es una página ASPX representada dinámicamente a partir de los elementos que la componen. Los elementos de la página se muestran a continuación:

Los siguientes elementos componen una página web de un sitio de SharePoint:

• **Página maestra   **Define el marco externo de la página web. Una página maestra contiene los elementos que desea que compartan todas las páginas del sitio y proporciona una ubicación única para controlar todos estos elementos. Generalmente, un sitio usa una sola página maestra, aunque los sitios de Internet de gran tamaño pueden usar más. Por ejemplo, un sitio web corporativo usado para anunciar más de un producto puede usar páginas maestras independientes para personalizar correctamente el contenido de cada producto.

  Nota

  Hay dos tipos de páginas maestras: páginas maestras del sitio y páginas maestras del sistema. La página maestra del sitio se usa en las páginas web publicadas del sitio. Se trata de la página maestra que los usuarios del sitio y los visitantes ven al obtener acceso a las páginas publicadas. La página maestra del sistema proporciona el diseño de las páginas del sitio usado por los diseñadores y autores al interactuar con la interfaz de usuario del sitio y se usa además en algunas plantillas de sitio de grupo, como las plantillas Sitio Wiki y Área de documentos. En este artículo se describen principalmente los aspectos de la planeación de las páginas maestras del sitio.

  Las páginas maestras de todos los sitios de una colección de sitios se almacenan en la Galería de páginas maestras del sitio de nivel superior de la colección de sitios. Dado que la Galería de páginas maestras es una biblioteca de SharePoint, las páginas maestras tienen todas las características de los documentos de Office SharePoint Server 2007, como el control de versiones, la auditoría, el flujo de trabajo, la protección y la desprotección, y la aprobación de contenido.

  Normalmente, las páginas maestras incluyen los siguientes elementos:

  • Elementos de personalización de marca, como logotipos corporativos y combinaciones de colores.

  • Elementos de navegación compartidos.

  • Características compartidas, como comandos de búsqueda y comandos de ayuda.

  • Vínculos a las hojas de estilos en cascada (las hojas de estilos en cascada controlan el aspecto, los colores y las fuentes de la página).

  Las plantillas de sitio de publicación incluidas en Office SharePoint Server 2007 contienen páginas maestras del sitio que puede usar como punto de partida en el diseño de la página. Para personalizar una página maestra existente o crear una página nueva, use Microsoft Office SharePoint Designer 2007 o Microsoft Visual Studio.

• **Contenido de la página   **Es una sola biblioteca de páginas que contiene todas las páginas de contenido de un sitio. Cada elemento de una biblioteca de páginas es una sola página web. Dado que la biblioteca de páginas es una biblioteca de SharePoint, las páginas web que contiene tienen todas las características de los documentos de Office SharePoint Server 2007, como el control de versiones y la aprobación de contenido.

  Nota

  Aunque todas las páginas de un sitio constituyen una sola biblioteca de páginas, las soluciones web basadas en Office SharePoint Server 2007, como los sitios de portal de intranet y los sitios de presencia en Internet, suelen estar compuestas por un árbol de sitios, cada uno de los cuales tiene su propia biblioteca de páginas.

  Los autores pueden crear y editar las páginas web mediante uno de los siguientes métodos:

  • Edición basada en el explorador. Los autores crean páginas con el comando Crear página y las editan con el comando Editar página. Al crear una página, el autor elige un tipo de contenido y un diseño de página, como "(Página de artículo) Página de artículo con imagen a la derecha". Al editar una página, los autores usan los comandos de edición disponibles en la página para agregar contenido, seleccionar imágenes y realizar otras tareas de edición.

  • Conversión de documentos. Los autores pueden convertir los documentos con formatos compatibles en páginas web. Office SharePoint Server 2007 incluye convertidores de documentos con los formatos de archivo .docx y .docm.

  Consulte Planeación de la creación de páginas web para obtener más información acerca de la planeación de los métodos de creación de páginas web, incluida información acerca de la configuración de los convertidores de documentos.

  Las columnas asociadas a un tipo de contenido de una página web incluyen el contenido HTML de la página. Además, contienen vínculos a imágenes para mostrarlos con la página y un vínculo al diseño de la página. Por ejemplo, las páginas del tipo de contenido predeterminado Página de artículo incluyen las siguientes columnas:

  Esta columna	Contiene
  Línea de autor	Nombre del autor
  Fecha del artículo	Fecha de publicación del artículo
  Contenido de la página	Cuerpo del artículo
  Imagen de la página	Gráfico incluido con el artículo
  Leyenda de imagen	Leyenda de la imagen de la página
  Imagen de informe	Gráfico mostrado en los resultados de la búsqueda
  Diseño de página	Página que contiene el diseño del artículo

  Cada columna de contenido de una página se asocia a un control de campo concreto de las páginas de diseño de la página en que se crea y muestra el contenido para dicha columna.

• Página de diseño   Es una página de páginas Active Server (ASPX) que define un diseño para un tipo de página de contenido. Cuando un usuario de un sitio de SharePoint abre una página en un explorador, la página de diseño asociada a dicha página se combina en primer lugar con la página maestra activa (que proporciona el marco externo de la página) y, a continuación, el contenido de la página se transfiere a los controles de campo de la página de diseño.

  Dado que una página de diseño debe mostrar el contenido almacenado en las columnas de un tipo de contenido, se debe diseñar para un tipo de contenido concreto. Por ejemplo, una página de diseño asociada a un tipo de contenido Página de artículo tiene varios controles de campo, incluidos los siguientes:

  • Un control de campo de contenido de página para incluir el contenido de la columna Contenido de la página del tipo de contenido Página de artículo.

  • Un control de campo de imagen de página para incluir la imagen vinculada desde la columna Imagen de la página del tipo de contenido Página de artículo.

  Aunque una página de diseño se debe diseñar para un solo tipo de contenido, éste se puede asociar a varios diseños. Por ejemplo, Office SharePoint Server 2007 incluye dos páginas de diseño para el tipo de contenido Página de artículo: una que muestra la imagen en el lado izquierdo de la página y otra que muestra la imagen a la derecha.

  Además de los controles para mostrar el contenido de una página, una página de diseño puede incluir otros elementos de página, incluidos los siguientes:

  • Elementos web

  • Zonas de elementos web

  • Controles de servidor

  • Vínculos de hojas de estilos en cascada para controlar el aspecto, los colores y las fuentes de la página

  Por ejemplo, un diseño de página para un artículo de negocio puede incluir un control de servidor que muestre un tablero de cotizaciones. El tablero de cotizaciones se muestra junto con el contenido de una página siempre que se usa la página de diseño.

  Las páginas de diseño para todos los sitios de una colección de sitios se almacenan en la Galería de páginas maestras del sitio de nivel superior de la colección de sitios. Dado que la Galería de páginas maestras es una biblioteca de SharePoint, las páginas de diseño también tienen todas las características de los documentos de Office SharePoint Server 2007, como el control de versiones y la aprobación de contenido.

Los sitios de publicación creados con Office SharePoint Server 2007 incluyen páginas de diseño que puede usar como punto de partida del diseño de la página. Para personalizar una página de diseño existente o crear una nueva, use Microsoft Office SharePoint Designer 2007 o Microsoft Visual Studio.

Planeación de páginas maestras

Las páginas maestras proporcionan los elementos estructurales compartidos de la página, incluida la personalización de marca del sitio, las características de navegación y otros elementos comunes, como los campos de búsqueda y los comandos de ayuda. Este artículo puede ayudarle a planear las páginas maestras del sitio. No proporciona ninguna guía para diseñar el aspecto o la funcionalidad de las páginas maestras. Para obtener más información acerca del diseño de páginas maestras, vea Guía básica de diseño de páginas.

La página maestra del sitio proporciona el contexto de la página y debe mantener la coherencia cuando el usuario interactúe con el sitio. Se recomienda no cambiar la página maestra del sitio mientras un usuario del sitio se desplace de una página a otra en un solo sitio de la colección de sitios. Para proporcionar una personalización de marca y una interfaz de usuario coherentes, puede usar la página maestra del sitio en todos los sitios de la colección de sitios.

Es posible que decida cambiar la página maestra en los subsitios de la jerarquía de sitios para cambiar la personalización de marca de determinados subsitios. Por ejemplo, un sitio con presencia en Internet de una empresa puede estar compuesto por subsitios que presenten distintas personalizaciones de marca para los productos. Puede cambiar la página maestra del sitio para cada subsitio para reflejar la personalización de marca de producto que presenta cada subsitio.

Antes de planear las páginas maestras, planee la estructura del sitio, como se describe en Planeación de la estructura y la publicación de un sitio web (Office SharePoint Server). Use la información del sitio que registró en el tema Determinación de los sitios y subsitios para indicar el nombre de cada sitio de la colección de sitios en la columna Site (Sitio) de la hoja de trabajo de planeación de páginas maestras (en inglés) (https://go.microsoft.com/fwlink/?linkid=73318&clcid=0xC0A) (en inglés). A continuación, para cada sitio, escriba la siguiente información en la hoja de trabajo:

1. En la columna Master page (Página maestra), incluya el nombre de la página maestra que se va a usar en el sitio, como "BlueBand.Master".

2. En la columna Custom (Personalizada), especifique la información aplicable a su situación.

   • Si la página maestra se va a personalizar para el sitio actual, seleccione Yes (Sí).

   • En la columna Based on (Basada en), escriba el nombre de la plantilla en que se va a basar la página o escriba Ninguna si se va a personalizar la página maestra completa.

   • Si no se va a personalizar la página maestra para el sitio actual, seleccione No.

   • Si el sitio hereda la página maestra del sitio primario, escriba el nombre del sitio primario en el campo Inherits from (Hereda de). (Documentar la herencia del sitio ahora puede ser de utilidad más adelante si decide personalizar la página maestra en otra ubicación de la jerarquía de sitios y desea identificar los sitios afectados por los cambios en la página maestra).

   • Si la página maestra se aplica al sitio actual, deje el campo Inherits from en blanco.

3. De forma opcional, en la columna Notes (Notas), incluya las instrucciones para personalizar la página maestra o para la herramienta usada para personalizar la página maestra, como Office SharePoint Designer 2007.

Planeación de páginas de contenido

Cada página de contenido de Office SharePoint Server 2007 consta de texto, imágenes y otros tipos de contenido almacenados como una entrada en una biblioteca de páginas. La planeación de páginas de contenido incluye lo siguiente:

• Determinación de los tipos de contenido de página que cumplen los requisitos de contenido.

• Determinación de las columnas para almacenar el contenido para cada tipo de contenido de la página.

Office SharePoint Server 2007 incluye tres tipos de contenido de página:

• **Página de bienvenida   **Generalmente, es la página principal de un sitio de publicación. Incluye:

  • Columnas con las imágenes que se van a mostrar.

  • Una columna para el contenido de la página.

  • Columnas para vínculos que se mostrarán con la página.

• **Página de artículo   **Tipo de página de contenido principal. Esta página está diseñada para el contenido de página web general. Incluye:

  • Columnas para imágenes y leyendas de imagen.

  • Una columna para el contenido de la página.

  • Columnas para vínculos que se mostrarán con la página.

  • Una columna de línea de autor.

• Página de redirección   Página para redirigir al lector a otra página.

Además, dado que estos tres tipos de contenido de página se heredan del tipo de contenido de página genérico, incluyen lo siguiente:

• Columnas para programar las fechas de inicio y finalización de la página.

• Columnas para describir la información de contacto del autor.

• Imagen que se muestra con la página al incluirla en una tabla de contenido o en otra lista.

• Información de identificación de audiencia.

Al planear las páginas de contenido, se recomienda usar los tipos de página de contenido incluidos en Office SharePoint Server 2007 como punto de partida. Los tipos de contenido Página de bienvenida y Página de artículo se han diseñado con una finalidad general y se pueden aplicar a una amplia variedad de contextos. La columna de contenido principal de ambos tipos de contenido es la columna Contenido de página, que puede incluir cualquier contenido HTML. Los autores y los diseñadores de sitios pueden controlar el aspecto del contenido mediante el uso de un marco de hojas de estilos en cascada y HTML. De este modo, no es necesario diseñar otros tipos de contenido. Además, al elegir detenidamente el diseño (vea Planeación de páginas de diseño) que se va a usar para cada tipo de contenido basado en la página de artículo o en la página de bienvenida, puede ampliar la variedad de presentación del contenido sin necesidad de especificar tipos de contenido adicionales.

Para modificar un tipo de contenido de página, agregue columnas para incluir HTML, imágenes u otro tipo de contenido nuevos. (Cree columnas en la Galería de columnas de sitio para usarlas en varios tipos de página). Por ejemplo, es posible que desee agregar un campo acerca del autor a determinadas páginas de artículo para incluir información biográfica acerca de los autores de las páginas. Para ello, agregue una columna del tipo "HTML para publicación" a la Galería de columnas de sitio (para poder usarla en otros tipos de contenido) y, a continuación, agregue dicha columna al tipo de contenido Página de artículo.

Después de modificar un tipo de contenido de página, debe modificar las páginas de diseño asociadas mediante la adición de controles de campo para mostrar las columnas de contenido adicionales. Por ejemplo, después de agregar una columna acerca del autor al tipo de contenido Página de artículo, debe agregar un control de campo acerca del autor a las páginas de diseño asociadas para mostrar el contenido de la columna. La planeación de las páginas de diseño se describe a continuación en la sección Planeación de páginas de diseño.

Para planear las páginas de artículo, use la hoja de trabajo de planeación de páginas de artículo (en inglés) (https://go.microsoft.com/fwlink/?linkid=73316&clcid=0xC0A) (en inglés). La columna de la izquierda de la hoja de trabajo contiene todas las columnas del tipo de contenido Página de artículo. Use el resto de las columnas de la hoja de trabajo para incluir cada tipo de contenido que desee presentar en el sitio, como artículo, comunicado de prensa y oferta de empleo. Una vez incluidos los tipos de contenido en la parte superior de la hoja de trabajo, indique, para cada tipo de contenido, las columnas que desee usar, como "Fecha del artículo" y "Contenido de página". Si considera que necesita una columna no disponible, puede agregarla a la primera columna de la hoja de trabajo de planeación de páginas de artículo.

Es poco probable que necesite más de una página de bienvenida para el sitio; no obstante, en caso afirmativo, use la hoja de trabajo de planeación de campos para páginas de bienvenida (en inglés) (https://go.microsoft.com/fwlink/?linkid=73320&clcid=0xC0A) (en inglés) para planear las columnas que se van a mostrar en cada tipo de página de bienvenida. Sin embargo, es probable que desee proporcionar una página de bienvenida única para cada subsitio del portal o sitio con presencia en Internet.

Planeación de páginas de diseño

Una página de diseño define el diseño de una página de contenido al proporcionar controles de campo en los que mostrar el contenido de la página de contenido. Cada página de diseño se asocia a un tipo de contenido concreto y suele haber disponibles varias páginas de diseño para un solo tipo de contenido (por ejemplo, para proporcionar diseños alternativos para versiones localizadas de contenido o para agregar o quitar la presentación de determinados campos y características de un diseño de página). Puede crear o personalizar una página de diseño, incluida la adición de controles nuevos para mostrar el contenido de la página y controles adicionales, como elementos web y controles de servidor, con Microsoft Office SharePoint Designer 2007 o Microsoft Visual Studio.

Office SharePoint Server 2007 incluye un conjunto de diseños de página para los tipos de contenido Página de bienvenida y Página de artículo. Los diseños para las páginas de artículo incluyen lo siguiente:

Para la página de bienvenida, los diseños de página son:

Si usa los tipos y diseños de página de contenido incluidos con Office SharePoint Server 2007, no es necesario realizar ningún paso de planeación adicional. Los autores pueden elegir los tipos de página y diseños asociados al crear páginas nuevas. No obstante, si agrega campos nuevos a un tipo de página de contenido o si crea tipos de contenido totalmente personalizados para las páginas de publicación, debe planear páginas de diseño que reflejen los tipos de contenido nuevos o modificados.

Además, puede modificar una página de diseño mediante la adición de controles Microsoft ASP.NET 2.0, como elementos web y zonas de elementos web, a la página. Por ejemplo, puede agregar un elemento web Consulta de contenido, que muestra un conjunto de vínculos devueltos por una consulta configurable, a una página de diseño. Tenga en cuenta que si incluye un elemento web en una página de diseño fuera de una zona de elementos web, debe configurar el elemento web y los autores no podrán cambiar la configuración. Por ejemplo, si agrega un elemento web Consulta de contenido directamente a una página de diseño, debe "bloquear" la consulta usada y los autores no podrán modificarla.

Para planear los diseños de las páginas de artículo, las páginas de bienvenida y otros tipos de contenido de página, use la hoja de trabajo de planeación de páginas de diseño (en inglés) (https://go.microsoft.com/fwlink/?linkid=73317&clcid=0xC0A) (en inglés). Cree una hoja de trabajo independiente para cada tipo de contenido de página del sitio, como Página de artículo. Para cada tipo de página, incluya las páginas de diseño asociadas, proporcione descripciones de los diseños y agregue notas acerca de la personalización o la creación de páginas de diseño. Por ejemplo, si agrega un segundo campo de imagen al tipo de contenido Página de artículo, debe especificar la adición de un segundo control de campo de presentación de imagen a cada diseño de página asociado al tipo de contenido Página de artículo.

Uso de páginas de diseño para restringir la creación

En función de los objetivos de publicación, puede restringir las posibilidades de actuación de los autores para aplicar un formato al contenido de la página web o para agregar elementos como imágenes e hipervínculos a las páginas del sitio. Por ejemplo, en un sitio con presencia en Internet con un nivel de control considerable, puede que desee definir todo el formato como hojas de estilos en cascada asociadas a las páginas de diseño e impedir que los escritores reemplacen las definiciones de estilo con el uso de un formato incorporado. Por el contrario, en un sitio de colaboración, como un portal de intranet, puede que desee permitir a los autores que apliquen libremente un formato a las páginas y agreguen otros elementos de página, como elementos web para proporcionar vistas de los datos. Por ejemplo, en un portal de intranet usado para colaborar en las especificaciones de productos, puede que desee permitir a los escritores usar libremente estilos, hipervínculos, imágenes y elementos web para maximizar las posibilidades de comunicación de sus ideas.

Puede aplicar restricciones a las páginas de diseño de los modos siguientes:

• Puede establecer propiedades en los controles de campo de las páginas de diseño que restrinjan las operaciones de los autores.

• Puede quitar zonas de elementos web de las páginas de diseño para impedir que los autores inserten y configuren elementos web en las páginas o puede establecer restricciones en las zonas de elementos web para limitar el modo en que los autores pueden usarlas.

Establecimiento de restricciones en controles de campo

Al abrir el sitio en Microsoft Office SharePoint Designer 2007 o Microsoft Visual Studio 2005, puede editar las etiquetas asociadas a los controles de campo para restringir los tipos de características de creación de Office SharePoint Server 2007 que los escritores pueden usar al editar las páginas en la ventana del explorador. Por ejemplo, en los controles de campo enlazados a columnas del tipo HTML para publicación, las características que puede permitir o restringir son:

• Configurar fuentes

• Inserción de imágenes

• Inserción de tablas

• Adición de hipervínculos

• Adición de marcado de texto, como negrita y cursiva

Puede establecer restricciones de creación en otros tipos de columnas. Por ejemplo, en los controles de campo enlazados a columnas del tipo Imagen para publicación, puede permitir o restringir los hipervínculos de las imágenes.

Al restringir una característica de creación en una página de diseño de Microsoft Office SharePoint Designer 2007 o Microsoft Visual Studio 2005, los comandos de edición de página relacionados de Office SharePoint Server 2007 dejan de estar disponibles. Por ejemplo, si restringe la edición de tablas en un control de campo que incluye contenido del tipo HTML para publicación, los comandos de edición de tablas, como Editar tabla, dejan de estar disponibles en la barra de herramientas de Editar contenido.

Permiso o restricción de zonas de elementos web

Un elemento web es un control de servidor que los autores pueden insertar en zonas de elementos web de las páginas. Los elementos web muestran información según su funcionalidad, como la presentación de vínculos de navegación del sitio, contenido de las listas de SharePoint o información analítica de bases de datos.

Si una página de diseño incluye una o más zonas de elementos web, estas zonas están disponibles en las páginas que usan dicho diseño, lo que permite a los autores insertar elementos web disponibles en las páginas de contenido. Si permite a los autores insertar elementos web en las páginas, se reduce el control de la experiencia de los usuarios en el sitio. Por ejemplo, un escritor puede insertar un elemento web de tabla de contenido en una página que exponga los elementos del sitio por el que no desea que los usuarios naveguen desde la página actual.

Para impedir que los autores agreguen elementos web a las páginas, abra las páginas de diseño asociadas en Microsoft Office SharePoint Designer 2007 o Microsoft Visual Studio 2005 y quite las zonas de elementos web. De forma similar, al diseñar páginas de diseño nuevas, omita las zonas de elementos web para limitar la capacidad de los autores de agregar funcionalidad a las páginas asociadas a estas páginas de diseño.

Además, puede incluir zonas de elementos web en las páginas de diseño y restringir su uso. Al establecer propiedades para la zona de elementos web, puede rellenar la zona de elementos web con uno o más elementos web y permitir a los autores que editen las propiedades de estos elementos web, pero no permitirles que agreguen otros elementos web a la zona de elementos web.

Resumen

En la siguiente tabla se muestran las recomendaciones de restricción del diseño para entornos de creación con un control estricto, moderado o no estricto:

Para registrar las decisiones relacionadas con las restricciones de creación de las páginas de diseño, use la hoja de trabajo de planeación de páginas de diseño (en inglés) (https://go.microsoft.com/fwlink/?linkid=73317&clcid=0xC0A) (en inglés). Edite la hoja de trabajo para cada tipo de contenido de página del sitio al que desee aplicar las restricciones. Registre los requisitos de restricción en el campo de notas para cada tipo de diseño.

Descargar este libro

En este tema se incluye el siguiente libro descargable para facilitar la lectura y la impresión:

• Planeación de sitios y características (primera parte)

Vea la lista completa de libros disponibles en la página que muestra el contenido descargable para Office SharePoint Server 2007.

Vea también

Conceptos

Planeación de la creación de páginas web
Planeación de la aprobación y programación de contenido