Use a parte web hero

Traga foco e interesse visual para a sua página com a parte web de Hero. Pode exibir até cinco itens na parte web de Hero e usar imagens, textos e links convincentes para chamar a atenção de cada um. 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.

Notas: 

  • Algumas funcionalidades são introduzidas gradualmente a organizações que optaram pelo 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.

  • Tem de ter permissões de edição para criar páginas. Se for proprietário mas não conseguir adicionar uma página, o seu administrador pode ter desligado a capacidade de o fazer.

Conteúdos

Sugestão: Check out these YouTube videos from Microsoft Creators to learn more about modern pages!

A parte web do Herói em sites de comunicação: Tópico e Showcase

Quando cria um site de Comunicação,a parte web hero está incluída na sua página por padrão. É pré-povoado com imagens padrão, texto e links que você muda para mostrar suas próprias imagens, texto, páginas, links ou documentos.

Quando seleciona Tópico para o tipo de site de comunicação que deseja, o herói padrão é um layout em azulejos com cinco azulejos (que pode mudar de um para cinco):

Parte web do herói no site de comunicação

Quando seleciona Showcase para o tipo de site de comunicação que deseja, o herói padrão é um layout vertical com três camadas (que pode mudar de uma para cinco camadas):

Herói de exibição

Pode alterar o layout da parte web hero de uma grelha para camadas verticais utilizando o botão de peça web Edit Botão de edição de peça web , e pode alterar os links, imagens e texto para cada azulejo ou camada usando o botão de detalhes editar Editar detalhes para cada azulejo ou camada.

Botões de edição de heróis

1. Editar botão de peça web

2. Editar botão de detalhes

Alterar o layout da parte web de Hero

Veja este vídeo para ver como se faz, ou siga os passos abaixo do vídeo.

Fotografia do dispositivo do Livro de Superfície
  1. Se ainda não estiver em modo de edição na sua página, clique em Editar no topo à direita da página.

  2. Clique na parte web Editar o botão de peça web Botão de edição de peça web à esquerda e selecione o tipo de layout que deseja - pode selecionar até 5 azulejos (assim num site tópico) ou até 5 camadas (assim num site de exibição).

    Opções de layout de herói Opções de Layout de Herói

Altere a imagem, o texto e os links para cada azulejo ou camada

Veja este vídeo para ver como se faz, ou siga os passos abaixo do vídeo.

Fotografia do dispositivo do Livro de Superfície
  1. Se ainda não estiver em modo de edição na sua página, clique em Editar no topo à direita da página.

  2. Clique em Editar detalhes Editar detalhes no canto inferior direito do azulejo ou camada que pretende alterar.

  3. Na caixa de ferramentas, clique em Alterare, em seguida, escolha um local para obter o seu link:

    Imagem das opções de selecionador de ficheiros.
    • Recentemente: Se abriu recentemente imagens, páginas ou documentos, encontrará-as listadas aqui.

    • Imagens de stock As imagens de stock são fornecidas pela Microsoft. São de alta qualidade e de tamanho adequado para o seu uso. Se for 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 de 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 na Microsoft 365.

    • A sua organização:Se a sua organização especificou um conjunto de ativos aprovados, poderá escolher a partir desse conjunto aqui.  Se você é um SharePoint Admin e quer aprender a criar uma biblioteca de ativos para a sua organização, consulte criar uma biblioteca de ativos de organização.

    • OneDrive: Pode obter um link para um documento ou imagem que tenha armazenado no OneDrive. SharePoint apenas na Microsoft 365.

    • Site: Pode obter um link para um documento, imagem ou página de um Site que especifique.

    • Upload: Pode fazer upload de um documento ou imagem a partir de um dispositivo pessoal.

    • A partir de um link: Introduza um link 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 de imagem no GCC High e DoD do governo dos EUA, e no Office 365 operado pela 21Vianet.

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

  5. Na caixa de ferramentas, em imagem,selecione apenas imagem personalizada ou Cor(A cor só está disponível apenas para o layout de Azulejos, e a cor corresponde à cor do tema do seu site).

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

  6. Introduza texto alternativo para a imagem.

  7. Em opções:

    • Pode mostrar uma ligação de chamada para a ação, mudando o toggle para Sim. Em seguida, adicione a sua Chamada ao texto de ação (por exemplo, "Saiba mais"). O link Call to action está disponível para cada camada em um layout em camadas, mas apenas para o maior azulejo em um layout de azulejos.

    • Para um layout em camadas, também pode mostrar um tópico que se dirige para cada camada, trocando o toggle para o título tópico para Sim. Em seguida, adicione o seu texto de título tópico.

Alterar o ponto focal de uma imagem

Em SharePoint no Microsoft 365, pode alterar o ponto focal numa imagem selecionada dentro da parte web de Hero para obter a parte mais importante da sua imagem no quadro.

  1. Se ainda não estiver em modo de edição na sua página, clique em Editar no topo à direita da página.

  2. Clique em Definir o ponto focal Definir botão de ponto focal na barra de ferramentas na parte inferior da imagem de Herói que pretende alterar.

  3. Arraste o ponto focal onde o deseja na imagem.

    Ponto focal

Reencomendar azulejos ou camadas

Pode reencomendar azulejos ou camadas movendo-os onde quiser.

  1. Se ainda não estiver em modo de edição na sua página, clique em Editar no topo à direita da página.

  2. Clique e segure o botão de artigo movendo-se e, em seguida, arraste o azulejo ou camada onde quiser.

    Item de movimento de herói

Coloque a parte da web hero numa coluna

A parte da web Hero foi concebida para ocupar toda a largura da página. Se preferir que a parte web hero não tenha a largura completa, pode adicionar a sua mudança para uma coluna que não tenha largura total.

Veja este vídeo para ver como se faz, ou siga os passos abaixo do vídeo.

Fotografia do dispositivo do Livro de Superfície
  1. Se ainda não estiver em modo de edição, clique em Editar no topo direito da página.

  2. Passe o rato logo acima da parte web do Herói, e clique no círculo + à esquerda da parte web

  3. Sob o layout da secção,selecione uma coluna.

    Uma coluna
  4. No lado esquerdo da parte web, utilize o botão de peça da web Move para arrastar a parte da web Hero para a coluna que acaba de adicionar.

    Mover botão de peça web

    Herói em movimento

Adicione uma parte vazia da web hero a uma página

Pode adicionar uma peça web hero a uma página num site da Equipa ou num site de comunicação. Para fazê-lo:

  1. Se ainda não estiver em modo de edição na sua página, clique em Editar no topo à direita da página.

  2. Na sua página, paire o rato acima ou abaixo de uma parte web existente e verá uma linha com um círculo +, assim:

    Sinal de adição para adicionar peças Web a uma página

    Clique +e, em seguida, escolha a parte web de Hero.

    Parte da teia de herói em um estado vazio
  3. Clique na peça web Editar o botão Botão de edição de peça web e selecione o tipo de layout que deseja - pode ser utilizada uma grelha de 1 a 5 azulejos ou 1 a 5 camadas verticais.

  4. Clique em Selecionar link para cada azulejo que pretende alterar.

  5. Para cada azulejo, na caixa de ferramentas, clique em Selecionare, em seguida, escolha um local para obter o seu link:

    Na caixa de ferramentas, clique em Alterare, em seguida, escolha um local para obter o seu link:

    Imagem das opções de selecionador de ficheiros.
    • Recentemente: Se abriu recentemente imagens, páginas ou documentos, encontrará-as listadas aqui.

    • Pesquisa na Web: Pode encontrar imagens de 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 na Microsoft 365.

    • A sua organização:Se a sua organização especificou um conjunto de ativos aprovados, poderá escolher a partir desse conjunto aqui.  Se você é um SharePoint Admin e quer aprender a criar uma biblioteca de ativos para a sua organização, consulte criar uma biblioteca de ativos de organização.

    • OneDrive: Pode obter um link para um documento ou imagem que tenha armazenado no OneDrive. SharePoint apenas na Microsoft 365.

    • Site: Pode obter um link para um documento, imagem ou página de um Site que especifique.

    • Upload: Pode fazer upload de um documento ou imagem a partir de um dispositivo pessoal.

    • A partir de um link: Introduza um link para a sua página, documento ou imagem do OneDrive para SharePoint na 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 selecionada automaticamente seleciona automaticamente uma imagem a partir da página ou documento a que está a ligar, se estiver disponível. A cor só está disponível apenas para o layout de Azulejos, e a cor corresponde à cor do tema do seu site.

  8. Introduza texto alternativo para a imagem.

  9. Em Opções (SharePoint apenas na Microsoft 365):

    • Pode mostrar uma ligação de chamada para a ação, mudando o toggle para Sim. Em seguida, adicione a sua Chamada ao texto de ação (por exemplo, "Saiba mais"). O link Call to action está disponível para cada camada em um layout em camadas, mas apenas para o maior azulejo em um layout de azulejos.

    • Para um layout em camadas, também pode mostrar um tópico que se dirige para cada camada, trocando o toggle para o título tópico para Sim. Em seguida, adicione o seu texto de título tópico.

Escala de imagem na parte da web de Hero

Para escolher imagens de tamanho ideal para a parte web de Hero, considere o seguinte:

  • A parte web foi concebida para encaixar na largura do ecrã num layout com sangue completo.

  • No layout de Azulejos, a altura da parte web é dimensionada para seguir uma relação de aspeto de 8:3, e imagens dentro da escala de parte web para uma relação de aspeto de 4:3.

  • No layout Layers, uma camada individual escala para uma relação de aspeto de 8:3, e imagens dentro de cada escala de camada para uma relação de aspeto perto de 9:16.

Nota: Pode adicionar um link a um vídeo ou fazer upload de um vídeo para a parte web de Hero. No entanto, os vídeos não podem ser reproduzidos dentro da parte web. Os utilizadores podem clicar no link para o vídeo e ser levados para o leitor de vídeo ou fonte de ligação para ver o vídeo.

Nota:  Esta página foi traduzida automaticamente e pode conter erros gramaticais ou imprecisões. O nosso objetivo é que estes conteúdos lhe sejam úteis. Pode indicar-nos se estas informações foram úteis? Eis o artigo em inglês para sua referência.​

Aumente os seus conhecimentos do Office
Explore as formações
Seja o primeiro a obter novas funcionalidades
Adira ao Office Insider

As informações foram úteis?

Obrigado pelos seus comentários!

Obrigado pelo seu feedback! Parece que poderá ser benéfico reencaminhá-lo para um dos nossos agentes de suporte do Office.

×