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.

En este artículo

Formas de utilizar el elemento web Imagen

Formas de mostrar una imagen

Conectar el elemento web Imagen a otro elemento web

Propiedades personalizadas del elemento web Imagen

Propiedades comunes de los elementos web

Formas de utilizar el elemento web Imagen

Se puede usar el elemento web Imagen para:

  • Agregar un logotipo corporativo o de un proyecto a una página.

  • Mostrar fotos de empleados o productos.

  • Hacer que la página sea más llamativa visualmente.

Volver al principio

Formas de mostrar una imagen

Hay dos formas de mostrar una imagen:

  • Especificar una ruta de acceso de archivo o un hipervínculo con el archivo de imagen en el cuadro de texto de la propiedad Vínculo a imágenes. En este caso, la imagen es estática y no cambia (a menos que modifique la propiedad).

  • Conectar el elemento web Imagen con otro elemento web que proporcione la ruta de acceso del archivo o el hipervínculo. En este caso, la imagen puede ser dinámica y cambiar como resultado de una acción del otro elemento web, como por ejemplo si un usuario selecciona una fila en el elemento web Vista de lista.

    Por ejemplo, puede conectar un elemento web Vista de lista que contenga contactos con el elemento web Imagen. Cada vez que seleccione una fila del elemento web Vista de lista Contactos que contenga una columna con un hipervínculo al archivo que contiene una imagen de ese contacto, podrá ver la imagen del contacto en el elemento web Imagen.

Volver al principio

Conectar el elemento web Imagen a otro elemento web

  1. En el menú Acciones del sitio Menú Acciones del sitio, haga clic en Editar página.

  2. Haga clic en el menú del elemento web Menú Elemento web y elija Conexiones.

  3. Elija Obtener imagen desde y haga clic en el nombre del elemento web al que desea conectarse.

Nota   Si la propiedad Vínculo a imágenes ya tiene un valor y conecta el elemento web Imagen con otro elemento web, la propiedad Vínculo a imágenes se omitirá. Si el elemento web Imagen ya está conectado con otro elemento web y desea establecer un valor para la propiedad Vínculo a imágenes, primero debe eliminar la conexión.

Volver al principio

Propiedades personalizadas del elemento web Imagen

Las propiedades personalizadas del elemento Web Imagen se muestran a continuación.

Nota  No puede ver ni editar estas propiedades personalizadas en la vista personal.

Propiedad

Descripción

Vínculo a imágenes

Especifica una ruta de acceso de archivo o un hipervínculo para la imagen que desea mostrar en el elemento web Imagen.

Dependiendo del explorador que use, entre los formatos de archivo gráficos compatibles se encontrarán los siguientes:

Formatos de archivo gráficos

Tipo de archivo

Mapa de bits de Windows (BMP)

.bmp

Metarchivo mejorado de Windows (EMF)

.emf

Formato de intercambio de gráficos (GIF)

.gif

Formato JPEG (JPEG)

.jpg, .jpeg

Gráficos de red portátiles (PNG)

.png

Es posible que la propiedad Vínculo a imágenes no esté disponible porque el elemento web Imagen está conectado con otro elemento web que proporciona la imagen.

Texto alternativo

Especifica el texto que se va a mostrar cuando un usuario deja el puntero del mouse sobre la imagen. Este texto aparece cuando la imagen no está disponible.

Alineación vertical de la imagen

Coloca la imagen verticalmente dentro del elemento web Imagen. Seleccione una de las siguientes: Arriba, Centro o Abajo. El valor predeterminado es Centro.

Alineación horizontal de la imagen

Coloca la imagen horizontalmente dentro del elemento web Imagen. Seleccione una de las siguientes: Izquierda, Centro o Derecha. El valor predeterminado es Centro.

Elemento web Color de fondo

Determina el color de la ventana del elemento web Imagen situada detrás de la imagen. El color predeterminado es el color de fondo del tema actual.

Para especificar un color, haga clic en el Imagen del botón a la derecha del cuadro de texto y luego realice uno de los procedimientos siguientes:

  • Seleccione un color de la cuadrícula de color.

  • Escriba un nombre de color HTML.

  • Escriba un valor de color RGB.

Para hacer que el color de fondo sea igual al tema del sitio, haga clic en Transparente en el cuadro de diálogo Color de fondo del elemento web.

Volver al principio

Propiedades comunes de los elementos web

Todos los elementos web comparten un conjunto común de propiedades que controlan su aspecto, diseño y otras características avanzadas.

Nota   Las propiedades comunes de los elementos web que se observan en el panel de herramientas pueden diferir de lo documentado en esta sección por diversos motivos:

  • Para ver la sección Opciones avanzadas en el panel de herramientas, debe tener el permiso adecuado.

  • Es posible que un desarrollador de elementos web decida no mostrar una o varias de estas propiedades comunes para un elemento web específico, o que haya decidido crear y mostrar propiedades adicionales que no se encuentran en las secciones Apariencia, Diseño y Avanzadas del panel de herramientas.

  • Algunas configuraciones de permisos y propiedades pueden deshabilitar u ocultar propiedades del elemento web.

Apariencia

Propiedad

Descripción

Título

Especifica el título del elemento web que aparece en la barra de título del elemento web.

Alto

Especifica el alto del elemento web.

Ancho

Especifica el ancho del elemento web.

Estado de contenedor visual

Especifica si desea mostrar el elemento web completo en la página cuando un usuario abra la página de elementos web. De forma predeterminada, el estado del contenedor visual está establecido en Normal y muestra el elemento web completo. Si lo establece en Minimizado, solo aparecerá la barra de título.

Tipo de contenedor visual

Especifica si se muestran la barra de título y el borde del marco del elemento web.

Diseño

Propiedad

Descripción

Oculto

Especifica si desea que el elemento web esté visible cuando un usuario abra la página de elementos web. Si la casilla está activada, el elemento web solo estará visible durante el diseño de la página y llevará anexo al título el sufijo (Oculto).

Puede ocultar un elemento web cuando desee usarlo para proporcionar datos a otro elemento web a través de una conexión de elementos web sin que se muestre.

Dirección

Especifica la dirección del texto en el contenido del elemento web. Por ejemplo, el árabe es un idioma que se escribe de derecha a izquierda, mientras que el español y la mayoría del resto de idiomas europeos se escriben de izquierda a derecha. Esta configuración puede no estar disponible para todos los tipos de elementos web.

Zona

Especifica la zona de la página de elementos web donde se encuentra el elemento web.

Nota  Si no tiene permiso para modificar una zona, no aparecerán en el cuadro de lista las zonas de la página de elementos web.

Índice de zona

Especifica la posición del elemento web en una zona cuando contiene varios elementos web.

Para especificar el orden, escriba un entero positivo en el cuadro de texto.

Si los elementos web de la zona están ordenados de arriba abajo, el valor 1 significa que el elemento web aparece en la parte superior de la zona. Si los elementos web de la zona están ordenados de izquierda a derecha, el valor 1 significa que el elemento web aparecerá en la parte izquierda de la zona.

Por ejemplo, si se agrega un elemento web a una zona vacía que está ordenada de arriba abajo, el Índice de zona será 0. Si se agrega un segundo elemento web en la parte inferior de la zona, su Índice de zona será 1. Para trasladar el segundo elemento web a la parte superior de la zona, escriba 0 y, a continuación, escriba 1 para el primer elemento web.

Nota  Cada elemento web de la zona debe tener un valor de Índice de zona exclusivo. Por consiguiente, si modifica este valor para el elemento web actual, es posible que también cambien los valores de los demás elementos web de la zona.

Avanzado

Propiedad

Descripción

Permitir minimizar

Especifica si se puede minimizar el elemento web.

Permitir cerrar

Especifica si puede quitar el elemento web de la página de elementos web.

Permitir ocultar

Especifica si se puede ocultar el elemento web.

Permitir cambio de zona

Especifica si se puede mover el elemento web a otra zona distinta.

Permitir conexiones

Especifica si el elemento web puede participar en las conexiones con otros elementos web.

Permitir edición en vista personal

Especifica si las propiedades del elemento web pueden modificarse en una vista personal.

Modo de exportación

Especifica el nivel de datos que se puede exportar para este elemento web. En función de la configuración, es posible que este valor no esté disponible.

Dirección URL de título

Especifica la dirección URL de un archivo que contiene información adicional sobre el elemento web. Cuando haga clic en el título del elemento web, el archivo aparecerá en una ventana de explorador independiente.

Descripción

Especifica la información en pantalla que aparecerá cuando mantenga el puntero del mouse sobre el título o el icono del elemento web. El valor de esta propiedad se usa para buscar elementos web con el comando Buscar del menú Buscar elementos web, que se encuentra en el panel de herramientas de las siguientes galerías de elementos web: Sitio, Servidor virtual y Página de elementos web.

Dirección URL de la Ayuda

Especifica la ubicación de un archivo que contiene información de Ayuda sobre el elemento web. Cuando haga clic en el comando Ayuda del menú de elementos web, esta información aparecerá en una ventana de explorador independiente.

Modo de ayuda

Especifica cómo mostrará un explorador el contenido de la ayuda de un elemento web.

Seleccione una de las opciones siguientes:

  • Modal Abre otra ventana del explorador, si el explorador cuenta con esta capacidad. El usuario debe cerrar la ventana antes de volver a la página web.

  • Sin modo Abre otra ventana del explorador, si el explorador cuenta con esta capacidad. El usuario no necesita cerrar la ventana antes de volver a la página web. Este es el valor predeterminado.

  • Explorar Abre la página web dentro de la ventana de explorador actual.

Nota   Aunque los elementos web personalizados de Microsoft ASP.NET admiten esta propiedad, los temas de Ayuda predeterminados de Windows SharePoint Services 3.0 solo se abren en una ventana de explorador diferente.

Dirección URL de imagen de icono de catálogo

Especifica la ubicación de un archivo que contiene una imagen que se usará como icono del elemento web en la lista de elementos web. El tamaño de la imagen debe ser de 16 por 16 píxeles.

Dirección URL de imagen de icono de título

Especifica la ubicación de un archivo que contiene una imagen que se usará en la barra de título del elemento web. El tamaño de la imagen debe ser de 16 por 16 píxeles.

Mensaje de error de importación

Especifica un mensaje que aparece si se produce algún problema al importar el elemento web.

Volver al principio

Se aplica a: SharePoint Server 2007



¿Le ha sido útil esta información?

No

¿Cómo podemos mejorarlo?

255 caracteres restantes

Para proteger su privacidad, no incluya información de contacto en sus comentarios. Revisar política de privacidad.

¡Gracias por sus comentarios!

Recursos de soporte técnico

Cambiar idioma