Os diagramas da Web fornecem uma visão panorâmica de qualquer sistema complexo.
Crédito da imagem: ferlistockphoto / iStock / Getty Images
Os diagramas da Web são ferramentas úteis quando você precisa voltar e olhar para o quadro geral. Esteja você planejando um site da Web, um aplicativo da Web ou qualquer outro sistema complexo ou conjunto de ideias, um diagrama da Web ilustra as relações entre os objetos e pode mostrar as deficiências em seu plano. Em vez de investir em um aplicativo caro, você pode criar um diagrama da Web profissional usando o Microsoft Office 2013. Como um diagrama da Web é principalmente um auxílio visual, limite os rótulos do diagrama a duas ou três palavras e use formas e cores para identificar os componentes do diagrama.
Passo 1
Abra um documento em branco no Microsoft Word. Clique na guia "Inserir" e selecione "Formas" no grupo Ilustrações. Você também pode desenhar diagramas da Web no Excel ou PowerPoint.
Vídeo do dia
Passo 2
Selecione uma forma para o primeiro objeto. Você pode querer usar a mesma forma para todos os objetos ou usar diferentes formas para diferentes tipos de objetos. Se o seu diagrama for o de um site, por exemplo, você pode usar retângulos para páginas da Web, retângulos arredondados para páginas de vendas e círculos para diferentes tipos de fontes de tráfego, como links de e-mail, mídia social ou outros sites.
etapa 3
Arraste o cursor na página onde deseja que o primeiro objeto apareça. Segure a tecla “Shift” enquanto arrasta o cursor para criar um quadrado ou círculo perfeito. Para um diagrama de site, deve ser a página inicial do site, localizada próximo ao topo da página. Se estiver desenhando um diagrama para mostrar algum outro processo, você pode preferir colocar o objeto principal no centro da página para que possa desenhar objetos de conexão em torno dele.
Passo 4
Modifique a cor e a borda da forma clicando nas opções na seção Estilo das formas da barra de ferramentas. Clique com o botão direito do mouse na forma para copiá-la e, a seguir, clique com o botão direito em qualquer outro lugar da página para colar uma duplicata.
Etapa 5
Adicione formas adicionais conforme necessário. Arraste as formas para movê-las na página. Um diagrama de site normalmente se parece com uma pirâmide com a página inicial no topo. Coloque as páginas das categorias principais abaixo da página inicial e as páginas de conteúdo abaixo de cada categoria. Coloque as fontes de tráfego de entrada acima da página inicial ou à direita ou à esquerda dela.
Etapa 6
Redimensione uma forma clicando nela e arrastando qualquer um dos pontos de ancoragem em sua borda. Mantenha pressionada a tecla “Shift” enquanto arrasta se quiser que a forma mantenha sua proporção.
Etapa 7
Clique com o botão direito em cada forma, selecione "Adicionar texto" e digite um nome para o objeto. Para alterar o estilo do texto, realce o texto, clique com o botão direito do mouse e use as opções de formatação que aparecem no menu pop-up. Como alternativa, use os estilos que aparecem na seção Estilos da barra de ferramentas.
Etapa 8
Clique no menu "Inserir", selecione "Formas" e escolha uma linha na seção Linhas. Clique no primeiro objeto que você criou e arraste o cursor para qualquer outro objeto para criar uma linha de conexão entre eles. Se você escolher uma linha de conexão - aquelas com ângulos retos - você pode ajustar a forma da linha arrastando o ponto de ancoragem do meio. Altere a cor da linha clicando no menu "Contorno da forma" na seção Estilos de forma da barra de ferramentas.
Etapa 9
Desenhe linhas adicionais entre as formas na página, conforme necessário. Quaisquer formas ou linhas que você usou recentemente aparecem no lado direito da barra de ferramentas, então você pode selecionar a partir daí, em vez de clicar no menu "Inserir" sempre que quiser adicionar uma nova linha.
Dica
Se você estiver fazendo um diagrama de um site acabado, use miniaturas de cada página no diagrama em vez de formas genéricas. Abra uma página no navegador e diminua o zoom para 25 por cento. Pressione "Alt-PrtScn" para copiar uma imagem da janela do navegador para a área de transferência e colá-la em qualquer editor de fotos para recortá-la. Em vez de inserir formas, selecione "Imagem" no menu inserir e insira essas imagens. Para adicionar rótulos a cada imagem, insira uma caixa de texto acima da miniatura.
Você também pode criar diagramas básicos da Web usando o PowerPoint Online. As versões do Office Online do Word e Excel não oferecem a opção de criar formas.
