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
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.
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.
Conectar el elemento web Imagen a otro elemento web
-
En el menú Acciones del sitio
-
Haga clic en el menú del elemento web
-
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.
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:
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
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. |
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 estas opciones:
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 independiente del explorador. |
|
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. |
