Elemento Web Imagen

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í.

Se puede utilizar el elemento Web Imagen para agregar una imagen o gráfico a una página de elementos Web. Para coordinar más fácilmente la imagen con otros elementos Web de la página, se puede controlar la alineación vertical, la alineación horizontal y el color de fondo de la imagen situada dentro del elemento Web Imagen modificando sus propiedades personalizadas en la 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 utilizar 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 con otro elemento Web que proporciona 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 Imagen del botón , 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 se 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

A continuación se muestran las propiedades personalizadas del elemento Web Imagen.

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 utilice, 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

Metarchivos mejorados de Windows (EMF)

.emf

Formato de intercambio de gráficos (GIF)

.gif

Joint Photographic Experts Group (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 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.

Color de fondo del elemento Web

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:

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

  • Escribir un nombre de color HTML.

  • Escribir un valor de color RGB.

Para hacer que el color de fondo sea igual que el 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.

  • Para un elemento web concreto, un programador de elementos web puede haber decidido no mostrar una o varias de estas propiedades comunes o puede haber elegido crear y mostrar propiedades adicionales que no aparecen en las secciones Apariencia, Diseño y Opciones avanzadas del panel de herramientas.

  • Algunas configuraciones de propiedades y permisos pueden deshabilitar u ocultar propiedades de elementos 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 en la página debe aparecer todo el elemento Web cuando los usuarios abran la página de elementos Web. De forma predeterminada, el estado de contenedor visual está ajustado en Normal y se muestra todo el elemento Web. Cuando el estado está establecido en Minimizado, sólo aparece 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 si desea usarlo para proporcionar datos a otro elemento web a través de una conexión de elementos web, pero no desea mostrarlo.

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; el español y la mayoría de los demás idiomas europeos son idiomas de escritura de izquierda a derecha. Es posible que esta configuración no esté disponible para todos los tipos de elementos web.

Zona

Especifica la zona de la página de elementos web en que 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 ésta contiene más de un elemento.

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

Si los elementos web de la zona están ordenados desde arriba hacia abajo, un valor de 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, un valor de 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.

Avanzada

Propiedad

Descripción

Permitir minimizar

Especifica si se puede minimizar el elemento Web.

Permitir cerrar

Especifica si el elemento web se puede quitar 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 permite exportar para este elemento web. Según cuál sea su 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. El archivo se muestra en una ventana de explorador diferente cuando se hace clic en el título del elemento web.

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. Dicha información se muestra en una ventana de explorador diferente cuando se hace clic en el comando Ayuda del menú de elementos web.

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 una ventana de explorador independiente, si el explorador tiene esta capacidad. Los usuarios deben cerrar la ventana antes de volver a la página Web.

  • Sin modo Abre una ventana de explorador independiente, si el explorador tiene esta capacidad. No es necesario que los usuarios cierren la ventana antes de volver a la página Web. Éste es el valor predeterminado.

  • Explorar Abre la página Web en la ventana actual del explorador.

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

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.

¿Le ha sido útil esta información?

De acuerdo. ¿Algún comentario más?

¿Cómo podemos mejorarlo?

¡Gracias por sus comentarios!

×