Cómo crear un diagrama web

joven mujer de negocios escribiendo componente del sitio web

Los diagramas web ofrecen una vista panorámica de cualquier sistema complejo.

Credito de imagen: ferlistockphoto / iStock / Getty Images

Los diagramas web son herramientas útiles cuando necesita dar un paso atrás y mirar el panorama general. Ya sea que esté planeando 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 deficiencias en su plan. En lugar de invertir en una aplicación cara, 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" del grupo Ilustraciones. También puede dibujar diagramas web en Excel o PowerPoint.

Video del día

Paso 2

Seleccione una forma para el primer objeto. Es posible que desee utilizar la misma forma para cada objeto o utilizar formas diferentes para diferentes tipos de objetos. Si su diagrama es el de un sitio web, por ejemplo, podría usar rectángulos para las páginas web, rectángulos redondeados para páginas y círculos de ventas 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 a la página donde desea que aparezca el primer objeto. Mantenga presionada la tecla "Shift" mientras arrastra 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 poder dibujar objetos conectados a su alrededor.

Etapa 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 con el botón derecho en la forma para copiarla y luego haga clic con el botón derecho en cualquier otro lugar de la página para pegar un duplicado.

Paso 5

Agregue formas adicionales según sea necesario. Arrastra las formas para moverlas en la página. El diagrama de un sitio web normalmente se ve como 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 izquierda de la misma.

Paso 6

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

Paso 7

Haz clic derecho en cada forma, selecciona "Agregar texto" y luego escribe un nombre para el objeto. Para cambiar el estilo del texto, resalte el texto, haga clic derecho en é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

Haz clic en el menú "Insertar", selecciona "Formas" y luego elige 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 de conexión, las que tienen ángulos rectos, puede ajustar la forma de la línea arrastrando el punto de ancla 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 utilizado 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.

Propina

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 aleje el zoom al 25 por ciento. Presione "Alt-PrtScn" para copiar una imagen de la ventana del navegador al portapapeles y pegarla en cualquier editor de fotos para recortarla. En lugar de insertar formas, seleccione "Imagen" en el menú Insertar 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.