Este artículo está destinado a los propietarios y administradores de páginas web. Proporciona información general sobre los elementos Web y las páginas de elementos Web de Microsoft SharePoint y explica cómo personalizar una página agregando, cambiando o eliminando elementos Web.
Nota: Este artículo se aplica a SharePoint Server 2007 y Windows SharePoint Services 3,0. Si está usando SharePoint en Microsoft 365, vea usar elementos Web en páginas modernas.
En este artículo
Información general sobre elementos web y páginas de elementos web
Un elemento web es una unidad modular de información que constituye el bloque de creación básico de una página de elementos web. Puede agregar elementos web a zonas de elementos web en una página de elementos web y luego personalizar elementos web individuales para crear una página única para los usuarios de su sitio.
En el siguiente ejemplo se usa el elemento web Imagen para describir las características básicas de un elemento web.
1. La barra de título del elemento web contiene el título para el elemento web.
2. El menú Elemento web contiene funciones que permiten minimizar o cerrar el elemento web, editar el elemento web u obtener ayuda para un elemento web específico. Si la página se encuentra en modo de edición, también puede usar este menú para eliminar el elemento web o conectarlo a otros elementos web, según el tipo de elemento web que esté utilizando.
3. El cuerpo del elemento web tiene el contenido que ha especificado para el tipo de elemento web que se usa. En este ejemplo, el elemento web es un elemento web Imagen porque muestra una imagen.
Una página de elementos web es un tipo especial de página web en el que puede usar elementos web para consolidar los datos, como listas y gráficos, y el contenido web, como texto e imágenes en un portal de información dinámica que se genera sobre una tarea común o un interés especial.
La página de inicio del sitio es un ejemplo de página de elementos web. Cuando crea un sitio nuevo o sitio de espacio de trabajo, está creando una página de elementos web. También puede crear una página de elementos web seleccionando una de las plantillas de sitio disponibles, o puede utilizar un programa de diseño web compatible con Microsoft Windows SharePoint Services, como Microsoft Office SharePoint Designer 2007, para crear una página de elemento web partiendo desde cero.
Puede usar una página de elementos web para presentar una variedad de información estructurada y sin estructurar en una forma útil, organizada y cómoda. A menudo, las páginas de elementos web contienen varios elementos web conectados de forma que puede ver dinámicamente los datos y el contenido para ver los resultados que desee.
Por ejemplo, supongamos que crea una página de elementos web denominada Pedidos de clientes que usa con frecuencia para mostrar información importante. Recibe una llamada de un cliente que le pregunta por un pedido, no recuerda el número de Id. de pedido, pero sí la fecha en que se realizó. Puede usar una página de elementos Web para hacer lo siguiente.
1. Buscar un pedido por el número de Id. de pedido o, en este caso, la fecha del pedido.
2. Mostrar todos los pedidos por fecha.
3. Seleccionar el pedido correcto, según el nombre del cliente, y buscar los detalles del pedido, así como los detalles del cliente.
4. Seleccionar un elemento de línea del pedido (en este caso, la lámpara) y mostrar la imagen del producto para confirmar la pregunta del cliente.
5. Buscar las últimas noticias de negocio relacionadas con el pedido del cliente.
Propiedades de los elementos web
Cada elemento Web comparte un conjunto de propiedades comunes (también conocidas como propiedades de clase básicas) que se organizan en secciones en el panel de herramientas y que controlan la apariencia del elemento web (como el título, el alto y el ancho), la presentación (como el orden del elemento web en la zona y la dirección del contenido) y las características avanzadas (como el icono de la imagen y la descripción).
Muchos elementos web también tienen propiedades personalizadas que son únicas al elemento web. Normalmente, estas se muestran encima o debajo de las propiedades comunes del elemento web en el panel de herramientas. Por ejemplo, el elemento web Imagen tiene propiedades personalizadas adicionales, como el vínculo de la imagen, su alineación horizontal y vertical, y el color de fondo.
Nota: En función de cómo se haya creado el elemento web, se mostrará una propiedad personalizada del elemento web en una sección Varios predeterminada debajo de las propiedades comunes en el panel de herramientas.
Vistas del elemento web
Puede personalizar un elemento web en una de dos vistas:
-
Vista compartida Puede agregar un elemento web a una página de elementos web y luego editar la página de elementos web en una vista compartida. Los elementos web compartidos están disponibles para todos los usuarios de una página de elementos web que dispongan de los permisos correspondientes.
-
Vista personal Puede agregar un elemento web compartido a su propia vista personal y luego editar la vista del elemento web. Los cambios que realice a un elemento web mientras se encuentra en una vista personal solo estarán disponibles para usted. El resto de usuarios que no hayan realizado cambios en una vista personal continuarán viendo la vista compartida del elemento web.
La vista del elemento web en el que está trabajando puede ser importante porque:
-
Puede que tenga permiso para editar solo algunos elementos web en determinadas páginas de elementos web pero no en otras.
-
Es posible que pueda conectarse a determinados elementos web en una página de elementos web pero no a otros elementos web en la misma página.
Elementos web y conexiones de elementos web
Una característica adicional de los elementos web es la capacidad de conectarlos fácilmente entre sí pasando datos de unos a otros y sincronizando su comportamiento. Al conectar elementos web, puede administrar datos de una manera dinámica e interesante. En muchos productos y tecnologías, no ha sido tarea fácil conectar conjuntos de datos de distintos orígenes de datos, y con frecuencia se requerían conocimientos de programación. Pero con los elementos web, realizar conexiones de datos es tan simple como usar comandos de menú. Al conectar elementos web, puede, por ejemplo, presentar datos de dos elementos web en vistas alternativas, realizar cálculos relacionados entre dos elementos web y filtrar un elemento web usando valores de otro elemento web; todo en una única página de elementos web.
Zonas de elementos web y sus propiedades
Las zonas de elementos web son contenedores de elementos web que se usan para agrupar y organizar elementos web en una página de elementos web. Las zonas de elementos web también tienen un conjunto de propiedades que sirven a un doble objetivo. Puede usar un subconjunto de propiedades para organizar el diseño y el formato de elementos web en la página de elementos web. Puede usar otro subconjunto de propiedades para proporcionar un nivel adicional de protección frente a modificaciones (o "bloqueo") de los elementos web ubicados en la zona.
Cada una de las propiedades de la zona de elementos web tiene una configuración y un comportamiento predeterminados. A medida que agrega elementos web a la página de elementos web, algunos de estos valores de propiedades se establecen de forma automática. Aunque estos valores de propiedades no están diseñados para editarse en el explorador, puede modificarlos mediante un programa de diseño web compatible con Windows SharePoint Services, como Office SharePoint Designer 2007.
Para más información sobre las propiedades de la zona de elementos web, consulte el SDK Windows SharePoint Services 3.0, que está disponible en el sitio de desarrollo general de SharePoint.
Tipos de elementos web
Windows SharePoint Services proporciona varios elementos web listos para usar con el sitio. Puede usar estos elementos web integrados, personalizarlos según sus necesidades o bien, crear nuevos elementos web y cargarlos para su uso por todo el sitio.
Elementos web predeterminados
Los siguientes elementos web se incluyen de forma predeterminada en cualquier sitio y se pueden personalizar según las necesidades del equipo. Muchos de estos elementos web también se pueden conectar entre sí para crear diversas soluciones únicas:
-
Elemento web Editor de contenido Puede usar el elemento web Editor de contenido para agregar texto formateado, tablas, hipervínculos e imágenes a una página de elementos web.
-
Elemento web Formulario Puede usar el elemento web Formulario para conectarse a una columna de datos y filtrarla en otra página de elementos web. Ambos elementos web deberán ejecutarse en el mismo servidor.
-
Elemento web Imagen Puede usar el elemento web Imagen para agregar una imagen o un gráfico a una página de elementos web. Para facilitar la coordinación de la imagen con otros elementos web de la página, puede controlar la alineación vertical, la alineación horizontal y el color de fondo de la imagen dentro del elemento web Imagen editando las propiedades personalizadas en una vista compartida.
-
Elemento web Vista de lista Puede usar el elemento web Vista de lista para mostrar y editar datos de lista o de biblioteca en su sitio y para conectarse a otros elementos web, incluidos otros elementos web Vista de lista. Las listas son información que se comparte con otros integrantes del grupo y suelen tener un formato de tabla. Las vistas de listas muestran esta información de diferentes formas para diferentes fines, como filtrar, ordenar o seleccionar columnas específicas.
Nota: No existe un elemento web denominado Vista de lista. Cuando se crea una lista en el sitio, se crea automáticamente un elemento web Vista de lista con el nombre de la lista. Por ejemplo, si crea una lista denominada Barcos, aparecerá un elemento web denominado Barcos en la galería Nombre del sitio. El elemento web muestra automáticamente los datos que contiene en la lista que ha creado.
-
Elemento web Visor de páginas Puede usar el elemento web Visor de páginas para mostrar una página, un archivo o una carpeta web en una página de elementos web. Debe especificar un hipervínculo, una ruta de archivo o un nombre de carpeta para vincularlo al contenido.
-
Elemento web Usuarios del sitio Puede usar el elemento web Usuarios del sitio para mostrar una lista de usuarios y grupos que tienen permiso para usar un sitio. Los elementos web Usuarios del sitio aparecen automáticamente en la página principal de un sitio Área de documentos. También puede agregar el elemento web Usuarios del sitio a cualquier página de elementos web.
Nota: En los sitios que se están ejecutando en Microsoft Windows SharePoint Services 2.0 y versiones anteriores, el elemento web Usuarios del sitio se denominaba elemento web Integrantes.
-
Elemento web XML Puede usarlo para mostrar Lenguaje de marcado extensible (XML) y aplicar Lenguaje de transformación basado en hojas de estilo (XSLT) al XML antes de que se muestre el contenido. Por ejemplo, podría tener un archivo XML con una lista de barcos, precios y vínculos a imágenes de los barcos. Puede usar XSLT para transformar los datos con objeto de mostrar una lista de barcos y precios, y hacer que el nombre del barco sea un hipervínculo para mostrar la imagen en otra ventana.
Elementos web Vista de lista preconfigurados
Los siguientes elementos web están integrados en la plantilla del sitio del equipo Windows SharePoint Services; se configuran automáticamente y se dejan listos para usar en una página de elementos web cuando crea un nuevo sitio del equipo. Cuando crea un sitio del equipo o un sitio del área de trabajo, se incluyen combinaciones diferentes de estos elementos web, en función de la plantilla de sitio seleccionada.
Nota: Estos elementos web proceden del elemento web Vista de lista y usan plantillas de elemento web preconfiguradas para crear su propio diseño y estilo. Para agregar datos a estas listas, en Inicio Rápido, haga clic en Ver todo el contenido de sitio y luego en Listas. En la página Todo el contenido del sitio, haga clic en el nombre de la lista a la que desea agregar datos.
-
Anuncios Use el elemento web Anuncios para publicar noticias, estados y cualquier otro dato informativo que desee compartir con los integrantes del equipo.
-
Calendario Use el elemento web Calendario para mostrar los próximos eventos o las programaciones del equipo.
-
Vínculos Use el elemento web Vínculos para publicar hipervínculos en las páginas web que sean de interés para su equipo.
-
Documentos compartidos Use el elemento web Documentos compartidos para compartir los archivos de la biblioteca de documentos predeterminada con los usuarios del sitio.
-
Tareas Use el elemento web Tareas para asignar una tarea a un integrante del equipo, especificar la fecha de vencimiento y la prioridad, e indicar el estado y el progreso.
-
Discusión de grupo Use el elemento web Discusión de grupo para disponer de un foro en el que hablar de temas de interés para su equipo.
Elementos web personalizados
Utilizando un entorno de programación compatible con Windows SharePoint Services, como Microsoft Visual Studio, los desarrolladores pueden usar todo el conjunto de características de Microsoft ASP.NET para crear elementos web personalizados. Una página de elementos web es un archivo de ASP.NET (.aspx) y los elementos web derivan de los controles de formulario web. Para mejorar las páginas de elementos web, los desarrolladores pueden crear sus propios elementos web con funcionalidad nueva. También pueden agregar propiedades personalizadas a los elementos web, agregar generadores personalizados al panel de herramientas para interfaces de usuario especializadas y conectar con otros elementos web mediante conexiones de elementos web. Para obtener más información sobre la creación e implementación de elementos web, consulte el SDK de Windows SharePoint Services 3.0, disponible en el sitio de desarrollo general de SharePoint.
También puede usar elementos web creados por otras personas o empresas. Para agregar un elemento web de terceros a su sitio o página de elementos web, debe tener los permisos adecuados. Algunos elementos web necesitan desplegarse directamente en el servidor. Si no puede agregar un elemento web de terceros a su sitio o página de elementos web, solicite ayuda al administrador.
Formas de usar elementos web y páginas de elementos web
Puede usar páginas de elementos web para lo siguiente:
-
Consolidar datos de distintos orígenes de datos.
-
Resumir y realizar informes de datos importantes.
-
Analizar y agregar datos (por ejemplo, sumas, totales o recuentos).
-
Resumir información clave que desea ver al comenzar cada día.
-
Resaltar datos de clientes o proyectos, y establecer prioridades en ellos para ayudarle a tomar decisiones eficaces.
-
Mostrar información de reuniones y una programación de trabajos actualizada para planear más rápido el día.
-
Obtener acceso rápido a noticias empresariales, meteorología local y sitios web favoritos para centrar la exploración web.
Formas de crear y personalizar una página de elementos web
Hay diversas formas de crear y personalizar una página de elementos web.
-
Formulario de nueva página de elemento Web La forma más usual de crear una página de elementos web es a través del formulario Nueva página de elemento web. En el menú acciones del sitio
-
Un programa de diseño web Con un programa de diseño web compatible con Windows SharePoint Services, como Microsoft Office SharePoint Designer 2007, puede realizar personalizaciones avanzadas a una página de elementos Web, como lo siguiente:
-
Personalizar el tema de una página de elementos Web que usa el tema del sitio de forma predeterminada.
-
Editar una plantilla de página de elementos Web o crear una nueva.
-
Personalizar el diseño de página.
-
Editar propiedades de las zonas.
-
Agregar código HTML o controles Web.
-
Cambiar la forma en que se ordenan los elementos web dentro de una zona.
-
Agregar elementos web fuera de una zona o hacerlo en una página web que no sea una página de elementos web.
-
Crear conexiones entre elementos web de diferentes páginas de elementos web.
-
Publicar una página de elementos web en un sitio web que ejecute Windows SharePoint Services.
-
Personalizar el elemento web Formulario y usar el elemento web Vista de datos.
-
Compatibilidad de exploradores web para las páginas de elementos web
La compatibilidad de exploradores web para las páginas de elementos web se puede dividir en dos niveles:
-
La compatibilidad de nivel 1 es la compatibilidad visual y funcional más alta. Entre los exploradores que ofrecen compatibilidad de nivel 1 se encuentran las últimas versiones de Microsoft Internet Explorer para Microsoft Windows.
-
En la compatibilidad de nivel 2 hay algunas características visuales y funcionales que no están disponibles para algunos exploradores, y algunas otras características son inexactas o tienen un comportamiento distinto de como se comportan en los exploradores de nivel 1. Sin embargo, la mayoría de las características siguen estando disponibles para los usuarios. Los exploradores que proporcionan compatibilidad de nivel 2 son Firefox 1.5 y posterior para Windows y Netscape Navigator 8.0 y versiones posteriores para Windows. Los exploradores de nivel 2 no son compatibles para la Administración central de Windows SharePoint Services 3.0.
Nota: Los exploradores de nivel 2 no admiten la creación de conexiones entre elementos web.
La siguiente tabla muestra el nivel de compatibilidad que proporcionan algunos exploradores comunes.
|
Versión mínima del explorador |
Sistema operativo |
Nivel 1 |
Nivel 2 |
|---|---|---|---|
|
Internet Explorer 6.x |
Windows |
Sí |
Sí |
|
Internet Explorer 6.x versión 64 bits |
Windows |
Sí |
Sí |
|
Internet Explorer 7 |
Windows |
Sí |
Sí |
|
Firefox 1.5 |
Windows |
No |
Sí |
|
Netscape 8.0 |
Windows |
No |
Sí |
|
Firefox 1.5 |
Unix |
No |
Sí |
|
Netscape 7.2 |
Unix |
No |
Sí |
|
Mozilla 1.7.12 |
Unix |
No |
Sí |
|
Safari 2.0.2 |
Macintosh |
No |
Sí |
|
Firefox 1.5 |
Macintosh |
No |
Sí |
|
Otros |
Otros |
No |
No |
