Name:     ID: 
 
Email: 

COSC 3317 Unit G

True/False
Indicate whether the statement is true or false.
 

 1. 

Navigation labels should be as long as they need to be, so there is no need to be short and succinct.
 

 2. 

Using text instead of graphics for navigation affords you much more flexibility in your font choices.
 

 3. 

Because Expression Web actually creates an image of the text, you are not limited to using Web-safe fonts.
 

 4. 

Maintaining a consistent look among the buttons in a navigation bar makes a Web site easier to navigate and your design more cohesive.
 

 5. 

When you create an interactive button, remember that Expression Web does not also use the button text as the alternate text attribute.
 

 6. 

Each page on a Web site should include a navigation bar, and this element should be consistent from page to page so that visitors can easily navigate the site.
 

 7. 

As a site’s complexity and diversity of content increase, it becomes less challenging to design navigation that is simple and easy to use.
 

Completion
Complete each statement.
 

 8. 

____________________ is the navigation that appears on each page, usually at the top or left side.
 

 

 9. 

____________________ buttons, also known as rollovers, are navigation graphics that change appearance when a visitor interacts with them.
 

 

 10. 

A set of related navigation links, whether text or images, is known as a ____________________.
 

 

 11. 

____________________ selectors define properties for all instances of an element that occur within a defined container.
 

 

Matching
 
 
Referring to the figure below, please identify the letter of the choice that best matches the numbered area on the screen.

grp001-1.jpg
a.
1.
d.
4.
b.
2.
e.
5.
c.
3.
 

 12. 

Where you would make the text bold
 

 13. 

Where you would change the font to Times New Roman
 

 14. 

Where you would change the font size
 

 15. 

Where you would align the text to the right edge of the button
 

 16. 

Where you would align the text to the top edge of the button
 

Multiple Choice
Identify the choice that best completes the statement or answers the question.
 

 17. 

The elements that make up your navigation should be determined by the site’s goals, the content of the site, and the ____.
a.
target audience
c.
target colors
b.
target browsers
d.
target sales
 

 18. 

____ are people whose job it is to create structures, navigation, and search systems for Web sites.
a.
Research Architects
c.
Information Architects
b.
Research Developers
d.
Information Developers
 

 19. 

The ____ state appears when a visitor is not interacting with the button.
a.
original
c.
hover
b.
clicked
d.
pressed
 

 20. 

The ____ state appears when a visitor points to or hovers over the image.
a.
original
c.
hover
b.
clicked
d.
pressed
 

 21. 

The ____ state appears while a visitor is clicking the button.
a.
hover
c.
clicked
b.
pressed
d.
original
 

 22. 

Links have four commonly used pseudo-class selectors that does NOT include ____.
a.
a:visited
c.
a:link
b.
a:selected
d.
a:active
 

 23. 

The selector ____ indicates the normal, unvisited state of a link.
a.
a:visited
c.
a:link
b.
a:selected
d.
a:active
 

 24. 

The selector ____ means that the visitor’s cursor is pointing to the link.
a.
a:visited
c.
a:selected
b.
a:hover
d.
a:link
 

 25. 

In a Web page, link pseudo-class styles are applied according to the order in which they are listed in the ____, so it’s important that they be listed in the correct order.
a.
Interactive Button dialog box
c.
Link manager
b.
style sheet
d.
CSS table
 

 26. 

In general, it’s best to create styles that make unvisited links more noticeable and visited links less so. This can be accomplished through using a brighter color for unvisited links and a ____ color for visited links.
a.
more common
c.
bolder
b.
more subtle
d.
translucent
 

 27. 

Feel free to use link colors that coordinate with your design; however, avoid ____ to indicate normal links and blue to indicate visited links, since this reverses the normal color conventions and could confuse visitors.
a.
red
c.
black
b.
navy
d.
purple
 

 28. 

When an image has a transparent background, the preview area changes to show a ____ pattern.
a.
cloud
c.
lined
b.
checkerboard
d.
wavy
 

 29. 

For many years, most sites used graphics for navigation. In recent years, ____ links that are creatively styled with CSS have become popular.
a.
photo
c.
cartoon
b.
text
d.
icon
 

 30. 

____ menus, which feature list arrows that, when clicked, reveal a longer list of options, are convenient when space is at a premium and you have a long list of links to feature.
a.
Scroll
c.
Dropped
b.
Pulldown
d.
Click and Drag
 
 
nar001-1.jpg
 

 31. 

In the figure above, the tabs at the top that say “Movies,” “Music,” and “Books” is an example of ____ navigation.
a.
Global
c.
Related
b.
Local
d.
Browser
 

 32. 

In the figure above, the boxed off area that says “More movies directed by Gina Labella:” has links to three additional movies, such as “Pier 49.”  These links are considered to be ____ navigation.
a.
Global
c.
Related
b.
Local
d.
Screen
 

 33. 

In the figure above, the gray area that says “Movies by Genre” is an example of ____ navigation.
a.
Global
c.
Screen
b.
Local
d.
Related
 

 34. 

Referring to the figure above, if you were building a small site, you may list every page of the site as part of ____ navigation.
a.
Global
c.
Related
b.
Local
d.
Screen
 

 35. 

Information architects work as ____.
a.
independent consultants
c.
both a. and b.
b.
as part of in-house Web design teams
d.
neither a. nor b.
 

 36. 

Decide on your button type before you work in the ____; if you switch back to the Button tab after working in this tab, you lose any button type settings.
a.
Font tab
c.
Image tab
b.
Button tab
d.
Link tab
 

 37. 

Using graphics, such as interactive buttons, instead of text for navigation affords you much more flexibility in your font choices. Because Expression Web actually creates ____, you are not limited to using Web-safe fonts.
a.
an image of the text
c.
a color copy of the text
b.
several images of the text
d.
universal clip art based on the text
 

 38. 

When choosing the font face, size, and color, make sure that ____.
a.
the text is large enough to read
b.
that there is enough contrast with the background to be legible
c.
both a. and b.
d.
neither a. nor b.
 

 39. 

A set of related navigation links, whether text or images, is known as a ____ bar.
a.
status
c.
navigation
b.
scroll
d.
task
 

 40. 

When adding a navigation bar to site pages, using the ____ option ensures that you only select the navigation bar and not the containing div.
a.
Select Tag Contents
c.
Edit Tag
b.
Select Tag
d.
Wrap Tag
 

 41. 

In the early days of the World Wide Web, all linked text looked the same—it was ____ and underlined on every Web site.
a.
blue
c.
black
b.
red
d.
purple
 

 42. 

The ____ state is seen for such a brief period that creating a style for this state is not usually critical.
a.
a:clicked
c.
a:active
b.
a:visited
d.
a:hover
 



 
         Start Over