Passo a passo guiado: Criando um site de Treinamento para sua organização

Neste artigo, mostramos elementos de um site de treinamento de exemplo para inspirar você e ajudá-lo a criar sites semelhantes para sua própria organização. Este site de exemplo fornece informações sobre um evento específico e orienta o usuário em direção ao aprendizado e ao registro. Ele depende do impacto visual para envolver e motivar o visitante.

Primeiro, se você ainda não criou um site de comunicação, confira a seção Criar seu site nesse artigo. Se você precisar aprender a editar e publicar a página em seu site, confira a seção Editar, trabalhar com seções e web parts e publicar nesse artigo.

Depois de criar seu site e saber como editar páginas, você pode usar as diretrizes abaixo para adicionar os elementos mostrados.

Site de treinamento de exemplo

Imagem da página inicial Instruções de personalização
Imagem da página inicial do site de treinamento 1. Logotipo e classificação de site Personalize seu logotipo e classifique seu site. Saiba como

2. Criar impacto Use a Web Part herói para comunicar visualmente seu valor. Saiba como

3. Orientar os usuários para a ação principal Levar os visitantes a registrar ou descobrir mais. Saiba como

4. Descrever o evento Use texto para descrever o "o que" e "por que" do evento. Saiba como

5. Usar imagens com links Aumente a visibilidade e o link para páginas de agenda detalhadas. Saiba como

6. Realça informações detalhadas As imagens podem definir áreas de informações importantes. Saiba como

7. Mostrar datas do evento Forneça um calendário de eventos para que os usuários possam planejar suas agendas. Saiba como

8. Adicionar um mapa Use um mapa para ajudar os usuários a chegar onde precisam estar. Saiba como

9. Fornecer registro na página Adicione um formulário para facilitar o registro. Saiba como

Criar seu site

Para fazer com que um site como o mostrado aqui, você criará um Site de comunicação. Para fazer isso, selecione Criar site na página inicial do SharePoint (ou, se você for associar esse site a um site do Hub, navegue até o site do hub e selecione Criar site lá para que o site de comunicação seja automaticamente associado a esse site do hub).

Imagem da opção Criar site

Em seguida, escolha Site de comunicação e, em seguida, o layout Tópico. Preencha o nome do site, a descrição e outras informações e selecione Concluir. Em seguida, você obterá um modelo com o mesmo tipo de layout do exemplo nesse artigo.

Imagem do painel do site de comunicação

Para obter mais detalhes, consulte Criar um site de comunicação no SharePoint Online.

Voltar ao início

Classificação de logotipo e site

Neste exemplo, a área de header não contém nenhuma navegação porque se destina a ser uma página "autônomo". No entanto, a área de header contém um logotipo personalizado e mostra um rótulo indicando que o site é classificado como "Somente Interno". A classificação de site usa valores como interno, confidencial, alto impacto comercial, baixo impacto comercial e assim por diante. Esses valores podem pertencer à sensibilidade das informações ou ao ciclo de vida das informações.

Imagem do logotipo do site

Para saber como alterar o logotipo e classificar seu site, consulte Manage your SharePoint site settings.

Voltar ao início

Gerenciar seções e Web parts

Comece a editar clicando em Editar no canto superior direito da página.

Imagem da opção Editar

Durante a edição, à esquerda, abaixo do cabeçalho, seus rascunhos poderão ser salvos para uso posterior ou descartados.

Imagem da barra de ferramentas de seção

O símbolo + antes ou depois de uma seção adicionará uma seção usando um dos vários layouts.

Imagem das opções de layout da seção

As seções fazem sua página, e você coloca uma ou mais web parts. Durante a edição da página, cada seção mostrará controles para editar o layout, mover ou excluir as seções. Para saber mais sobre como trabalhar com seções, consulte Adicionar ou remover seções e colunas em uma página.

Imagem da opção Adicionar seção

Selecione o símbolo de adição Imagem do ícone de adição em uma seção, que pode aparecer antes ou depois de uma Web Part em uma seção, para ver os vários tipos de  Web Parts disponíveis. Para saber mais sobre todas as web parts, consulte Como usar web parts em páginas do SharePoint.

Imagem do ícone adicionar seção

As web parts podem ser editadas, movidas ou excluídas dentro das seções. O Editar web part abre controles detalhados exclusivos para cada tipo de web part.

Imagem da barra de ferramentas de edição

Quando suas atualizações de página estão prontas, selecione Publicar para torná-las visíveis para toda a organização.

Imagem do ícone de publicação

Dica

Para gerenciar todas as suas páginas no site, clique em Páginas no menu superior.

Para obter mais detalhes sobre o uso de páginas, consulte Criar e usar páginas modernas em um site do Microsoft Office SharePoint Online.

Voltar para o início

Criar impacto com a Web Part Hero

Deixe seus visitantes saberem o foco de seu Workshop com a Web Part Hero. O layout usado neste exemplo é dois blocos.

Layout de herói: blocos ou camadas

A edição da web part apresenta opções de layout. A opção Blocos apresenta layouts entre um e cinco blocos. A opção Camadas define cada imagem como uma camada com a imagem ao lado do título. Até cinco camadas são possíveis permitindo que uma Web Part crie uma página inteira.

Cada bloco pode ser editado

Use o mover item à esquerda para reorganizar os blocos dentro da Web Part Hero. Os controles à direita permitem editar detalhes que ajustam o texto e a imagem usada, definir o ponto focal para a animação de foco, além de ampliar e diminuir o zoom da imagem.

Nesse exemplo, a web part em destaque está em uma seção de largura total.

Imagem da web part em destaque

Para obter mais detalhes sobre como usar a Web Part Hero, consulte Use the Hero web part.

Voltar para o início

Mostrar datas do evento

A Web Part Eventos exibe automaticamente as informações do evento. Os eventos mostrados são controlados por filtros para origem, lista de eventos, categoria e intervalo de datas. Os eventos podem ser mostrados com resumos detalhados no exibição Filmstrip ou em um exibição Compact.

Neste exemplo de site do Workshop, essa Web Part usa o layout de Filmstrip.

Imagem da Web Part evento

Para obter mais detalhes sobre como usar a web part de Eventos, consulte Usar a web part de Eventos.

Voltar para o início

Descrever o evento com a Web Part Texto

A citação de queda de liderança e as&A Mensais usam a Web Part Text. Essa Web Part permite a formatação básica de texto para a criação de seções fixas de texto formatado.

Ao editar texto, essa Web Part oferecerá ferramentas básicas de formatação para definir estilos e adicionar aprimoramentos como negrito e itálico. Clicando na ... O controle na extremidade direita da barra de ferramentas de formatação oferece opções adicionais à direita da Web part.

Neste exemplo de site do Workshop mostrado acima, a Web Part está em uma seção de uma coluna.

Imagem da web part de Texto

Para obter mais detalhes sobre como usar a web part de Texto, consulte Adicionar texto e tabelas à sua página com a web part de Texto.

Voltar para o início

A Web Part links rápidos oferece vários formatos de menu fáceis de usar para listar links para outras páginas ou sites.

Neste exemplo de site, a Web Part usa o layout button para referência rápida e fácil.

Imagem da Web Part links rápidos

Para obter mais detalhes sobre como usar a web part de links rápidos, consulte Usar a web part de links rápidos .

Voltar para o início

A Web Part Image coloca uma imagem fixa na página. As imagens podem ser fotografias, diagramas ou até mesmo usadas para trazer impacto ao texto. Legendas e texto alt mantêm as imagens acessíveis.

Imagem da web part de imagem

Para obter mais detalhes sobre como usar a web part de imagens, consulte Usar a web part de imagem.

Voltar para o início

Adicionar mapas com a web part Bing Mapas web part

A Bing Mapas web part oferece uma referência fácil de mapa visual e um link rápido para permitir que os visitantes planejem sua rota para seu workshop.

Imagem da web part Bing mapas

Para obter mais detalhes sobre como usar Bing Mapas web part, consulte Usar a web part Bing Mapas web part.

Voltar para o início

Adicionar formulários para registro

Se você criou um formulário para registro usando o Microsoft Forms, pode colocar esse formulário diretamente na página com a Web Part do Microsoft Forms. É uma maneira fácil de os participantes preencherem suas informações e uma maneira fácil de colecioná-los.

Imagem da Web Part de formulários da Microsoft

Para obter mais detalhes sobre como usar a Web Part do Microsoft Forms, consulte Usar a Web Part do Microsoft Forms.

Voltar para o início

Quer mais?

Inspire-se com mais exemplos no SharePoint Look Book.