Guía básica de diseño de páginas
En este artículo:
Antes de comenzar
Personalización de páginas maestras
Configuración de la navegación
Personalización de páginas de diseño
Integración de elementos web
Personalización de los estilos usados en los elementos de página
Personalización de las herramientas usadas por los autores
Las páginas de los sitios de Microsoft Office SharePoint Server 2007 se pueden diseñar y personalizar de las siguientes formas:
En el explorador en un sitio de Office SharePoint Server 2007.
Por ejemplo, un diseñador del sitio del portal de la intranet de una compañía puede cambiar la página maestra asociada al sitio, configurar la navegación y asociar los diseños de página a los tipos de contenido usados en el sitio. Además, los autores pueden aplicar estilos al contenido de la página o al contenido mostrado en los elementos web.
Uso de Office SharePoint Designer 2007.
Dado que todos los sitios de SharePoint empiezan por las mismas características visuales, Office SharePoint Designer 2007 proporciona las herramientas necesarias para personalizar y crear sitios de SharePoint visualmente distintos. Puede usar las capacidades de las páginas maestras de ASP.NET 2.0 para crear y cambiar los sitios de SharePoint de forma rápida y fácil. Puede adaptar la presentación y el aspecto de un sitio de SharePoint para satisfacer sus necesidades y requisitos de marca mediante el uso de estándares web establecidos, como XHTML y las hojas de estilos en cascada. Además, los diseñadores pueden controlar el aspecto de las páginas del sitio con Office SharePoint Designer 2007 para agregar y editar los diseños de página.
Uso del sistema de desarrollo de Microsoft Visual Studio.
Un programador puede personalizar considerablemente las páginas web, las páginas de diseño y las hojas de estilos, ampliar la funcionalidad de los controles usados para editar las páginas, personalizar la navegación por las páginas, crear elementos web y controles personalizados y realizar otras personalizaciones relacionadas con la administración de páginas web y contenido web.
En esta guía básica se especifican los recursos en el siguiente orden, que es la secuencia en que debe diseñar las páginas del sitio:
Personalización de páginas maestras.
Personalización de la navegación.
Creación de páginas de diseño.
Integración de elementos web.
Personalización de los estilos usados en los elementos de página.
Personalización de las herramientas usadas por los autores.
Antes de comenzar
Antes de iniciar el desarrollo de páginas personalizadas para el sitio de SharePoint, revise los recursos de las siguientes secciones de introducción, donde se describen las capacidades de diseño de páginas y las opciones de personalización disponibles para los arquitectos, diseñadores, creadores y programadores de sitios de Office SharePoint Server 2007.
Introducciones generales
Anatomía de un sitio de publicación en Office SharePoint Server 2007
Consideraciones sobre la actualización de sitios personalizados
Acerca de las plantillas de sitio habilitadas para publicación
Planeación y personalización de marca básica (en inglés) (entrada de blog)
Páginas en Office SharePoint Server 2007 (programador)
Creación de páginas web ASP.NET (programador)
Prácticas recomendadas para desarrollar sitios web accesibles (notas del producto)
Acerca de las páginas maestras
Acerca de la navegación
Acerca de las páginas de diseño
Acerca de la configuración de diseños de página y plantillas de sitio
Diseños de páginas y páginas maestras (programador)
Acerca de los elementos web y los controles de campo
Introducción a la personalización de páginas mediante elementos web (Windows SharePoint Services)
Controles de elementos web ASP.NET (programador)
Controles de servidor web ASP.NET (programador)
Trabajo con elementos web de ASP.NET 2.0 y Windows SharePoint Services 3.0 (en inglés) (programador)
Los elementos web en Windows SharePoint Services (programador)
Personalización de 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 los 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 se usa para anunciar más de un producto podría usar páginas maestras independientes para que el contenido de cada producto emplee la personalización de marca correcta. Para obtener información acerca de las técnicas para personalizar las páginas maestras, vea los siguientes recursos:
Modificación de los marcadores de posición de contenido de SharePoint predeterminados
Uso de la página maestra mínima (en inglés) (entrada de blog)
Procedimiento para crear una página maestra mínima (programador)
Configuración de la navegación
La navegación del sitio proporciona la interfaz principal para que los usuarios del sitio se muevan por los sitios, subsitios y páginas que componen el sitio del portal de Internet o intranet. Office SharePoint Server 2007 incluye un conjunto de características de navegación personalizables y extensibles que ayudan a orientar a los usuarios del sitio y les permiten moverse entre los sitios y las páginas. Para obtener información acerca de las técnicas para personalizar las páginas maestras, vea los siguientes recursos:
Configuración y administración de una estructura de navegación compartida entre sitios
Adición una lista de vínculos de resumen a un diseño de página de publicación
Información detallada acerca de la navegación en Office SharePoint Server (en inglés) (entrada de blog) (programador)
Procedimiento para personalizar la navegación (programador)
Personalizació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). Con Office SharePoint Designer 2007 o Visual Studio, 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 junto con controles adicionales, como los elementos web y los controles de servidor. Para obtener información acerca de las técnicas para personalizar las páginas de diseño, vea los siguientes recursos:
Establecer las plantillas de sitio y diseños de página preferidos (sección relativa a la configuración de diseños de página y plantillas de sitio)
Controles de campo y plantillas de controles (programador)
Procedimiento para crear un control de campo personalizado (programador)
Integración 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. Para obtener información acerca de las técnicas para personalizar elementos web y agregarlos a las páginas, vea los siguientes recursos:
Personalización de páginas mediante elementos web (Windows SharePoint Services 3.0)
Personalización de páginas mediante elementos web (Office SharePoint Server 2007)
Procedimiento para implementar el modelo de objetos de Windows SharePoint Services en un elemento web personalizado (programador)
Procedimiento para exportar un elemento web de ASP.NET e importarlo a un sitio de SharePoint (programador)
Registro de un elemento web como un control seguro (en inglés) (programador)
Creación de un elemento web básico (programador)
Creación de un elemento web básico de SharePoint (programador)
Creación de elementos web conectables de SharePoint (programador)
Procedimiento para registrar un elemento web como un control seguro (en inglés) (programador)
Elementos web (temas de procedimientos de Windows SharePoint Services) (programador)
Creación de un elemento web de Windows SharePoint Services 3.0 con Visual Studio 2005 Extensions (en inglés) (programador)
Uso del elemento web Consulta de contenido
El elemento web Consulta de contenido muestra un conjunto dinámico de elementos basados en una consulta creada. La consulta se usa para especificar qué elementos se muestran y pueden establecerse opciones de presentación para determinar cómo se muestran los elementos en la página completada. Debido a que es altamente configurable, el elemento web Consulta de contenido es un elemento web clave para personalizar las páginas web. Para obtener información acerca de las técnicas para usar los elementos web Consulta de contenido, vea los siguientes recursos:
Visualización de datos de varias listas con el elemento web Consulta de contenido
Configuración y personalización del elemento web Consulta de contenido (en inglés) (entrada de blog)
Procedimiento para personalizar el elemento web Consulta de contenido mediante propiedades personalizadas(programador)
Procedimiento para mostrar campos personalizados en un elemento web Consulta de contenido (programador)
Procedimiento para personalizar XSL para el elemento web Consulta de contenido (programador)
Personalización de los estilos usados en los elementos de página
Puede personalizar el aspecto de un sitio de SharePoint mediante la realización de cambios en los estilos predeterminados aplicados a las páginas de dicho sitio. Para obtener información acerca de las técnicas para personalizar elementos web y agregarlos a las páginas, vea los siguientes recursos:
Aplicación de una hoja de estilos personalizada en un sitio de SharePoint
Opciones de CSS con páginas maestras (en inglés) (entrada de blog)
Procedimiento para personalizar estilos (programador)
Personalización de las herramientas usadas por los autores
La creación de páginas web es el proceso por el cual los redactores agregan contenido a un sitio de publicación como, por ejemplo, un sitio corporativo de Internet o un sitio del portal de la intranet. La creación de páginas web está disponible en un sitio si las características de publicación de Office SharePoint Server 2007 están activadas en el sitio. Para obtener información acerca de las técnicas para personalizar la experiencia de creación de Office SharePoint Server 2007, vea los siguientes recursos:
Personalización de la barra de herramientas de edición de páginas en Office SharePoint Server (en inglés) (entrada de blog) (programador)
Procedimiento para personalizar los componentes de la barra de herramientas de edición de páginas (programador)
Procedimiento para agregar un botón al control de campo del editor HTML (programador)
Procedimiento para personalizar el control de campo del editor HTML (programador)
Descarga de este libro
En este tema se incluye el siguiente libro descargable para facilitar la lectura y la impresión:
Vea la lista completa de libros disponibles en la sección de libros descargables para Office SharePoint Server 2007.
Vea también
Otros recursos
Personalización del cuadro de búsqueda
Personalización de temas
Cambio de la página de bienvenida
Restablecimiento de una página personalizada con la definición de sitio
Personalización de los logotipos para sitios de SharePoint
Creación y edición de páginas
Cómo dar formato al texto de un campo de texto
Cómo dar formato al texto de un campo de texto mejorado
Procedimiento para la optimización del rendimiento del sitio de administración de contenido web de SharePoint Server 2007 (en inglés)