Introducción a la personalización de páginas utilizando elementos web

Importante:  Este artículo se ha traducido con traducción automática; vea la declinación de responsabilidades. Para su referencia, puede encontrar la versión en inglés de este artículo aquí.

Este artículo está destinado a propietarios y administradores de páginas Web. Proporciona una descripción general de los elementos Web y páginas de elementos Web y explica cómo se puede personalizar una página agregando, cambiando o eliminando elementos Web.

Nota: En este artículo se aplica a SharePoint Server 2007 y Windows SharePoint Services 3.0. Si está usando SharePoint Online, consulte Uso de elementos Web en páginas moderna.

En este artículo

Información general sobre elementos web y páginas de elementos web

Tipos de elementos web

Formas de usar elementos web y páginas de elementos web

Compatibilidad de exploradores web para las páginas de elementos web

Descripción general de 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.

El siguiente ejemplo utiliza el elemento Web Imagen para describir las funciones básicas de un elemento Web.

Elemento Web Imagen de ejemplo

1. La barra de títulos del elemento Web contiene el título del elemento Web.

2. El menú Elemento Web contiene funciones que le permiten minimizar o cerrar el elemento Web, editar el elemento Web u obtener ayuda para un elemento Web específico. Cuando 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, en función del tipo de elemento Web que está usando.

3. El cuerpo del elemento Web incluye el contenido que ha especificado para el tipo de elemento Web que está usando. En este ejemplo, el elemento Web es un elemento Web Imagen que muestra una imagen.

Una página de elementos Web es un tipo especial de página Web que consolida datos, como por ejemplo listas y gráficos, así como contenido Web, como texto e imágenes, en un portal de información dinámico creado en torno a una tarea común o interés especial.

La página de inicio del sitio es un ejemplo de página de elemento 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 utilizar una página de elementos Web para presentar distinta 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 utiliza 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ó el pedido. Puede utilizar una página de elementos Web para hacer lo siguiente.

Página de pedidos de clientes con varios elementos web

1. Busque un pedido por el número de Id. de pedido o, en este caso, la fecha de pedido.

2. Muestre todos los pedidos por fecha.

3. Seleccione el pedido correcto, según el nombre del cliente y busque los detalles del pedido, así como los detalles del cliente.

4. Seleccione un elemento de línea del pedido (en este caso, la lámpara) y muestre la imagen del producto para confirmar la pregunta del cliente.

5. Busque las últimas noticias de negocio relacionadas con el pedido del cliente.

Propiedades de elemento 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, alto y 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 del elemento Web común 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 elemento Web y, a continuación, editar la página de elementos Web en una vista compartida. Los componentes Web compartidos están disponibles para todos los usuarios de una página de elementos Web que dispongan de los permisos adecuados.

  • Vista personal    Puede agregar un elemento Web compartido a su propia vista personal y, a continuación, editar la vista del elemento Web. Los cambios que realice a un elemento Web mientras se encuentra en una vista personal sólo están disponibles para usted. El resto de usuarios que no hayan realizado cambios en una vista personal continúan 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 sólo 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 elemento Web pero no a otros elementos Web en la misma página de elementos Web.

Elementos Web y conexiones de elementos Web

Una característica tradicional de los elementos Web es la capacidad de conectarlos entre sí pasando datos de unos a otros y sincronizando su comportamiento. Al conectar elementos Web, se pueden 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 utilizar 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 utilizando valores de otro elemento Web ; todo ello en una página de elementos Web.

Zonas de elementos Web y sus propiedades

Las zonas de elementos Web son contenedores de elementos Web que se utilizan 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. Se puede utilizar un subconjunto de propiedades para organizar el diseño y el formato de elementos Web en la página de elementos Web. Puede utilizar 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 se agregan elementos Web a la página de elementos Web, puede establecer automáticamente algunos valores de propiedades. Aunque estos valores de propiedades no están diseñados para ser editados 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.

Principio de página

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 todos los sitios. Se pueden personalizar y adaptar a las necesidades de su equipo. Muchos de estos elementos web también se puede asociar unos a otros para crear diversas soluciones únicas:

  • Elemento web Editor de contenido     Puede usarlo para agregar texto con formato, tablas, hipervínculos e imágenes a una página de elementos web.

  • Elemento web Formulario     Puede usarlo para conectarse a una columna de datos, y filtrarla, de otro elemento web. Los dos elementos web se deben ejecutar en el mismo servidor.

  • Elemento web Imagen     Puede usarlo para agregar una imagen o un gráfico a una página de elementos web. Para que coordinar la imagen con otros elementos web de la página resulte más fácil, puede controlar la alineación vertical, la alineación horizontal y el color de fondo de la imagen dentro del elemento web de imagen editando sus propiedades personalizadas en una vista compartida.

  • Elemento web de vista de lista    Se puede utilizar el elemento web de vista de lista para mostrar y editar los datos de las listas o bibliotecas del sitio y para conectarse con otros elementos web, incluso si son elementos web de 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 hay un elemento web que se llame vista de lista. Al crear una lista en su sitio, se crea automáticamente un elemento web de vista de lista con el mismo nombre que 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 la lista que ha creado.

  • Elemento web visor de páginas     Puede usarlo para mostrar una página web, un archivo o una carpeta 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 de sitio    Puede usarlo para mostrar una lista de los usuarios y grupos que tienen permiso para usar un sitio. El elemento web usuarios de sitio aparece automáticamente en la página de inicio de un sitio del área de trabajo de documento. También puede agregar el elemento web de usuarios de sitio a cualquier página de elementos web.

    Nota: En los sitios que se ejecutan en Microsoft Windows SharePoint Services 2.0 y versiones anteriores, el elemento web de usuarios de sitio se denominaba elemento web de miembros.

  • 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 de vista de lista preconfigurados

Los siguientes elementos web están integrados en la plantilla de sitio de grupo de Windows SharePoint Services. Se configuran automáticamente y están listos para usarse en páginas de elementos web cuando se crea un sitio de grupo nuevo. Cuando cree un sitio de grupo o de área de trabajo, se incluirán distintas combinaciones de estos elementos web en función de la plantilla de sitio que seleccione.

Nota: Estos elementos web derivan del elemento web de vista de lista y usan plantillas de elementos web preconfigurados para crear un diseño exclusivo. Para agregar datos a estas listas, en Inicio rápido, haga clic en Ver todo el contenido del sitio y, a continuación, en Listas. En la página de 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 otros tipos de información que desee compartir con los miembros del grupo.

  • Calendario     Use el elemento web Calendario para mostrar eventos y otros acontecimientos al grupo.

  • Vínculos     Use el elemento web Vínculos para publicar hipervínculos a páginas web del interés de su equipo.

  • Documentos compartidos     Use el elemento web Documentos compartidos para compartir archivos de la biblioteca de documentos predeterminada con los usuarios del sitio.

  • Tareas     Use el elemento web Tareas para asignar una tarea a un miembro del equipo, especificar su fecha de vencimiento y prioridad, y para indicar su estado y progreso.

  • Discusión de grupo     Use el elemento web Discusión de grupo para proporcionar un foro en el que tratar temas de interés para el grupo.

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.

Principio de página

Formas de usar elementos Web y páginas de elementos Web

Las páginas de elementos Web se pueden utilizar para lo siguiente:

  • Consolidar datos de distintos orígenes de datos.

  • Resumir y realizar informes de datos importantes.

  • Analizar y agrupar datos (por ejemplo, sumas, totales o recuentos).

  • Resumir información clave que desea ver al comenzar cada día.

  • Establecer prioridades y resaltar datos de clientes o proyectos para ayudarle a tomar decisiones eficaces.

  • Mostrar información de reuniones y un programación de trabajo actualizado 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 del 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 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 Imagen del botón , haga clic en Crear y luego en Página de elementos web para abrir el formulario Nueva página de elemento web. Después de usar este formulario para crear una página, podrá comenzar a diseñar la página directamente en el explorador. Cuando desee explorar la página, simplemente cierre el panel de herramientas.

  • 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 elemento Web, incluido lo siguiente:

    • Personalizar el tema de una página de elementos Web que utiliza 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 los elementos Web se ordenan 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 Web.

    • Publicar una página de elemento Web en un sitio Web que ejecute Windows SharePoint Services.

    • Personalizar el elemento Web Formulario y utilizar el elemento Web Vista de datos.

Principio de página

Compatibilidad de exploradores Web para páginas de elementos Web

La compatibilidad de exploradores Web para las páginas de elementos Web se puede dividir en dos niveles:

  • El nivel 1 admite la compatibilidad visual y funcional más elevada. En los exploradores de compatibilidad de nivel 1 se encuentran las últimas versiones de Microsoft Internet Explorer para Microsoft Windows.

  • En el 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 posterior 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

Yes

Yes

Internet Explorer 6.x versión 64 bits

Windows

Yes

Yes

Internet Explorer 7

Windows

Yes

Yes

Firefox 1.5

Windows

No

Yes

Netscape 8.0

Windows

No

Yes

Firefox 1.5

Unix

No

Yes

Netscape 7.2

Unix

No

Yes

Mozilla 1.7.12

Unix

No

Yes

Safari 2.0.2

Macintosh

No

Yes

Firefox 1.5

Macintosh

No

Yes

Otros

Otros

No

No

Principio de página

Nota: Declinación de responsabilidades de traducción automática: Este artículo se ha traducido con un sistema informático sin intervención humana. Microsoft ofrece estas traducciones automáticas para que los hablantes de otros idiomas distintos del inglés puedan disfrutar del contenido sobre los productos, los servicios y las tecnologías de Microsoft. Puesto que este artículo se ha traducido con traducción automática, es posible que contenga errores de vocabulario, sintaxis o gramática.

Ampliar sus conocimientos
Explorar los cursos
Obtener nuevas características primero
Únase a los participantes de Office Insider

¿Le ha sido útil esta información?

¡Gracias por sus comentarios!

Gracias por sus comentarios. Quizá le interese ponerse en contacto con uno de nuestros agentes de soporte de Office.

×