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.
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 principioFormas 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 principioConectar el elemento Web Imagen a otro elemento Web
- En el menú Acciones del sitio
, haga clic en Modificar página. - Haga clic en el menú del elemento Web
y elija Conexiones. - 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 principioPropiedades personalizadas del elemento Web Imagen
A continuación se muestran las propiedades personalizadas del elemento Web Imagen.
Nota
No se pueden ver o editar algunas de 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 situado a la derecha del cuadro de texto y, a continuación, 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 principioPropiedades comunes de los elementos Web
Todos los elementos Web comparten un conjunto de propiedades comunes que controlan el diseño, el aspecto y las 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 consultar la sección Avanzadas en el panel de herramientas, debe tener el correspondiente permiso.
- 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 decidido crear y mostrar propiedades adicionales que no aparecen en las secciones Apariencia, Diseño y Avanzado del panel de herramientas.
- Ciertas configuraciones de propiedades y permisos pueden desactivar u ocultar las propiedades de los elementos Web.
Apariencia
Propiedad | Descripción |
---|
Título | Especifica el título de un 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 aparecerá todo el elemento Web en la página cuando el usuario abre la página del elemento Web. De forma predeterminada, el estado del contenedor visual está establecido en Normal para que aparezca todo el elemento Web. Únicamente aparece la barra de título cuando el estado es Minimizado. |
Tipo de contenedor visual | Especifica si se mostrarán la barra de título y el borde del marco del elemento Web. |
Diseño
Propiedad | Descripción |
---|
Oculto | Especifica si el elemento Web será visible cuando el usuario abra la página del elemento Web. Si la casilla de verificación está activada, el elemento Web será visible únicamente cuando se diseña la página y tiene el sufijo (Hidden) vinculado al título. Puede ocultar un elemento Web si desea utilizarlo para proporcionar datos a otro elemento Web a través de una conexión de elemento Web, pero no desea mostrar el elemento Web. |
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 en la que se encuentra la página del elemento Web.
Nota
Las zonas de la página del elemento Web no aparecen en el cuadro de lista si no tiene permisos para modificar la zona. |
Índice de zona | Especifica la posición del elemento Web en una zona cuando dicha zona contiene más de un elemento. 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 a 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 a abajo, el Índice de zona será 1. Si se agrega un segundo elemento Web en la parte inferior de la zona, su Índice de zona será 2. Para trasladar el segundo elemento Web a la parte superior de la zona, escriba 1 y luego escriba 2 para el primer elemento Web.
Nota
Cada elemento Web de la zona debe tener un valor de Índice de zona exclusivo. Por consiguiente, si se modifica el valor de Índice de zona del elemento Web actual, puede que cambie el valor de Índice de zona de los demás elementos Web de la zona. |
Avanzadas
Propiedad | Descripción |
---|
Permitir minimizar | Especifica si el elemento Web se puede minimizar. |
Permitir cerrar | Especifica si el elemento Web se puede quitar de una página de elementos Web. |
Permitir ocultar | Especifica si el elemento Web puede ocultarse. |
Permitir cambio de zona | Especifica si el elemento Web se puede mover a otra zona. |
Permitir conexiones | Especifica si el elemento Web puede participar en 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 su configuración, es posible que este ajuste 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 examinador diferente cuando se hace clic en el título del elemento Web. |
Descripción | Especifica la sugerencia que aparecerá cuando se deje el puntero del mouse (ratón) sobre el título o el icono del elemento Web. El valor de esta propiedad se utiliza al buscar elementos Web utilizando el comando Buscar del menú Buscar elementos Web 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 examinador diferente cuando se hace clic en el comando Ayuda del menú de elementos Web. |
Modo de ayuda | Especifica cómo se mostrará en el examinador el contenido de la Ayuda de un elemento Web. Seleccione una de las siguientes opciones: - Modal Abre otra ventana de examinador, si el examinador incluye dicha característica. El usuario debe cerrar la ventana antes de volver a la página Web.
- Sin modo Abre otra ventana de examinador, si el examinador incluye dicha característica. El usuario no necesita cerrar la ventana antes de volver a la página Web. Es el valor predeterminado.
- Explorar Abre la página Web dentro de la ventana de explorador actual.
Nota
Aunque los elementos Web personalizados creados con Microsoft ASP.NET admiten esta propiedad, los temas de Ayuda de Microsoft Windows SharePoint Services 3.0 predeterminados se abren sólo en una ventana de examinador diferente. |
Dirección URL de imagen de icono de catálogo | Especifica la ubicación de un archivo que contiene una imagen que se utilizará como icono del elemento Web en la Lista de elementos Web. El tamaño de la imagen 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 utilizará en la barra de título del elemento Web. El tamaño de la imagen será de 16 por 16 píxeles. |
Mensaje de error de importación | Especifica el mensaje que aparece en caso de error al importar el elemento Web. |
Volver al principio