Node-Link Diagrams, Sketches, and the Design Process

      Because they existing the overall structure of a web page, Web developers often make node-link designs as factor of the look procedure. Some Web publishing alternatives make these designs instantly. Using both node-link designs and mock-ups of Internet websites, developers can properly technique out how the web page as a whole should be attached and how to development the connecting of individual websites.
    Decide 2 reveals both a node-link technique of a little web page and a mock-up of a Website of that same web page. (The mocked-up web page is unveiled by the dark-colored node in the node-link technique.) On the mock-up, the four administration management control buttons on the course-plotting bar go with to the four second-level nodes in the node-link technique. The three inbound links below the course-plotting bar go with to this page’s three kid nodes. As the mockup reveals, the designer plans to use introducing (“Support”) to indicate the currently confirmed web page.
      When Internet websites are well developed, the keeping the inbound links on the website along with the terminology of the inbound links allows the person to awareness, at least in factor, the overall web page structure, the searcher's established position, and whether the person is going down, across, or up in the structure.
Many websites offer sitemaps for customers. Although sitemaps change significantly in overall look and benefits, they appear to be node-link designs in that they offer the person with a bird’s eye point of view of the web page structure.