Utilizar a 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 fornecido com um conjunto predefinido de peças Web. Alguns destes modelos de site de comunicação são fornecidos com a peça Web Hero, tais como:

• Comunicação padrão: partilhe informações como notícias, eventos e outros conteúdos.

• Apresentação:  utilize fotografias ou imagens para mostrar um produto, equipa ou evento.

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

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

Quando seleciona o modelo Showcase , o destaque predefinido é um esquema vertical com três camadas (que pode alterar de uma para cinco camadas):

Pode alterar o esquema da peça Web Destaque de uma grelha para camadas verticais ou carrossels, utilizando o botão (1) Editar propriedades () e pode alterar as ligações, imagens e texto para cada mosaico ou camada com o 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. Selecione o esquema ao selecionar Editar propriedades () no canto superior esquerdo da peça Web e, em seguida, selecione o esquema no menu pendente de 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ões: 

     • Para o esquema Carrossel, para ativar/desativar a transição de diapositivos automáticos, pode ativar/desativar o botão de alternar 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 este num site de comunicação Standard) ou até 5 camadas (como num site showcase) 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, selecioneAlterar e, em seguida, escolha uma localização para obter a ligação:

   • Recente: se abriu recentemente imagens, páginas ou documentos, irá encontrá-los listados aqui.

   • Imagens de stock As imagens de stock são fornecidas pela Microsoft. São de alta qualidade e dimensionam-se adequadamente 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 da 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 for um Administração do SharePoint e quiser saber como criar uma biblioteca de recursos para a Sua organização, consulte Criar uma biblioteca de recursos da organização.

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

   • Site: pode obter uma ligação para um documento, imagem ou página a partir de um Site que especificar.

   • 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 a partir do OneDrive ou SharePoint no Microsoft 365.

     Nota: As ligações externas ao seu site não mostrarão uma pré-visualização de imagem no GCC High e DoD do Governo dos E.U.A. e Office 365 operados pela 21Vianet.

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

4. No Painel de Propriedades, em Imagem de fundo, selecione Imagem personalizada ou Apenas cor (a cor só está disponível para o esquema Mosaicos e a cor corresponde à cor do tema do site).

   A opção Seleção automática seleciona automaticamente uma imagem da página ou documento a que está a ligar, se estiver disponível.

5. Introduza Cabeçalho para a imagem.

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

     Nota: O esquema 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 de 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 obter a parte mais importante da sua imagem 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 Definir ponto focal na barra de ferramentas na parte inferior da imagem de Destaque que pretende alterar.

3. Arraste o ponto focal para onde pretende que seja apresentado na imagem.
   
   

Reordenar imagens, mosaicos ou camadas de carrossel

Pode reordenar imagens, mosaicos ou camadas de carrossel ao movê-las 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 reticências junto à imagem, mosaico 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 premida e arrastar o mosaico ou camada para onde pretender.

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

A peça Web Hero foi concebida para ocupar a largura total da página. Se preferir que a peça Web Destaque não tenha 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 sobre a peça Web Destaque e selecione o círculo + à esquerda da peça Web

3. Em Esquema de secção, selecione Duas colunas ou Três colunas.

4. A sua peça Web Hero encontra-se 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, mantenha premida e arraste-a para a coluna que pretende que seja.

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

Pode adicionar uma peça Web Hero 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. Localize a Caixa de Ferramentas () à direita.

2. Selecione Ver todas as peças Web e, em seguida, selecione ou arraste e largue Hero 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 de 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 para obter a ligação:

   Na caixa de ferramentas, selecione Alterar e, em seguida, selecione uma localização para obter a sua ligação:

   • Recente: se abriu recentemente imagens, páginas ou documentos, irá encontrá-los 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 for um Administração do SharePoint e quiser saber como criar uma biblioteca de recursos para a Sua organização, consulte Criar uma biblioteca de recursos da organização.

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

   • Site: pode obter uma ligação para um documento, imagem ou página a partir de um Site que especificar.

   • 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 Imagem personalizada ou Apenas cor. A opção Seleção automática seleciona automaticamente uma imagem da página ou documento a que está a ligar, se estiver disponível. A cor só está disponível para o esquema Mosaicos e a cor corresponde à cor do tema do site.

8. Introduza Texto alternativo para a imagem.

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

Dimensionamento de imagens na peça Web Destaque

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

• A peça Web foi concebida para se ajustar à largura do ecrã num esquema de transbordo total.

• No esquema Mosaicos , a altura da peça Web é dimensionada para 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 esquema Camadas , uma camada individual dimensiona para uma proporção de 8:3 e as imagens dentro de cada camada dimensionam para uma proporção próxima de 9:16.

Quando estará disponível o esquema Carrossel?

Disponibilidade Geral (Mundial, GCC, GCC High e DoD): a implementação começa em meados de janeiro de 2025 e estará concluída até ao final do mês.

O que está a acontecer aos Esquemas Existentes após a adição do esquema Carrossel?

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

• Atualizações de Gestão de Itens

  A forma como gere os itens na peça Web Destaque foi alterada. Em vez de definir o número de itens (1-5), pode agora adicionar ou eliminar itens diretamente com a nova interface intuitiva de Diapositivo . Isto simplifica o processo de personalização da peça Web Hero 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 Esquemas Existentes

  Se estiver a utilizar os esquemas Mosaicos ou Camadas , tenha a certeza de que permanecerão como estão. Não haverá conversão automática para o novo esquema Carrossel , garantindo que as páginas existentes continuam a ter o aspeto e o funcionamento esperados.