Utilizar a peça Web Destaque

Dê foco e interesse visual à sua página e vídeo com a peça Web Destaque. Pode apresentar até cinco itens na peça Web Destaque e utilizar imagens, textos e ligações apelativos para chamar a atenção para cada um deles. A peça Web Destaque é incluída por predefinição nos sites de comunicação, mas também pode adicionar a peça Web Destaque a outras páginas. 

Se os vídeos estiverem configurados na webpart Herói, eles serão reproduzidos em linha, enquanto você pode ficar e navegar pela mesma página em vez de serem levados para uma nova janela. 

Algumas funcionalidades foram introduzidas de forma gradual em organizações que optaram ativamente por participar no programa de Lançamento Direcionado. Tal significa que poderá não ver esta funcionalidade ou que a mesma poderá ter um aspeto diferente do descrito nos artigos de ajuda.

Índice

• A peça Web Destaque em sites de comunicação: Tópico e Apresentação
• Alterar o esquema da peça Web Destaque
• Alterar a imagem, o texto e as ligações de cada mosaico ou camada
• Alterar o ponto focal de uma imagem
• Reordenar mosaicos ou camadas
• Colocar a peça Web Destaque numa coluna
• Adicionar uma peça Web Destaque vazia a uma página
• Dimensionamento de imagem na peça Web Destaque

A peça Web Destaque em sites de comunicação: Tópico e Apresentação

Quando cria um site de comunicação, pode começar com um site em branco ou escolher um dos outros modelos de site, cada um deles com um conjunto de peças Web predefinido. Alguns destes modelos de site de comunicação vêm com a peça Web Destaque, tais como:

• Comunicação padrão: compartilhe informações como notícias, eventos e outros conteúdos.
• Vitrine: use fotos ou imagens para destacar um produto, equipe ou evento.

Nestes modelos, a peça Web Destaque é incluída na sua página por predefinição. É pré-preenchido com imagens, texto e ligações predefinidas que altera para apresentar as suas próprias imagens, texto, páginas, ligações ou documentos.

Quando seleciona o modelo de comunicação Padrão , o destaque predefinido é um esquema em mosaico com cinco mosaicos (que pode alterar de um para cinco):

Quando você seleciona o modelo Showcase , o herói padrão é um layout vertical com três camadas (que você pode alterar de uma a cinco camadas):

Pode alterar o esquema da peça Web Destaque de uma grelha para camadas verticais ou carrosséis, utilizando o botão (1) Editar propriedades ( ) e pode alterar as ligações, imagens e texto para cada mosaico ou camada através do botão (2) Editar detalhes ( ) para cada mosaico ou camada.

1. Botão Editar peça Web

2. Botão Editar detalhes

Alterar o esquema da peça Web Destaque

Se ainda não estiver no modo de edição na sua página, selecione Editar no canto superior direito da página.

1. Pode selecionar um dos três esquemas disponíveis para a peça Web Destaque: Carrossel, Mosaicos e Camadas. Para selecionar o esquema selecione Editar propriedades ( ) no canto superior esquerdo da peça Web e, em seguida, selecione o esquema no menu pendente do esquema:

   

   Em alternativa, pode selecionar o tipo de esquema que pretende no Painel de Propriedades da Peça Web:

   

2. No Painel de Propriedades da peça Web, selecione:

   • Adicionar um diapositivo para o esquema Carrossel
      

     Sugestão

     • Para o esquema Carrossel, para ativar/desativar a transição de diapositivos automáticos, pode ativar/desativar o botão de alternar a Reprodução Automática.
     • 

   • Adicionar um mosaico para o esquema Mosaicos

   • Adicionar uma camada para o esquema Camadas
     

• Nota

  pode selecionar até 5 mosaicos (como num site de comunicação Padrão), até 5 camadas (como num site de Apresentação) ou até 5 imagens no carrossel. 

Alterar a imagem, o texto e as ligações de cada mosaico ou camada

Se ainda não estiver no modo de edição na sua página, selecione Editar no canto superior direito da página.

1. Selecione Editar detalhes ( ) no canto inferior direito do mosaico ou camada que pretende alterar.

2. No Painel de Propriedades, selecione Alterar e, em seguida, escolha um local a partir do qual obter o seu link:

   • Recente: Se abriu imagens, páginas ou documentos recentemente encontrará estes listados aqui.

   • Imagens do banco de imagens As imagens licenciadas são fornecidas pela Microsoft. São de alta qualidade e têm o tamanho certo para a sua utilização. Se for um administrador do SharePoint, recomendamos que ative uma Rede de Entrega de Conteúdos (CDN) para melhorar o desempenho na obtenção de imagens.

   • Pesquisa na Web: Pode encontrar imagens do Bing que utilizam a licença Creative Common. É responsável por rever o licenciamento de uma imagem antes de a inserir na sua página. SharePoint apenas no Microsoft 365.

   • A sua organização: se a sua organização tiver especificado um conjunto de recursos aprovados, poderá escolher entre esse conjunto aqui.  Se você é um Administração do SharePoint e deseja saber como criar uma biblioteca de ativos para sua organização, consulte Criar uma biblioteca de ativos da organização.

   • OneDrive: Pode obter uma ligação para um documento ou imagem que armazenou no OneDrive. SharePoint apenas no Microsoft 365.

   • Site: você pode obter um link para um documento, imagem ou página de um site especificado.

   • Carregar: pode carregar um documento ou imagem a partir de um dispositivo pessoal.

   • A partir de uma ligação: introduza uma ligação para a sua página, documento ou imagem do OneDrive ou SharePoint no Microsoft 365.

     Nota

     As ligações externas ao seu site não mostrarão uma pré-visualização da imagem no GCC High e DoD do Governo dos EUA, e Office 365 operadas pela 21Vianet.

3. Selecione a sua imagem, página ou documento e selecione Abrir.

4. No Painel de Propriedades, em Imagem de fundo, selecione Apenas imagem personalizada ou Cor ( A cor só está disponível apenas para o esquema Mosaicos e a cor corresponde à cor do tema do site).
   A opção Seleccionar automaticamente selecciona automaticamente uma imagem da página ou documento ao qual está a ligar, se houver um disponível.

5. Introduza o Cabeçalho para a imagem.

   • Pode mostrar uma ligação de Chamada à ação ao mudar o botão de alternar para Sim. Em seguida, adicione o texto da Chamada à ação (por exemplo, "Saiba mais"). A ligação Call to action está disponível para cada camada num esquema em camadas, mas apenas para o mosaico maior num esquema em mosaico.

     Nota

     O layout do carrossel tem 3 novos estilos. Pode definir estilos diferentes (Sobreposição de imagem, Bloco de texto, Divisão diagonal) para cada diapositivo para variar a apresentação do conteúdo.

     

Alterar o ponto focal de uma imagem

No SharePoint no Microsoft 365, pode alterar o ponto focal numa imagem selecionada na peça Web Destaque para que a parte mais importante da sua imagem seja incluída na moldura.

1. Se ainda não estiver no modo de edição na sua página, selecione Editar no canto superior direito da página.

2. Selecione o botão Definir ponto focal na barra de ferramentas na parte inferior da imagem do Destaque que você deseja alterar.

3. Arraste o ponto focal para onde o pretende colocar na imagem.

   

Reordenar imagens, mosaicos ou camadas de carrossel

Pode reordenar imagens, mosaicos ou camadas de carrossel movendo-os para onde pretender.

1. Se ainda não estiver no modo de edição na sua página, selecione Editar no canto superior direito da página.
2. No Painel de Propriedades, selecione as reticências de três pontos ao lado da imagem, bloco ou camada e, em seguida, selecione Mover para cima ou Mover para baixo para reordenar. Para mosaicos e camadas, também pode selecionar a imagem e, em seguida, manter premido e arrastar o mosaico ou camada para onde pretender.

Coloque a peça Web Destaque numa de duas ou três colunas

A peça Web Destaque foi concebida para ocupar toda a largura da página. Se preferir que a peça Web Destaque não ocupe a largura total, pode fazê-lo alterando o esquema da secção.

1. Se ainda não estiver no modo de edição, selecione Editar no canto superior direito da página.
2. Paire o rato imediatamente acima da peça Web Destaque e selecione o + circulado à esquerda da peça Web
3. Em Esquema da secção, selecione Duas colunas ou Três colunas.
4. A peça Web Destaque está agora na coluna esquerda das duas ou três colunas na secção. 
5. Para mover a peça Web Destaque, selecione a imagem e, em seguida, sem soltar, arraste-a para a coluna pretendida.

Adicionar uma peça Web Destaque vazia a uma página

Pode adicionar uma peça Web Destaque a uma página num Site de equipa ou num Site de comunicação . Para fazê-lo:

1. Se ainda não estiver no modo de edição na sua página, selecione Editar no canto superior direito da página. Encontre a Caixa de Ferramentas ( ) à direita.

2. Selecione Ver todas as peças Web e, em seguida, selecione ou arraste e largue Destaque na lista de peças Web.

3. Selecione Editar propriedades ( ) e selecione o tipo de esquema que pretende - pode ser utilizada uma grelha de 1 a 5 mosaicos ou 1 a 5 camadas verticais.

4. Selecione Selecionar ligação para cada mosaico que pretende alterar.

5. Para cada mosaico, na caixa de ferramentas, selecione Selecionar e, em seguida, escolha uma localização a partir da qual obter a sua ligação:
   Na caixa de ferramentas, selecione Alterar e, em seguida, escolha um local a partir do qual obter a sua ligação:

   • Recente: Se abriu imagens, páginas ou documentos recentemente encontrará estes listados aqui.
   • Pesquisa na Web: Pode encontrar imagens do Bing que utilizam a licença Creative Common. É responsável por rever o licenciamento de uma imagem antes de a inserir na sua página. SharePoint apenas no Microsoft 365.
   • A sua organização: se a sua organização tiver especificado um conjunto de recursos aprovados, poderá escolher entre esse conjunto aqui.  Se você é um Administração do SharePoint e deseja saber como criar uma biblioteca de ativos para sua organização, consulte Criar uma biblioteca de ativos da organização.
   • OneDrive: Pode obter uma ligação para um documento ou imagem que armazenou no OneDrive. SharePoint apenas no Microsoft 365.
   • Site: você pode obter um link para um documento, imagem ou página de um site especificado.
   • Carregar: pode carregar um documento ou imagem a partir de um dispositivo pessoal.
   • A partir de uma ligação: Introduza uma ligação para a sua página, documento ou imagem do OneDrive para SharePoint no Microsoft 365.

6. Selecione a sua imagem, página ou documento e clique em Abrir.

7. Na caixa de ferramentas, em Imagem, selecione Apenas Imagem personalizada ou Cor. A opção Seleccionar automaticamente selecciona automaticamente uma imagem da página ou documento ao qual está a ligar, se houver um disponível. A cor só está disponível para o esquema de Mosaicos e a cor corresponde à cor do tema do site.

8. Introduza texto alternativo para a imagem.

9. Pode mostrar uma ligação de Chamada à ação ao mudar o botão de alternar para Sim. Em seguida, adicione o texto da Chamada à ação (por exemplo, "Saiba mais"). A ligação Call to action está disponível para cada camada num esquema em camadas, mas apenas para o mosaico maior num esquema em mosaico

Dimensionamento de imagem na peça Web Destaque

Para escolher imagens de tamanho adequado para a peça Web Destaque, considere o seguinte:

• A peça Web foi concebida para se ajustar à largura do ecrã num esquema de sangria total.
• No esquema Mosaicos , a altura da peça Web é dimensionada de modo a seguir uma proporção de 8:3 e as imagens dentro da peça Web são dimensionadas para uma proporção de 4:3.
• No layout Camadas , uma camada individual é dimensionada para uma proporção de 8:3 e as imagens dentro de cada camada são dimensionadas para uma proporção próxima a 9:16.

Quando o layout do carrossel estará disponível?

Disponibilidade geral (mundial, GCC, GCC High e DoD): a implementação começa em meados de janeiro de 2025 e será concluída no final do mês.

O que vai acontecer aos Esquemas Existentes depois de o esquema Carrossel ter sido adicionado?

Como parte das atualizações à peça Web Destaque, foram efetuadas as seguintes alterações:

• Gestão de Itens Atualizações
  A forma como gerencia itens na peça Web Destaque mudou. Em vez de definir o número de itens (1-5), pode agora adicionar ou eliminar diretamente itens com a nova interface intuitiva do Diapositivo . Isto simplifica o processo de personalização da peça Web Destaque para satisfazer as suas necessidades específicas.
• Ajustes do Painel de Propriedades
  Embora a IU no painel de propriedades dos esquemas Mosaicos e Camadas tenha sido atualizada para uma experiência mais moderna, a funcionalidade destes esquemas permanece inalterada.
•   Sem impacto nos layouts existentes
  Se estiver a utilizar atualmente os esquemas Mosaicos ou Camadas , não se preocupe, pois estes irão permanecer tal como estão. Não haverá conversão automática para o novo layout Carrossel, garantindo que suas páginas existentes continuem a parecer e funcionar conforme o esperado.