18 min read

Content and Site Maps

List the content, group it into pages, choose a navigation structure and draw a site map.

What Content Is Needed?

Content is everything on the site: text, photos, prices, forms, contact details. Start with a list, then group related items into pages .

Content inventory for the tea room
Content inventory for the tea room

Site structures

$Structure$	$When to use it$
$Hierarchical (tree) — a home page with sections below$	$Most websites, including the tea room$
$Linear (sequence) — one page after another$	$Step-by-step processes: checkout, tutorials, forms$
$Webbed (network) — pages link freely to each other$	$Wikis and large information sites$

Site map for ceylonleaf.lk

Solid lines: the navigation bar on every page. Dotted line: an extra link from the menu to the order form.

Practice

What does a site map show?

What Content Is Needed?

Content is everything on the site: text, photos, prices, forms, contact details. Start with a list, then group related items into pages .

Content inventory for the tea room
Content inventory for the tea room

Navigation Structures

Site structures

$Structure$	$When to use it$
$Hierarchical (tree) — a home page with sections below$	$Most websites, including the tea room$
$Linear (sequence) — one page after another$	$Step-by-step processes: checkout, tutorials, forms$
$Webbed (network) — pages link freely to each other$	$Wikis and large information sites$

Drawing a Site Map

Site map for ceylonleaf.lk

Solid lines: the navigation bar on every page. Dotted line: an extra link from the menu to the order form.

Practice

What does a site map show?