Planeación de páginas web
Se aplica a: SharePoint Server 2010
Última modificación del tema: 2016-11-30
Cuando planee la publicación de páginas web en Microsoft SharePoint Server 2010, diseñe el aspecto del contenido publicado, determine la ubicación en la que los autores pueden agregar contenido a las páginas y controle las características de creación que los autores pueden usar. Un plan eficaz para las páginas web permite 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 de publicación: páginas maestras, diseños de página, páginas de contenido, hojas de estilos, elementos web, zonas de elementos web y controles de campo de servidor. A continuación, se incluye 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 los diseños de página contribuyen a restringir lo que los autores pueden hacer en las páginas web, en este artículo se incluye una guía acerca de cómo usar diseños de página para restringir la creación. Sin embargo, no se describe cómo crear páginas maestras, diseños de página o páginas de contenido y tampoco se describe cómo crean las páginas web los autores de contenido.
En este artículo:
Introducción a las páginas web
Planeación de páginas maestras
Planeación de diseños de página
Planeación de páginas de contenido
Uso de diseños de página para restringir la creación
Hoja de cálculo de planeación de la página web
Introducción a las páginas web
Si un usuario de un sitio de SharePoint Server 2010 abre una página web en un sitio de SharePoint, dicha página se presenta 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 modo que la personalización de marca pueda aplicarse a todo el contenido del sitio y actualizarse 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 las páginas de forma que el mismo contenido se pueda mostrar de distintas maneras.
Una página web basada en SharePoint Server 2010 es una página de archivo ASP.NET (.aspx) presentada dinámicamente a partir de los elementos que la componen. Las dos partes principales de una página web son la página maestra y el diseño de página. Las páginas maestras contienen controles compartidos entre varios diseños de página (por ejemplo, navegación, búsqueda o preferencia de idioma para los sitios multilingües). Los diseños de página contienen controles de campo y elementos web. Cuando se crea una página web, el contenido de la página se almacena como elementos de lista en la biblioteca de páginas. Esta página web es una página de contenido, ya que incluye el contenido que se muestra a los usuarios cuando ven la página en el sitio web. En la siguiente ilustración se muestra el funcionamiento conjunto de los diseños de página y las páginas maestras para crear el diseño de una página web.
.gif "Diseño de página")
En las siguientes secciones se describen más detalladamente las páginas maestras, los diseños de página y las páginas de contenido.
Páginas maestras
Una página maestra define el marco externo de la página web. 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 que anuncia 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. La página maestra es la 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 trabajar con la interfaz de usuario del sitio. La página maestra del sistema también se usa en algunas plantillas de sitio de grupo, como las plantillas de sitio Área de documentos y Wiki empresarial. 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 documentos de SharePoint, las páginas maestras tienen todas las características de los documentos de SharePoint Server 2010, 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 que se incluyen en SharePoint Server 2010 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, use Microsoft SharePoint Designer 2010 o Microsoft Visual Studio 2010. Para obtener más información, vea el tema sobre cómo crear una página maestra mínima.
Diseños de página
Un diseño de página es una página de páginas Active Server (ASPX) que define un diseño para un tipo de página de contenido específico. Cuando un usuario de un sitio de SharePoint abre una página de contenido en un explorador, el diseño de página que se asocia a dicha página se combina en primer lugar con la página maestra (que proporciona el marco externo de la página) y, a continuación, el contenido de la página se inserta en los controles de campo del diseño de página.
Dado que un diseño de página muestra el contenido almacenado en las columnas de un tipo de contenido, se debe diseñar para un tipo de contenido concreto. Por ejemplo, un diseño de página asociado 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 a la que se vincula desde la columna Imagen de la página del tipo de contenido Página de artículo.
Aunque un diseño de página se debe establecer para un solo tipo de contenido, el tipo de contenido se puede asociar a varios diseños de página. Por ejemplo, SharePoint Server 2010 incluye dos diseños de página para el tipo de contenido Página de artículo: uno que muestra la imagen en el lado izquierdo de la página y otro que muestra la imagen a la derecha. Para obtener más información sobre los tipos de contenido, vea Planeación de tipos de contenido y flujos de trabajo (SharePoint Server 2010).
Además de los controles para mostrar el contenido de una página, un diseño de página puede incluir otros elementos de página, incluidos los siguientes:
Elementos web Un control que pueden insertar y configurar los autores de páginas en la zona de elementos web de una página.
Zonas de elementos web Un área especificada de una página web que es un contenedor para los elementos web.
Controles de campo Un control que se agrega directamente a un diseño de página. Para obtener más información acerca de los controles de campo, vea el tema sobre los controles de campo y plantillas de control.
Vínculos de hojas de estilos en cascada Las hojas de estilos en cascada controlan 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 campo que muestre un tablero de cotizaciones. El tablero de cotizaciones se mostrará junto con el contenido de otra página cuando se use el diseño de página.
Al igual que las páginas maestras, los diseños de página 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, los diseños de página también tienen todas las características de los documentos de SharePoint Server 2010, como el control de versiones y la aprobación de contenido. Los sitios de publicación creados con SharePoint Server 2010 incluyen diseños de página que puede usar como punto de partida del diseño de la página de contenido. Para personalizar un diseño de página existente o crear uno nuevo, use Microsoft SharePoint Designer 2010 o Microsoft Visual Studio 2010.
Páginas de contenido
Todas las páginas de contenido de un sitio de publicación se almacenan en una sola biblioteca de páginas. 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 SharePoint Server 2010, como el control de versiones, la auditoría, el flujo de trabajo, la protección y desprotección, y la aprobación de contenido.
Nota
Aunque todas las páginas de publicación de un sitio están en una sola biblioteca de páginas, las soluciones web basadas en SharePoint Server 2010, como los sitios de intranet y los sitios de presencia en Internet, suelen estar compuestas por una jerarquía de sitios, cada uno de los cuales tiene su propia biblioteca de páginas.
Los autores crean páginas mediante la selección de Nueva página en el menú Acciones del sitio y las editan mediante la selección de Editar página en el menú Acciones del sitio . Al crear una página, los autores escriben un nombre para dicha página e inmediatamente después empiezan a crear contenido en ella. Para cambiar el tipo de contenido y el diseño de página, los autores seleccionan Diseño de página en el grupo Acciones de página de la ficha Página de la página que van a modificar. Para agregar contenido, seleccionar imágenes y realizar otras tareas de edición, los autores usan las fichas Formato de texto e Insertar de la sección Herramientas de edición de la página que van a modificar.
Las columnas asociadas con el tipo de contenido de una página web incluyen el contenido HTML de esa página. Además, contienen vínculos a imágenes que aparecen con la página y un vínculo al diseño de página asociado con la página.
Cada columna de contenido de una página está asociada con un control de campo concreto en el diseño de página asociado con la página. Para obtener más información acerca de los controles de campo en diseños de página, vea el tema sobre los modelos de diseños de página.
Planeación de páginas maestras
Las páginas maestras proporcionan los elementos estructurales compartidos de la página. Estos elementos incluyen 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. 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. Para garantizar que los usuarios tengan una experiencia coherente al moverse de una página a otra en un solo sitio de una colección de sitios, se recomienda no realizar cambios en la página maestra del sitio. Para proporcionar una personalización de marca y una interfaz de usuario coherentes, puede usar la misma página maestra de sitio en todos los sitios de la colección de sitios.
Puede modificar la página maestra que se usa en otros sitios de la jerarquía de sitios para cambiar la personalización de marca de algunos sitios. Por ejemplo, un sitio con presencia en Internet puede estar compuesto por varios sitios que presenten distintas personalizaciones de marca para los productos. Puede cambiar la página maestra del sitio para cada sitio de la jerarquía de sitios con el fin de reflejar la personalización de marca de producto que presenta cada sitio.
Antes de planear páginas maestras, debe planear la estructura del sitio tal como se describe en Planeación de sitios y colecciones de sitios (SharePoint Server 2010). Para planear páginas maestras, use las hojas de datos de la página maestra de la hoja de cálculo de planeación de la página web.
Planeación de diseños de página
Un diseño de página define el diseño de una página de contenido al proporcionar controles de campo en los que se inserta el contenido de la página de contenido. El control de campo muestra el contenido. Cada diseño de página se asocia a un tipo de contenido concreto y suele haber disponibles varios diseños de página para un solo tipo de contenido. Por ejemplo, puede asignar varios diseños de página a un solo tipo de contenido para proporcionar diseños alternativos para versiones localizadas del 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 un diseño de página, incluida la adición de nuevos controles para mostrar contenido y controles adicionales, como elementos web y controles de servidor, con Microsoft SharePoint Designer 2010 o Microsoft Visual Studio 2010.
SharePoint Server 2010 incluye el siguiente conjunto de diseños de página para cada tipo de contenido de página.
Página de artículo: contiene los siguiente diseños de página:
Este diseño de página Contiene estos elementos de página Sólo cuerpo
Un título y una página de contenido.
Imagen a la izquierda
Un título, el contenido de página, una imagen de página a la izquierda y áreas para la línea de autor, la fecha del artículo y la leyenda de imagen.
Imagen a la derecha
Un título, el contenido de página, una imagen de página a la derecha y áreas para la línea de autor, la fecha del artículo y la leyenda de imagen.
Vínculos de resumen
Un título, el contenido de página, la fecha del artículo, la línea de autor y un elemento web de vínculos de resumen en el que los autores pueden agregar una lista de hipervínculos.
Página wiki empresarial: contiene un solo diseño de página, Página básica, que incluye el contenido, la clasificación de la página y los elementos de la página de categorías.
Página de proyectos: contiene un solo diseño de página, Página de proyectos básica, que incluye el contenido, la clasificación de la página, las categorías, el contacto de página y los elementos de la página del estado de la tarea (también contiene un vínculo simple a la página web del proyecto).
Página de redireccionamiento: contiene un solo diseño de página (redireccionamiento), que incluye un único hipervínculo al que se redirige a los usuarios que ven la página.
Página de bienvenida: contiene los siguientes diseños de página:
Este diseño de página Contiene estos elementos de página Página de elementos web en blanco
Un área de contenido y varias zonas de elementos web en las que los autores pueden agregar elementos web.
Pantalla de presentación
Solamente una imagen y dos elementos web de vínculos de resumen en los que los autores pueden agregar hipervínculos.
Vínculos de resumen
Áreas de contenido e imágenes junto con dos elementos web de vínculos de resumen.
Tabla de contenido
Áreas de contenido e imágenes junto con un elemento web de tabla de contenido para mostrar una tabla de contenido con hipervínculos al contenido del sitio.
Si usa los tipos y diseños de página de contenido incluidos con SharePoint Server 2010, no debe realizar ningún paso de planeación adicional. Los autores pueden seleccionar tipos de contenido de página y diseños asociados al crear páginas nuevas. No obstante, si agrega campos nuevos a un tipo de contenido de página o si crea nuevos tipos de contenido personalizados para las páginas de publicación, debe planear diseños de página que reflejen los tipos de contenido nuevos o modificados.
Además, puede cambiar un diseño de página mediante la adición de controles Microsoft ASP.NET 3.5, 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 un diseño de página. No obstante, si incluye un elemento web en un diseño de página 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 un diseño de página, la consulta configurada cuando se agrega el elemento web se establece de forma permanente y los autores no podrán modificarla.
Para planear diseños de página para tipos de contenido, como páginas de artículo, páginas wiki empresariales, páginas de proyectos y páginas principales, use la ficha de hoja de datos de diseños de página de la hoja de cálculo de planeación de la página web.
Planeación de páginas de contenido
Cada página de contenido de SharePoint Server 2010 consta de texto, imágenes y otros tipos de contenido que se almacenan 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
SharePoint Server 2010 incluye los siguientes tipos de contenido de página:
Página de artículo. Es el tipo de página de contenido más común. Esta página está diseñada para el contenido de página web general. Incluye lo siguiente:
Columnas para imágenes y leyendas de imagen
Una columna para el contenido de la página
Columnas para vínculos que aparecen con la página
Una columna para la línea de autor
Una columna para la fecha del artículo
Página wiki empresarial. Es la página de contenido principal de un sitio wiki empresarial. Incluye lo siguiente:
Una columna para el contenido de la página
Columnas de clasificaciones y número de clasificaciones
Una columna para categorías wiki
Página de proyectos. Es una página para proporcionar la información básica que describe un proyecto. Este tipo de contenido hereda del tipo de contenido de la página wiki empresarial en lugar del tipo de contenido de la página. Incluye lo siguiente:
Una columna para el contenido de la página
Columnas de clasificaciones y número de clasificaciones
Una columna para un vínculo a la página web del proyecto
Una columna para el estado de la tarea
Una columna para categorías wiki
Página de redireccionamiento. Página para redirigir al lector a otra página. Incluye una columna para la dirección URL de redireccionamiento.
Página de bienvenida. Generalmente, es la página principal de un sitio de publicación. Incluye lo siguiente:
Columnas con las imágenes que se van a mostrar
Una columna para el contenido de la página
Columnas para los vínculos que aparecen con la página
Además, dado que todos estos tipos de contenido de página se heredan del tipo de contenido de página genérico, ya sea de forma directa o a través de su tipo de contenido primario, 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 aparece con la página al incluirla en una tabla de contenido o en otra lista
Información para identificar las audiencias
Columna para los comentarios acerca de la página
Al planear las páginas de contenido, se recomienda usar los tipos de página de contenido incluidos en SharePoint Server 2010 como punto de partida. Los tipos de contenido de página de artículo, página wiki empresarial, página de proyectos y página de bienvenida están diseñados con una finalidad general y se pueden aplicar en diversos contextos. La columna de contenido principal de estos tipos de contenido es la columna Contenido de página, que puede incluir contenido HTML. Al usar HTML y hojas de estilos en cascada para controlar el aspecto del contenido, los autores y los diseñadores de sitios no necesitan diseñar otros tipos de contenido. Además, al seleccionar detenidamente el diseño que se va a usar para cada tipo de contenido, en función de la página de artículo, la página wiki empresarial, la página de proyectos o la página de bienvenida, puede ampliar la variedad de presentación del contenido sin especificar tipos de contenido adicionales. Para obtener más información, vea Planeación de diseños de página.
Para planear páginas de contenido, use las fichas de hojas de datos correspondientes de la hoja de cálculo de planeación de la página web.
Uso de diseños de página 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 los diseños de página e impedir que los escritores invaliden las definiciones de estilo mediante un formato incorporado. Por el contrario, en un sitio de colaboración, 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 que proporcionen vistas de los datos. Por ejemplo, en un sitio de intranet que se usa para colaborar en las especificaciones de productos, puede que desee permitir a los autores usar libremente estilos, hipervínculos, imágenes y elementos web para maximizar las posibilidades de comunicación de sus ideas.
Puede aplicar restricciones a los diseños de página de los modos siguientes:
Puede establecer propiedades en los controles de campo que restringen las operaciones de los autores.
Puede quitar zonas de elementos web 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 el que los autores pueden usarlas.
En la siguiente tabla se muestran las recomendaciones para restringir diseños de página según tres niveles de entornos de creación:
| Nivel de control | Sitio típico | Recomendaciones de restricción |
|---|---|---|
Estricto |
Presencia en Internet |
Limitaciones estrictas en la edición de controles de campo, otras limitaciones de control de campo, como la ausencia de hipervínculos en los controles de campo de imagen, y ubicación directa de elementos web en el diseño de página y no en las zonas de elementos web. |
Moderado |
Sitio del portal de intranet empresarial |
Limitaciones moderadas o ausencia de limitaciones para la edición de los controles de campo, zonas de elementos web que contienen elementos web (aunque los autores no pueden agregar o quitar elementos web). |
No estricto |
Wiki empresarial o sitio de departamento o grupo |
Ninguna limitación para la edición de controles de campo, se permiten zonas de elementos web. |
Use la ficha de hoja de datos de diseños de página de la hoja de cálculo de planeación de la página web para registrar las decisiones sobre la restricción de características de creación en páginas de contenido.
Establecimiento de restricciones en controles de campo
Al abrir el sitio en Microsoft SharePoint Designer 2010 o Microsoft Visual Studio 2010, puede editar las etiquetas asociadas a los controles de campo para restringir los tipos de características de creación de SharePoint Server 2010 que los autores 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, puede habilitar o restringir las siguientes características:
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
Adición de elementos web
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 habilitar o restringir los hipervínculos de las imágenes.
Al restringir una característica de creación en un diseño de página de Microsoft SharePoint Designer 2010 o Microsoft Visual Studio 2010, los comandos de edición de página relacionados de SharePoint Server 2010 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 Insertar tabla dejan de estar disponibles en Herramientas de ediciónen la ficha Insertar.
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. Una zona de elementos web es un área especificada de una página web que actúa como contenedor de elementos web. Los elementos web muestran información según su funcionalidad, como la presentación de vínculos de navegación del sitio, contenido de lista o información analítica de bases de datos.
Si un diseño de página 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 autor puede insertar un elemento web de tabla de contenido en una página que exponga los elementos del sitio que no desea que los usuarios muevan desde la página actual.
Para impedir que los autores agreguen elementos web a las páginas, abra los diseños de página asociados en Microsoft SharePoint Designer 2010 o Microsoft Visual Studio 2010 y quite las zonas de elementos web o quite controles de campo HTML. De forma similar, al establecer diseños de página nuevos, omita las zonas de elementos web para limitar la capacidad de los autores de agregar funcionalidad a las páginas asociadas a esos diseños de página.
Además, puede incluir zonas de elementos web en los diseños de página 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 editar las propiedades de estos elementos web, pero no permitirles que agreguen otros elementos web a la zona de elementos web.
Hoja de cálculo de planeación de la página web
Descargue una versión en Excel de la hoja de cálculo de planeación de la página web. Use esta hoja de cálculo para registrar las decisiones sobre las páginas maestras que necesita el sitio, las columnas para tipos de contenido de página específicos y las restricciones de creación de los diseños de página.