Site maps

Lastly, we are going to discuss site maps. As stated earlier in the chapter these are typically used on web site design projects in the planning stages. In fact, you will notice as we work through our example, that site maps are created (and often look a lot like) similarly to organization charts. As they should—there are hierarchical elements. Only in site maps, the lines or relationships are in the form of links to sub-pages in a website.

Before starting, as with most of these diagrams and charts, map out with paper the site map. Mark the main site, links, or sub page menus seen there. Then map another layer of content pages below those, and so on.

Again, we'll take a look at a simple example of how this would look once you move from a pencil sketch to Inkscape to create this type of diagram:

Open a new document in Inkscape (File and then New or Ctrl + N).
Using the Shift + Ctrl + N keyboard shortcut, create a new layer called Background.
Click the Rectangle tool...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Inkscape 0.48 Essentials for Web Designers: LITE

By : Bethany Hiitola

Inkscape 0.48 Essentials for Web Designers: LITE

By: Bethany Hiitola

Overview of this book

Site maps

Inkscape 0.48 Essentials for Web Designers: LITE

By : Bethany Hiitola

Inkscape 0.48 Essentials for Web Designers: LITE

By: Bethany Hiitola

Overview of this book

Site maps

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access