Deck 9: Site Navigation

Question 1

You can use ____ properties to create attractive navigation elements.

A) XML style
B) JSP style
C) CSS style
D) ASP style

Answer 1

C

Question 2

Since mobile devices often have slower connection speeds, using text-based graphics helps pages load more quickly.

Answer 2

True

Question 3

Hypertext was envisioned in the ____ by Ted Nelson, who described it as nonsequential writing in his book Literary Machines .

A) 1950s
B) 1960s
C) 1970s
D) 1980s

Answer 3

B

Question 4

With hypertext-linked content, users must traverse information sequentially, in a predefined order.

Question 5

The text of which attribute is displayed in a ToolTip or ScreenTip?

A) alt
B) tip
C) title
D) tooltip

Question 6

Browsers have to download graphic files each time they appear on the web site.

Question 7

HTML lists don't have default built-in bullets so you will need to add your own bullets when creating an HTML list.

Question 8

While the ____ lets users access the main pages in the web site, the table of contents lets users access the exact content they want.

A) navigation bar
B) breadcrumb path
C) footer
D) homepage

Question 9

Page turners work well in a linear structure of pages, where users read pages or sections in order.

Question 10

What type of navigation do most modern web sites primarily use?

A) breadcrumb trails
B) icon-based hyperlinks
C) embedded graphics
D) text-based graphics

Question 11

Which of the following is NOT a way to limit information overload on a web site?

A) Create manageable information segments
B) Use breadcrumbs on each page
C) Control page length
D) Use hypertext to connect facts

Question 12

Internal links require two of which type of element?

A) < link >
B) < top >
C) < nav >
D) < a >

Question 13

____ linking often is the most effective and accessible way to provide navigation on your site.

A) Graphic-based
B) Text-based
C) Icon-based
D) Banner-based

Question 14

In a standard list element, the list items are block-level elements.

Question 15

When limiting information overload, a good rule to follow is that users should not have to click more than ____ time(s) to get to the information they desire.

A) six to eight
B) two to three
C) three to five
D) four to six

Question 16

The Table of Contents page should have links to the individual chapter files in the web site.

Question 17

Most modern web sites use text-based navigation, but is adds to download time compared to navigation that uses graphics.

Question 18

Contextual links are best used when you want users to easily move to topics unrelated to the current topic they are reading.

Question 19

When using images for navigation, which attribute should you include to make it easier for users that can't view graphics in their browsers?

A) alt
B) width
C) img
D) height

Question 20

Lists can be styled with CSS and are adaptable to different devices.

Question 21

You can use the ____ pseudo-classes along with CSS background images to show a user where they have been on your web site.

A) breadcrumb
B) link
C) background
D) image

Question 22

A series of links that shows the user's location with the site hierarchy is called a(n) _____________________.

Question 23

A(n) ____________________names a segment of an HTML file that you can reference in a hypertext link.

Question 24

In a standard list element, the list items are ____-level elements.

A) inline
B) inline-block
C) block
D) table

Question 25

____________________ work well in a linear structure of pages, for computer based learning, or where users read pages or sections in order.

Question 26

While the navigation bar lets users access the main pages in the web site, the ____________________ lets users access the exact content pages they want.

Question 27

To remove the built in spacing that indents lists from the left side of the browser window, you can set both the margin and padding properties to zero for the ____ element.

A) < ul >
B) < li >
C) < p >
D) < list >

Question 28

The HTML _________ elements are the preferred elements for containing navigation links.

Question 29

Which of the following is a standard hypertext link that you can embed directly in the flow of your content by choosing the key terms and concepts you anticipate your users will want to follow?

A) internal
B) external
C) fragmented
D) contextual

Question 30

In a vertical navigation bar, you will need to set the < a > element's display setting to ____, which will allow you to create clickable buttons of any width.

A) inline
B) list-item
C) block
D) table

Question 31

Which pseudo-class can you use to turn the underlining on when the user points to a link?

A) hover
B) link
C) active
D) visited

Question 32

The HTML ____ elements are the preferred element for containing navigation links.

A) navigation
B) paragraph
C) content
D) list

Question 33

Which type of link lets users move to the previous or next page or section in a collection?

A) contextual
B) page-turner
C) text-based
D) graphical

Question 34

To create same-size navigation bar buttons, what should you change the display type of the < a > elements to?

A) inline
B) list-item
C) block
D) table

Question 35

What style can you use to easily specify the style of link text to indicate the page the user is currently on?

A) now
B) location
C) current
D) here

Question 36

To keep a horizontal navigation bar from wrapping if a user makes their browser window small enough, which property should you add to the < ul > element style rule?

A) size
B) width
C) min-size
D) length

Question 37

By default, link colors are ____ for visited links.

A) blue
B) purple
C) red
D) green

Question 38

You can disable the default underlining of hypertext links by setting the CSS text-decoration property to a value of ____.

A) no-underline
B) no-default
C) none
D) disable

Question 39

What property should you add to the < li > elements within a horizontal navigation bar to create buttons of uniform width?

A) float
B) align
C) block
D) right

Question 40

What do you need to set each list item's display setting to in order to create a horizontal navigation bar using a list?

A) inline
B) inline-block
C) block
D) table

Question 41

Explain what questions effective navigation should answer.

Question 42

Describe some of the challenges you face and the techniques you should use when designing navigation for mobile devices.

Question 43

____________________ allow users to jump to related ideas or cross-references by clicking the word or item that interests them.

Question 44

When you are building lists for navigation, you can remove the default bullets with the ____________________ property.

Question 45

A display value of ____________________ allows a list to be displayed without line breaks.

Question 46

Describe how you can use background color and graphics to enhance navigation.

Question 47

Explain three ways you can help to limit information overload.

Question 48

Set both the _____________ and padding spacing properties to zero for the < ul > element to remove default spacing before creating navigation lists.

Question 49

You can create an interactive ___________________ that changes a color or background when the user points to a navigation link

Question 50

Explain how contextual links work.