Elaboración de un diagrama de flujo
Los diagramas de sitio también son útiles cuando el proyecto pasa de la planificación a la producción real de la página web. A medida que el nuevo sitio se construye en un directorio en el servidor web, el diagrama del sitio es a menudo el primer lugar donde los programadores miran para obtener una comprensión de cómo los archivos del sitio deben ser subdivididos en directorios (“carpetas”) en el servidor.
A medida que los directorios y subdirectorios del sitio se organizan en el servidor, la información sobre los nombres exactos utilizados para los principales directorios y archivos debe añadirse al diagrama del sitio, para que todos los miembros del equipo tengan una referencia actualizada de las convenciones de nomenclatura y las ubicaciones de los archivos en el sitio.
La mayoría de los sitios web complejos comparten aspectos de los tres tipos de estructuras de información. Excepto en los sitios que imponen rigurosamente una secuencia de páginas, es probable que los usuarios utilicen su sitio de forma libre, como lo harían con un libro de referencia. Pero los patrones de uso no lineales típicos de los internautas no le eximen de la necesidad de organizar su pensamiento y presentarlo dentro de una estructura clara y coherente que complemente sus objetivos de diseño. El siguiente gráfico resume los tres patrones básicos de organización en función de la “linealidad” de la narración y la complejidad del contenido:
Lucidchart gratis
Los diagramas web son herramientas útiles cuando se necesita dar un paso atrás y ver el panorama general. Los diagramas web le ayudan a ilustrar las relaciones entre los objetos mostrando las deficiencias de su plan cuando está planificando un sitio web, una aplicación web o cualquier otro sistema complejo o conjunto de ideas, etc.
Un diagrama web es un archivo que te ayuda a crear, visualizar y cambiar el flujo de una aplicación web dinámica. Como un diagrama web es principalmente una ayuda visual, limita las etiquetas del diagrama a dos o tres palabras y utiliza formas y colores para identificar los componentes del diagrama.
Aunque los diagramas web son bastante cómodos de usar, dibujar un diagrama web a mano sigue siendo muy difícil para la mayoría de nosotros. No te preocupes, puedes dibujar diagramas web rápida y fácilmente con la ayuda del creador de diagramas web que te ofrece un montón de símbolos de diagramas web útiles. Antes de empezar a dibujar diagramas web, puede aprender a crear diaramas web aquí.
El diagrama web incluye el diagrama conceptual del sitio web y el diagrama del mapa del sitio web, sin embargo, los pasos para dibujar estos dos tipos de diagramas son similares. A continuación se presentan consejos para hacer diagramas web que serán de gran ayuda para usted cuando cree diagramas web.
Aplicación lúcida
“Un sitio web, también escrito como sitio web, página web o simplemente sitio, es un conjunto de páginas web relacionadas que se sirven desde un único dominio web. Un sitio web está alojado en al menos un servidor web, accesible a través de una red como Internet o una red de área local privada mediante una dirección de Internet conocida como localizador uniforme de recursos. Todos los sitios web de acceso público constituyen colectivamente la World Wide Web.
Una página web es un documento, normalmente escrito en texto plano intercalado con instrucciones de formato de Lenguaje de Marcado de Hipertexto (HTML, XHTML). Una página web puede incorporar elementos de otros sitios web con anclajes de marcado adecuados.
Se accede a las páginas web y se transportan con el Protocolo de Transferencia de Hipertexto (HTTP), que puede emplear opcionalmente el cifrado (HTTP Secure, HTTPS) para proporcionar seguridad y privacidad al usuario del contenido de la página web. La aplicación del usuario, a menudo un navegador web, renderiza el contenido de la página según sus instrucciones de marcado HTML en un terminal de visualización.
Por lo general, se puede acceder a las páginas de un sitio web desde un simple Localizador Uniforme de Recursos (URL) llamado dirección web. Las URL de las páginas las organizan en una jerarquía, aunque los hipervínculos entre ellas transmiten al lector la estructura percibida del sitio y le guían en su navegación por el mismo, que generalmente incluye una página de inicio con la mayoría de los enlaces al contenido web del sitio, y una página complementaria de información, contacto y enlaces”. [Sitio web. Wikipedia]
Lucidchart
Los diagramas web son herramientas útiles cuando se necesita dar un paso atrás y ver 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 costosa aplicación, puedes crear un diagrama web profesional con Microsoft Office 2013. Dado que un diagrama web es principalmente una ayuda visual, limita las etiquetas del diagrama a dos o tres palabras y utiliza formas y colores para identificar los componentes del diagrama.
Seleccione una forma para el primer objeto. Es posible que desee utilizar la misma forma para cada objeto o utilizar diferentes formas para diferentes tipos de objetos. Si tu diagrama es el de un sitio web, por ejemplo, podrías utilizar rectángulos para las páginas web, rectángulos redondeados para las páginas de ventas y círculos para los diferentes tipos de fuentes de tráfico, como los enlaces de correo electrónico, las redes sociales u otros sitios web.
Arrastra el cursor en la página donde quieras que aparezca el primer objeto. Mantenga la tecla “Shift” mientras arrastra el cursor para crear un cuadrado o círculo perfecto. En el caso de un diagrama de un sitio web, ésta debería ser la página de inicio del sitio web, situada cerca de la parte superior de la página. Si estás dibujando un diagrama para mostrar algún otro proceso, puede que prefieras poner el objeto principal en el centro de la página para poder dibujar objetos de conexión a su alrededor.