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.
|
|
|
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 |
|
|
|
|
|
|
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 |
|