How can a web site be diagrammed to show different database elements, web UI elements, and different web pages in relation to each other (all are part of the same web site)?

Essentially I want to be able to show the structure of the site, but not just the web elements (including the database elements, and other server side elements).

I was wondering if there is a particular way of approaching this with regard to UML, or something similar. Pretty platform agnostic, but with a preference for visio.

  • If this question is off topic, please explain why, and if it can be made on topic, advice would be appreciated.
    – soandos
    Dec 26, 2011 at 4:10
  • 1
    It really has nothing to do with graphic design. It would be more appropriate at webmasters. Dec 26, 2011 at 15:13
  • It is about showing the structure though, not what the structure should be.
    – soandos
    Dec 26, 2011 at 16:36
  • What kinds of relations exist, and what are you trying to communicate? Is it something like "for this use case, this server component accesses this data and places it into this page, which shows these UI elements"?
    – Alexei
    Dec 26, 2011 at 20:45
  • Something like that.
    – soandos
    Dec 26, 2011 at 22:51

1 Answer 1


Starting with a site outline. You can read Site Diagrams: Mapping an Information Space, it contains everything you need to know. A small excerpt:

A site diagram might initially sound like a site outline. And while not technically a part of the site diagram, a site outline complements the diagram quite well. The site outline presents the website structure in a typical outline format, perfectly mirroring the numbering, levels, and labels in the site diagram. The advantages of site outlines is that they are faster to create and maintain than site diagrams, but their drawbacks include difficulties showing linear page sequences and limits in their ability to mention functionality and other content types, mainly due to the visual clutter the extra text creates.

You can also create diagrams using this online tool: Good looking diagrams

  • I see a way to add a database, but is there a way to add tables to the database?
    – soandos
    Dec 27, 2011 at 23:52
  • I guess its not related to GD is it so?
    – Jack
    Dec 28, 2011 at 4:49
  • Not following. I am talking about on the diagram on gliffy.
    – soandos
    Dec 28, 2011 at 5:23
  • I did not used that deep but I guess you can draw all the things by creating blank document and doing all the steps one by one...In short I have no specific idea about that I am sorry...
    – Jack
    Dec 28, 2011 at 5:50
  • 1
    see this might be this will help though I am not sure : stackoverflow.com/questions/918620/…
    – Jack
    Dec 28, 2011 at 6:00

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.