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 inspirá-lo e ajudamos você a aprender 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 para o aprendizado e o 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, use as diretrizes a seguir para adicionar os elementos mostrados.
Site de treinamento de exemplo
| Imagem da página inicial | Instruções de personalização |
|---|---|
 |
1. Logotipo e classificação do site Personalize seu logotipo e classifique seu site. Saiba como 2. Criar impacto Use a Web Part do herói para comunicar visualmente seu valor. Saiba como 3. Orientar os usuários para a ação chave Levar os visitantes a registrar ou descobrir mais. Saiba como 4. Descrever o evento Usar texto para descrever o "o quê" e "por quê" do evento. Saiba como 5. Use imagens com links Aumente a visibilidade e o link para páginas de agenda detalhadas. Saiba como 6. Realçar informações detalhadas As imagens podem definir áreas de informações importantes. Saiba como 7. Mostrar datas de evento Forneça um calendário de eventos para que os usuários possam planejar suas agendas. Saiba como 8. Adicione um mapa Use um mapa para ajudar os usuários a chegar onde precisam estar. Saiba como 9. Forneça registro na página Adicionar um formulário para facilitar o registro. Saiba como |
Criar seu site
Para criar um site como o mostrado aqui, crie 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).
Em seguida, escolha Site de comunicaçãoe, em seguida, o layout Tópico. Preencha o nome do site, a descrição e outras informações e selecione Concluir. Em seguida, você obtém um modelo com o mesmo tipo de layout que o exemplo neste artigo.
Para saber mais, consulte Criar um site de comunicação no SharePoint Online.
Classificação de logotipo e site
Neste exemplo, a área de cabeçalho não contém nenhuma navegação porque é uma página "autônoma". No entanto, a área de cabeçalho contém um logotipo personalizado e mostra um rótulo indicando que o site é classificado como "Somente Interno". A classificação do site usa valores como interno, confidencial, alto impacto comercial, baixo impacto nos negócios e assim por diante. Esses valores podem pertencer à confidencialidade das informações ou ao ciclo de vida das informações.
Para saber como alterar o logotipo e classificar seu site, consulte Gerenciar as configurações do site do SharePoint.
Gerenciar seções e Web parts
Comece a editar clicando em Editar no canto superior direito da página.
Durante a edição, à esquerda, abaixo do cabeçalho, seus rascunhos poderão ser salvos para uso posterior ou descartados.
O símbolo + antes ou depois de uma seção adicionará uma seção usando um dos vários layouts.
As seções fazem sua página, e você coloca uma ou mais web parts. Quando você edita a página, cada seção mostra 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.
Selecione o símbolo de adição 
em uma seção, que pode aparecer antes ou depois de uma Web Part em uma seção, para ver os muitos tipos de web parts disponíveis. Para saber mais sobre todas as web parts, consulte Como usar web parts em páginas do SharePoint.
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.
Quando as atualizações da página estiverem prontas, selecione Publicar para torná-las visíveis para toda a sua organização.
Dica
Para gerenciar todas as suas páginas no site, clique em Páginas no menu superior.
Para obter mais informações sobre como usar páginas, consulte Criar e usar páginas modernas em um site do SharePoint.
Criar impacto com a Web Part do Hero
Informe seus visitantes sobre o foco de seu Workshop com a Web Part do Hero. O layout usado neste exemplo é dois blocos.
Layout do herói: blocos ou camadas:
A edição da web part apresenta opções de layout. A opção Blocos apresenta layouts para 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 ajustando o texto e a imagem usados, Defina o ponto focal para a animação de hover, além de Ampliar e Ampliar fora da imagem.
Nesse exemplo, a web part em destaque está em uma seção de largura total.
Para obter mais informações sobre como usar a Web Part do Hero, consulte Usar a Web Part do Hero.
Mostrar datas do evento
A Web Part eventos exibe automaticamente as informações do evento. Os eventos mostrados são controlados por filtros para o intervalo De origem, lista de eventos, categoria e data. Os eventos podem ser mostrados com resumos detalhados na exibição Filmstrip ou em uma exibição compacta .
Neste exemplo de site do Workshop, essa Web Part usa o layout filmstrip .
Para obter mais informações sobre como usar a Web Part eventos, consulte Usar a Web Part de Eventos.
Descrever o evento com a Web Part de Texto
A cotação suspensa de liderança e as descrições de Q mensal&A usam a Web Part de Texto. Essa Web Part permite a formatação de texto básica para criar seções fixas de texto formatado.
Ao editar texto, essa Web Part oferece ferramentas básicas de formatação para definir estilos e adicionar aprimoramentos como negrito e itálico. Selecionando o ... o controle na extremidade direita da barra de ferramentas de formatação oferece mais opções à direita da Web Part.
Neste exemplo de site do Workshop mostrado antes, a Web Part está em uma seção de uma coluna.
Para obter mais informações sobre como usar a Web Part de texto, consulte Adicionar texto e tabelas à sua página com a Web Part de texto.
Orientar os usuários para as principais ações com links rápidos
A Web Part de 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 do Botão para referência rápida e fácil.
Para obter mais informações sobre como usar a Web Part de Links Rápidos, consulte Usar a Web Part de Links Rápidos.
Usar imagens com links
A Web Part de imagem coloca uma imagem fixa na página. As imagens podem ser fotografias, diagramas ou até mesmo usadas para trazer impacto ao texto. Legendas e alt-text mantêm as imagens acessíveis.
Para obter mais informações sobre como usar a Web Part de imagem, consulte Usar a Web Part de imagem.
Adicionar mapas com a web part Bing Mapas
A Web Part Bing Mapas oferece uma referência de mapa visual fácil e um link rápido para permitir que os visitantes planejem sua rota para seu workshop.
Para obter mais informações sobre como usar o Bing Mapas Web Part, consulte Usar a web part Bing Mapas.
Adicionar formulários para registro
Se você criou um formulário para registro usando Microsoft Forms, poderá colocar esse formulário diretamente na página com a web part Microsoft Forms. É uma maneira fácil para os participantes preencherem suas informações e uma maneira fácil para você recolhê-la.
Para obter mais informações sobre como usar o Microsoft Forms Web Part, consulte Usar a Web Part Microsoft Forms.
Quer mais?
Inspire-se com mais exemplos no Livro de Olhares do SharePoint.
Comentários
Em breve: Ao longo de 2024, eliminaremos os problemas do GitHub como o mecanismo de comentários para conteúdo e o substituiremos por um novo sistema de comentários. Para obter mais informações, consulte https://aka.ms/ContentUserFeedback.
Enviar e exibir comentários de