Atrás Adelante Inicio Imprimir Buscar
Ayuda y procedimientos de Windows SharePoint Services 3.0 >  Personalizar sitios, páginas, listas y bibliotecas >  Personalizar páginas usando elementos Web
Elemento Web Imagen
Elemento Web Imagen

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

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 sitioMenú Acciones del sitio, haga clic en Modificar página.
  2. Haga clic en el menú del elemento Web Menú de edición del 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 se pueden ver o editar algunas de estas propiedades personalizadas en la vista personal.

PropiedadDescripción
Vínculo a imágenesEspecifica 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áficosTipo 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 alternativoEspecifica 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 imagenColoca 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 imagenColoca 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 WebDetermina 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 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 principio

Propiedades 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

PropiedadDescripción
TítuloEspecifica el título de un elemento Web que aparece en la barra de título del elemento Web.
AltoEspecifica el alto del elemento Web.
AnchoEspecifica el ancho del elemento Web.
Estado de contenedor visualEspecifica 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 visualEspecifica si se mostrarán la barra de título y el borde del marco del elemento Web.

Diseño

PropiedadDescripción
OcultoEspecifica 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ónEspecifica 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.
ZonaEspecifica 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 zonaEspecifica 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

PropiedadDescripción
Permitir minimizarEspecifica si el elemento Web se puede minimizar.
Permitir cerrarEspecifica si el elemento Web se puede quitar de una página de elementos Web.
Permitir ocultarEspecifica si el elemento Web puede ocultarse.
Permitir cambio de zonaEspecifica si el elemento Web se puede mover a otra zona.
Permitir conexionesEspecifica si el elemento Web puede participar en conexiones con otros elementos Web.
Permitir edición en vista personalEspecifica si las propiedades del elemento Web pueden modificarse en una vista personal.
Modo de exportaciónEspecifica 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ítuloEspecifica 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ónEspecifica 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 AyudaEspecifica 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 ayudaEspecifica 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álogoEspecifica 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ítuloEspecifica 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ónEspecifica el mensaje que aparece en caso de error al importar el elemento Web.
 Volver al principio