Bloque de creación: páginas e interfaz de usuario

Artículo
09/24/2014

Última modificación: lunes, 12 de abril de 2010

Hace referencia a: SharePoint Foundation 2010

En este artículo
Tipos de páginas
La cinta de Server
Elementos web
Temas
Hojas de estilos en cascada (CSS)
Áreas relacionadas con la interfaz de usuario
Más información sobre la interfaz de usuario

La interfaz de usuario de Microsoft SharePoint Foundation consta de muchas partes diferentes. La parte básica de la interfaz de usuario es una página. Existen dos tipos principales de páginas en SharePoint Foundation. Se trata de las páginas de sitio y las páginas de aplicación. Las páginas de sitio y de aplicación heredan su diseño de la misma página maestra. Además de los tipos de página, hay otras partes que constituyen la interfaz de usuario, incluidos los temas, las hojas de estilos en cascada (CSS), los elementos web y la Cinta de Server.

Tipos de páginas

Existen dos tipos principales de páginas en SharePoint Foundation. Se trata de las páginas de sitio y las páginas de aplicación. Las páginas de sitio se usan para mostrar información y los usuarios finales las pueden personalizar. Las páginas de aplicación realizan una función específica dentro de SharePoint Foundation.

Páginas de sitio

Las páginas de sitio son páginas que los usuarios finales crean, editan y personalizan. Se usan principalmente para el contenido de un sitio. Las páginas de sitio son de dos tipos: una página estándar y una página de elementos web. La página estándar contiene texto, imágenes, elementos web y otros elementos. La página de elementos web contiene elementos web en zonas de elementos web. Tienen un diseño predefinido que usa zonas de elementos web. Ambos tipos de páginas de sitio se editan mediante un explorador web o Microsoft SharePoint Designer. Las páginas de sitio se personalizan mediante elementos web, edición dentro del explorador, SharePoint Designer y temas. Las páginas maestras personalizadas, ECMAScript (JavaScript, JScript) y CSS se pueden aplicar a páginas de sitio para escenarios de personalización más avanzados. Para obtener más información acerca de las páginas de sitio, vea Tipos de página de SharePoint.

Páginas de aplicación

Las páginas de aplicación realizan una función específica dentro de SharePoint Foundation. Se implementan a través del conjunto o granja de servidores y se almacenan en el directorio %ProgramFiles%\Common Files\Microsoft Shared\web server extensions\14\TEMPLATE\LAYOUTS en el servidor front-end web. Se adjuntan a la página maestra del sitio para crear una interfaz de usuario coherente. Para obtener más información sobre las páginas de aplicación, vea Tipos de página de SharePoint.

Páginas maestras

Las páginas maestras definen una estructura común para las páginas de sitio y de aplicación de SharePoint Foundation. Cuando se solicita una página, se combinan la página maestra y la página de contenido para producir una sola página. Esta contiene los elementos de la interfaz de usuario de todo el sitio de la página maestra combinada con contenido específico de página de la página de contenido. Al usar una página maestra, todas las páginas de contenido y de aplicación comparten la misma estructura de página y tienen una apariencia coherente. SharePoint Foundation usa v4.master como su página maestra principal. Todas las páginas de contenido y de aplicación usan v4.master. Cuando instala SharePoint Foundation, las páginas maestras se almacenan en el directorio %ProgramFiles%\Common Files\Microsoft Shared\web server extensions\14\TEMPLATE\GLOBAL. Para obtener más información acerca de las páginas maestras, vea Páginas maestras.

La cinta de Server

La Cinta de Server es un elemento de interfaz de usuario que presenta una superficie de comandos coherente que se puede usar para interactuar con páginas y objetos de SharePoint Foundation. La cinta se aborda en un tema de bloque de creación aparte. Para obtener información sobre la cinta, vea Bloque de creación: cinta de Server.

Elementos web

Los elementos web tienen una interfaz de usuario reutilizable y modular dentro de las páginas de SharePoint Foundation. Los elementos web se abordan en un tema de bloque de creación aparte. Para obtener información sobre elementos web, vea Bloque de creación: elementos web.

Temas

SharePoint Foundation incluye admisión para aplicar temas a los sitios. Puede usar temas para aplicar colores y fuentes a elementos de interfaz de usuario en un sitio web. Los temas que se usan en SharePoint Foundation tienen la misma extensión de archivo y estructura que los archivos de tema (THMX) que usan en las aplicaciones cliente de Microsoft Office 2010, como Microsoft PowerPoint 2010. Los archivos de CSS se pueden marcar con variables que son únicas para los temas, pero que están traducidas a valores reales en las CSS, cuando se aplica un tema al sitio. Estas variables se almacenan como comentarios en el archivo de CSS, por lo que los estándares web las admiten por completo. La creación de un nuevo tema es tan simple como definir nuevos valores para esas variables. A continuación, el explorador descarga los archivos de CSS a los que se aplicaron temas.

Hojas de estilos en cascada (CSS)

Las CSS constan de un esquema de definición de formato que se usa para definir el formato de un documento escrito en un lenguaje de marcado, como HTML, XHTML y XML. El objetivo de las CSS es habilitar la separación del contenido de la presentación, incluidos los atributos como colores, fuentes y otros aspectos del diseño de documento. Las reglas que determinan los estilos y el formato que se aplican a las páginas de SharePoint Foundation se definen en los archivos CSS. Los archivos CSS se almacenan localmente en cada servidor front-end web en el directorio %ProgramFiles%\Common Files\Microsoft Shared\web server extensions\14\TEMPLATE\LAYOUTS\IdConfiguraciónRegional\STYLES\Themable\, donde IdConfiguraciónRegional es el identificador de configuración regional (LCID) para la instalación de SharePoint Foundation. El LCID para inglés de Estados Unidos es 1033. Para obtener más información sobre las clases que se definen en las CSS predeterminadas, vea Uso de la clase de hoja de estilos en cascada para SharePoint Foundation.