Cómo crear un diagrama web

Los diagramas web son herramientas útiles cuando necesita dar un paso atrás y mirar el panorama general. Ya sea que esté planificando un sitio web, una aplicación web o cualquier otro sistema complejo o conjunto de ideas, un diagrama web ilustra las relaciones entre los objetos y puede mostrar las deficiencias de su plan. En lugar de invertir en una aplicación costosa, puede crear un diagrama web profesional con Microsoft Office 2013. Debido a que un diagrama web es principalmente una ayuda visual, limite las etiquetas del diagrama a dos o tres palabras y use formas y colores para identificar los componentes del diagrama. .

Paso 1

Abra un documento en blanco en Microsoft Word. Haga clic en la pestaña "Insertar" y seleccione "Formas" en el grupo Ilustraciones. También puede dibujar diagramas web en Excel o PowerPoint.

Paso 2

Seleccione una forma para el primer objeto. Es posible que desee usar la misma forma para cada objeto o usar formas diferentes para diferentes tipos de objetos. Si su diagrama es el de un sitio web, por ejemplo, puede usar rectángulos para páginas web, rectángulos redondeados para páginas de ventas y círculos para diferentes tipos de fuentes de tráfico, como enlaces de correo electrónico, redes sociales u otros sitios web.

Paso 3

Arrastre el cursor en la página donde desea que aparezca el primer objeto. Mantén presionada la tecla "Shift" mientras arrastras el cursor para crear un cuadrado o círculo perfecto. Para un diagrama de sitio web, esta debe ser la página de inicio del sitio web, ubicada cerca de la parte superior de la página. Si está dibujando un diagrama para mostrar algún otro proceso, es posible que prefiera colocar el objeto principal en el centro de la página para que pueda dibujar objetos conectados a su alrededor.

Paso 4

Modifique el color y el borde de la forma haciendo clic en las opciones de la sección Estilo de formas de la barra de herramientas. Haga clic derecho en la forma para copiarla y luego haga clic derecho en cualquier otro lugar de la página para pegar un duplicado.

Paso 5

Agregue formas adicionales según sea necesario. Arrastre las formas para moverlas en la página. El diagrama de un sitio web normalmente parece una pirámide con la página de inicio en la parte superior. Coloque las páginas de categorías principales debajo de la página de inicio y las páginas de contenido debajo de cada categoría. Coloque las fuentes de tráfico entrante encima de la página de inicio o a la derecha o a la izquierda de esta.

Paso 6

Cambie el tamaño de una forma haciendo clic en ella y arrastrando cualquiera de los puntos de anclaje en su borde. Mantenga presionada la tecla "Shift" mientras arrastra si desea que la forma conserve su relación de aspecto.

Paso 7

Haga clic derecho en cada forma, seleccione "Agregar texto" y luego escriba un nombre para el objeto. Para cambiar el estilo del texto, resáltelo, haga clic derecho sobre él y use las opciones de formato que aparecen en el menú emergente. Alternativamente, use los estilos que aparecen en la sección Estilos de la barra de herramientas.

Paso 8

Haga clic en el menú "Insertar", seleccione "Formas" y luego elija una línea de la sección Líneas. Haga clic en el primer objeto que creó y arrastre el cursor a cualquier otro objeto para crear una línea de conexión entre ellos. Si elige una línea conectora, las que tienen ángulos rectos, puede ajustar la forma de la línea arrastrando el punto de anclaje central. Cambie el color de la línea haciendo clic en el menú "Contorno de forma" en la sección Estilos de forma de la barra de herramientas.

Paso 9

Dibuja líneas adicionales entre las formas en la página según sea necesario. Cualquier forma o línea que haya usado recientemente aparece en el lado derecho de la barra de herramientas, por lo que puede seleccionar desde allí en lugar de hacer clic en el menú "Insertar" cada vez que desee agregar una nueva línea.

Consejo

Si está haciendo un diagrama de un sitio web terminado, use miniaturas de cada página en el diagrama en lugar de formas genéricas. Abra una página en su navegador y luego aléjese al 25 por ciento. Presiona "Alt-PrtScn" para copiar una imagen de la ventana del navegador al portapapeles y pégala en cualquier editor de fotos para recortarla. En lugar de insertar formas, seleccione "Imagen" en el menú de inserción e inserte estas imágenes. Para agregar etiquetas a cada imagen, inserte un cuadro de texto encima de la miniatura.

También puede crear diagramas web básicos con PowerPoint Online. Las versiones de Office Online de Word y Excel no ofrecen la opción de crear formas.