EMS Creative iMedia Cambridge Technicals

1. Creation – Navigation
Lesson 18

2. Lesson Goals
 Understand the importance of a good navigation system
 Know how to make navigation appear interactive
 Be able to create a navigation bar or button set
#navigation
#button

3. Assessment Criteria
 The assessment criteria for this part of the unit is as follows:
LO3 – Create a new functional multi-page website
P3
Demonstrate web authoring skills by creating a new competent functional
multi-page website that includes:
• Consistent style across pages
• Text and graphics
• Method of user feedback
M2
Demonstrate proficient design skills.
The new multi-page website produced
is suitable for the target audience and
includes rich media. The website
produced is generally of a good
technical standard.
D2
Make appropriate use of
optimisation techniques and
site management tools. The
website produced is generally
of a high technical standard.

4. Navigation
 The navigation structure of a website should be easy to understand and
allow a user access to each of the main areas of your website.
 A good navigation bar or button set will look consistent and attractive
and it should also fit in with the overall style of your website.
#navigation
#button
Know ways of displaying interaction
Be able to create a navigation bar

5. Interaction
How can we make a navigation bar appear interactive?

6. Colour
Using a different share or contrasting colour
 You can indicate that a user is interacting with your navigation by:
Interaction
Style
Adjusting the button style or font style
Size
Increasing or decreasing font or button size
#navigation
#button
Know ways of displaying interaction
Be able to create a navigation bar
 Sometimes a navigation bar will make use of a
combination of these methods to show interaction.

7. Text Examples
Know ways of displaying interaction
Be able to create a navigation bar

8. Button Examples
Know ways of displaying interaction
Be able to create a navigation bar

9. Non-Standard
Know ways of displaying interaction
Be able to create a navigation bar

10. Other Buttons
Where else might you need some type of navigation on your site?

11. Navigation
 The navigation on your site may also come from other areas such as:
Hyperlinked words
within an area of text
Image Links
Using an image on a page as a
hyperlink elsewhere
Making the site logo a
hyperlink to the homepage
Download
Using a button or text link
within a paragraph of text
Know ways of displaying interaction
Be able to create a navigation bar

12. Your Task
 Create a suitable navigation bar or set
of buttons for your website by using
Adobe Fireworks:
 Text
 Images
 Interaction
 Colour Scheme
 Consistent Style
 Create additional buttons for navigation
that isn’t part of your navigation bar
e.g. Social Media.
#navigation
#button
Know ways of displaying interaction
Be able to create a navigation bar