This problem is simple in need, but a little complex to explain. What I am looking for is a way to create a flowchart or a sitemap of each HTML file rather than my whole site. I need a program or application that will do this for me automatically instead of having to create this manually. I have all ready tried Visio, but it does not do what I desire.
Specifically, I have multiple anchor links within each HTML file. These anchor links point to other 'panels' on my page. Within those 'panels' might exist additional links - external or internal. At some point, those links will end at a 'panel'. I need a way to visually show where each anchor link is going, where those links came from (which panel they originated from), and if any of them are 'broken'.
I have attached two files that may explain this better. The flowchart_example.jpg shows exactly what I require (more or less). I really just need the boxes (labeled Panel 00, Panel 01, etc.), how each connects to the other based off of links that are in the HTML file, and eventually show where the links end (no more links in the panel). I do not need the '1 Click' or '2 Clicks' to show up. Those can be manually added later.
The an_example.html file shows an HTML file that has the anchor links and external links that would need to show up in the flowchart. This HTML file more or less mirrors what I am looking for in the flowchart_example.jpg file.
When I refer to Panel 00, that is the top of the page, after the title and black line (where the script actually begins). The user must start at the top. They cannot skip around to other panels. This is why a visual flowchart would be quite helpful. Additionally, the links at the top (scripts, reference, transfers, etc.) along with the top and back buttons on each panel should be ignored when creating the flowchart.
Any information or assistance in finding an application or a way to accomplish this would be greatly appreciated. Thanks in advance.
