>> Tecnologia eletrônica >  >> Lar inteligente >> Vida Inteligente

Como criar um diagrama da web


Os diagramas da Web são ferramentas úteis quando você precisa dar um passo atrás e olhar para o quadro geral. Esteja você planejando um site, um aplicativo da Web ou qualquer outro sistema complexo ou conjunto de ideias, um diagrama da Web ilustra as relações entre objetos e pode mostrar 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 .

Etapa 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.

Etapa 2


Selecione uma forma para o primeiro objeto. Você pode querer usar a mesma forma para cada objeto ou usar formas diferentes 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ídias sociais ou outros sites.

Etapa 3


Arraste o cursor na página onde você 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, esta deve ser a página inicial do site, colocada perto do topo da página. Se você estiver desenhando um diagrama para mostrar algum outro processo, talvez prefira colocar o objeto principal no centro da página para poder desenhar objetos de conexão ao redor dele.

Etapa 4


Modifique a cor e a borda da forma clicando nas opções na seção Estilo de Formas da barra de ferramentas. Clique com o botão direito do mouse na forma para copiá-la e clique com o botão direito do mouse 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 da categoria principal 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 do mouse 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 da 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 "Shape Outline" na seção Shape Styles da barra de ferramentas.

Etapa 9


Desenhe linhas adicionais entre as formas na página conforme necessário. Todas as formas ou linhas usadas recentemente aparecem no lado direito da barra de ferramentas, para que você possa 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 finalizado, use miniaturas de cada página no diagrama em vez de formas genéricas. Abra uma página em seu navegador e diminua o zoom para 25%. 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 cortá-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 do Excel não oferecem a opção de criar formas.