É possível usar a Web Part de Imagem para adicionar uma imagem ou um gráfico a uma Página de Web Parts. Para coordenar mais facilmente a imagem com outras Web Parts na página, você poderá controlar o alinhamento vertical, o alinhamento horizontal e a cor de plano de fundo da imagem dentro da Web Part de Imagem modificando suas propriedades personalizadas em um modo de exibição compartilhado.
Neste artigo
Maneiras de usar a Web Part de Imagem
Você pode usar a Web Part de Imagem para:
-
Adicionar um logotipo corporativo ou de projeto a uma página.
-
Exibir fotos de funcionários ou produtos.
-
Tornar a página mais atraente visualmente.
Maneiras de exibir uma imagem
Há duas maneiras de exibir uma imagem:
-
Insira um caminho de arquivo ou hiperlink para o arquivo de imagem na caixa de texto de propriedade Link da Imagem. Nesse caso, a imagem é estática e não muda (a menos que você edite a propriedade).
-
Conecte a Web Part de Imagem a outra Web Part que forneça o caminho do arquivo ou hiperlink. Nesse caso, a imagem pode ser dinâmica e pode mudar como resultado de uma ação em outra Web Part, como no caso de um usuário selecionar uma linha em uma Web Part de Modo de Exibição de Lista.
Por exemplo, você pode conectar uma Web Part de Modo de Exibição de Lista que contenha contatos para a Web Part de Imagem. Sempre que você selecionar uma linha na Web Part de Modo de Exibição de Lista de Contatos que contém uma coluna com um hiperlink para um arquivo que contenha uma imagem desse contato, será possível ver a imagem do contato exibida na Web Part de Imagem.
Conectar a Web Part de Imagem a outra Web Part
-
No menu Ações do Site , clique em Editar Página.
-
Clique no menu Web Part e, em seguida, aponte para Conexões.
-
Aponte para Obter uma Imagem de e, em seguida, clique no nome da Web Part para a qual deseja adicionar um link.
Observação: Se a propriedade Link da Imagem já tiver um valor e você conectar a Web Part de Imagem a outra Web Part, a propriedade Link da Imagem será ignorada. Se a Web Part de Imagem já estiver conectada a outra Web Part e você quiser definir um valor para a propriedade Link da Imagem, será preciso, primeiro, remover a conexão.
Propriedades personalizadas da Web Part de Imagem
As propriedades personalizadas da Web Part de Imagem estão listadas abaixo.
Observação: Não é possível exibir ou editar nenhuma dessas propriedades personalizadas no modo de exibição pessoal.
Propriedade |
Descrição |
||||||||||||
Link da Imagem |
Especifica um caminho de arquivo ou um hiperlink para a imagem que você deseja exibir na Web Part de Imagem. Dependendo do navegador que você estiver usando, os formatos de arquivo gráfico suportados incluirão os seguintes.
A propriedade Link da Imagem pode não estar disponível porque a Web Part de Imagem está conectada a outra Web Part que fornece a imagem. |
||||||||||||
Texto Alternativo |
Especifica o texto a ser exibido quando um usuário posicionar o ponteiro do mouse sobre a imagem. Esse texto é exibido quando a imagem não está disponível. |
||||||||||||
Alinhamento Vertical de Imagem |
Posiciona a imagem verticalmente dentro da Web Part de Imagem. Selecione uma das seguintes opções: Superior, Meio ou Inferior. O valor padrão é Meio. |
||||||||||||
Alinhamento Horizontal de Imagem |
Posiciona a imagem horizontalmente dentro da Web Part de Imagem. Selecione uma das seguintes opções: Esquerda, Centro ou Direita. O valor padrão é Centro. |
||||||||||||
Cor de Tela de fundo da Web Part |
Determina a cor da janela da Web Part de Imagem atrás da imagem. A cor padrão é a cor de tela de fundo do tema atual. Para especificar uma cor, clique em à direita da caixa de texto e, em seguida, siga um destes procedimentos:
Para tornar a cor de tela de fundo igual à do tema do site, clique em Transparente na caixa de diálogo Cor de Tela de Fundo da Web Part. |
Propriedades comuns das Web Parts
Todas as Web Parts compartilham um conjunto comum de propriedades que controlam sua aparência, seu layout e suas características avançadas.
Observação: As propriedades comuns das Web Parts que você vê no painel de ferramentas podem ser diferentes das propriedades documentadas nesta seção por vários motivos
-
Para ver a seção Avançado do painel de ferramentas, é preciso ter a permissão apropriada.
-
Para uma Web Part específica, o desenvolvedor de Web Parts pode ter optado por não exibir uma ou mais das propriedades comuns, ou pode ter preferido criar e exibir propriedades adicionais que não estão listadas abaixo nas seções Aparência, Layout e Avançado do painel de ferramentas.
-
Algumas configurações de permissões e de propriedades podem desabilitar ou ocultar as propriedades da Web Part.
Aparência
Propriedade |
Descrição |
Título |
Especifica o título da Web Part que aparece na barra de título da Web Part. |
Altura |
Especifica a altura da Web Part. |
Largura |
Especifica a largura da Web Part. |
Estado do Cromado |
Especifica se toda a Web Part aparece na página quando o usuário abre a Página da Web Part. Por padrão, o estado do cromado é definido como Normal e toda a Web Part é exibida. Apenas a barra de título aparece quando o estado está configurado como Minimizado. |
Tipo de Cromado |
Especifica se a barra de título e a borda do quadro da Web Part são exibidas. |
Layout
Propriedade |
Descrição |
Oculta |
Especifica se a Web Part fica visível quando o usuário abre a Página da Web Part. Se essa caixa de seleção estiver marcada, a Web Part ficará visível apenas quando você estiver criando a página e terá o sufixo (Oculta) acrescentado ao título. Você poderá ocultar uma Web Part se quiser usá-la para fornecer dados para outra Web Part através de uma conexão de Web Part, mas se não quiser exibi-la. |
Direção |
Especifica a direção do texto no conteúdo da Web Part. Por exemplo, arábico é um idioma da direita para a esquerda; inglês e a maioria dos idiomas europeus são da esquerda para a direita. É possível que essa configuração não esteja disponível para todos os tipos de Web Parts. |
Zona |
Especifica a zona da Página de Web Parts em que a Web Part está localizada. Observação: As zonas da Página de Web Part não são relacionadas na caixa de listagem quando você não tem permissão para modificá-las. |
Índice de Zona |
Especifica a posição da Web Part em uma zona quando essa zona contém mais de uma Web Part. Para especificar a ordem, digite um inteiro positivo na caixa de texto. Se as Web Parts na zona estiverem ordenadas de cima para baixo, um valor de 1 significa que a Web Part aparece na parte superior da zona. Se elas estiverem ordenadas da esquerda para a direita, um valor de 1 significa que a Web Part aparece na lateral esquerda da zona. Por exemplo, quando você adiciona uma Web Part a uma zona vazia ordenada de cima para baixo, o Índice de Zona é 0. Quando uma segunda Web Part é adicionada à parte inferior da zona, seu Índice de Zona é 1. Para mover a segunda Web Part até a parte superior dessa zona, digite 0 e depois digite 1 para a primeira Web Part. Observação: Cada Web Part na zona deve ter um valor de Índice de Zona exclusivo. Portanto, alterar o valor de Índice de Zona da Web Part atual também pode alterar esse valor para as outras Web Parts na mesma zona. |
Avançado
Propriedade |
Descrição |
Permitir Minimização |
Especifica se a Web Part pode ser minimizada. |
Permitir Fechamento |
Especifica se a Web Part pode ser removida da Página de Web Parts. |
Permitir Ocultar |
Especifica se a Web Part pode ser ocultada. |
Permitir Alteração de Zona |
Especifica se a Web Part pode ser movida para outra zona. |
Permitir Conexões |
Especifica se a Web Part pode participar de conexões com outras Web Parts. |
Permitir Edição na Exibição Pessoal |
Especifica se as propriedades da Web Part podem ser modificadas em uma exibição pessoal. |
Modo de Exportação |
Especifica o nível de dados que podem ser exportados para esta Web Part. Dependendo da sua configuração, talvez essa definição não esteja disponível. |
URL do Título |
Especifica a URL de um arquivo que contém informações adicionais sobre a Web Part. O arquivo é exibido em uma janela separada do navegador quando você clica no título da Web Part. |
Descrição |
Especifica a Dica de Tela que aparece quando o ponteiro do mouse está sobre o título ou o ícone da Web Part. O valor dessa propriedade é usado quando você procura por Web Parts usando o comando Pesquisar no menu Localizar Web Parts do painel de ferramentas nas seguintes galerias de Web Parts: Site, Servidor Virtual e Página de Web Part. |
URL da Ajuda |
Especifica a localização de um arquivo que contém informações de Ajuda sobre a Web Part. As informações da Ajuda são exibidas em uma janela separada do navegador quando você clica no comando Ajuda do menu da Web Part. |
Modo de Ajuda |
Especifica como o navegador exibirá o conteúdo da Ajuda de uma Web Part. Selecione uma das seguintes opções:
Observação: Embora as Web Parts personalizadas do Microsoft ASP.NET deem suporte a essa propriedade, os tópicos de Ajuda padrão do Windows SharePoint Services 3.0 só são abertos em uma janela de navegador separada. |
URL da Imagem do Ícone de Catálogo |
Especifica a localização de um arquivo que contém uma imagem a ser usada como ícone da Web Part na Lista de Web Parts. O tamanho da imagem deve ser de 16 por 16 pixels. |
URL da Imagem do Ícone de Título |
Especifica a localização de um arquivo que contém uma imagem a ser usada na barra de título da Web Part. O tamanho da imagem deve ser 16 por 16 pixels. |
Mensagem de Erro de Importação |
Especifica uma mensagem que aparecerá se houver algum problema na importação da Web Part. |