Deck 9: Site Navigation

ملء الشاشة (f)
exit full mode
سؤال
You can use ____ properties to create attractive navigation elements.

A) XML style
B) JSP style
C) CSS style
D) ASP style
استخدم زر المسافة أو
up arrow
down arrow
لقلب البطاقة.
سؤال
Since mobile devices often have slower connection speeds, using text-based graphics helps pages load more quickly.
سؤال
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
سؤال
With hypertext-linked content, users must traverse information sequentially, in a predefined order.
سؤال
The text of which attribute is displayed in a ToolTip or ScreenTip?

A) alt
B) tip
C) title
D) tooltip
سؤال
Browsers have to download graphic files each time they appear on the web site.
سؤال
HTML lists don't have default built-in bullets so you will need to add your own bullets when creating an HTML list.
سؤال
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
سؤال
Page turners work well in a linear structure of pages, where users read pages or sections in order.
سؤال
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
سؤال
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
سؤال
Internal links require two of which type of element?

A) < link >
B) < top >
C) < nav >
D) < a >
سؤال
____ 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
سؤال
In a standard list element, the list items are block-level elements.
سؤال
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
سؤال
The Table of Contents page should have links to the individual chapter files in the web site.
سؤال
Most modern web sites use text-based navigation, but is adds to download time compared to navigation that uses graphics.
سؤال
Contextual links are best used when you want users to easily move to topics unrelated to the current topic they are reading.
سؤال
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
سؤال
Lists can be styled with CSS and are adaptable to different devices.
سؤال
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
سؤال
A series of links that shows the user's location with the site hierarchy is called a(n) _____________________.
سؤال
A(n) ____________________names a segment of an HTML file that you can reference in a hypertext link.
سؤال
In a standard list element, the list items are ____-level elements.

A) inline
B) inline-block
C) block
D) table
سؤال
____________________ work well in a linear structure of pages, for computer based learning, or where users read pages or sections in order.
سؤال
While the navigation bar lets users access the main pages in the web site, the ____________________ lets users access the exact content pages they want.
سؤال
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 >
سؤال
The HTML _________ elements are the preferred elements for containing navigation links.
سؤال
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
سؤال
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
سؤال
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
سؤال
The HTML ____ elements are the preferred element for containing navigation links.

A) navigation
B) paragraph
C) content
D) list
سؤال
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
سؤال
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
سؤال
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
سؤال
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
سؤال
By default, link colors are ____ for visited links.

A) blue
B) purple
C) red
D) green
سؤال
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
سؤال
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
سؤال
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
سؤال
Explain what questions effective navigation should answer.
سؤال
Describe some of the challenges you face and the techniques you should use when designing navigation for mobile devices.
سؤال
____________________ allow users to jump to related ideas or cross-references by clicking the word or item that interests them.
سؤال
When you are building lists for navigation, you can remove the default bullets with the ____________________ property.
سؤال
A display value of ____________________ allows a list to be displayed without line breaks.
سؤال
Describe how you can use background color and graphics to enhance navigation.
سؤال
Explain three ways you can help to limit information overload.
سؤال
Set both the _____________ and padding spacing properties to zero for the < ul > element to remove default spacing before creating navigation lists.
سؤال
You can create an interactive ___________________ that changes a color or background when the user points to a navigation link
سؤال
Explain how contextual links work.
فتح الحزمة
قم بالتسجيل لفتح البطاقات في هذه المجموعة!
Unlock Deck
Unlock Deck
1/50
auto play flashcards
العب
simple tutorial
ملء الشاشة (f)
exit full mode
Deck 9: Site Navigation
1
You can use ____ properties to create attractive navigation elements.

A) XML style
B) JSP style
C) CSS style
D) ASP style
C
2
Since mobile devices often have slower connection speeds, using text-based graphics helps pages load more quickly.
True
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
B
4
With hypertext-linked content, users must traverse information sequentially, in a predefined order.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
5
The text of which attribute is displayed in a ToolTip or ScreenTip?

A) alt
B) tip
C) title
D) tooltip
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
6
Browsers have to download graphic files each time they appear on the web site.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
7
HTML lists don't have default built-in bullets so you will need to add your own bullets when creating an HTML list.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
9
Page turners work well in a linear structure of pages, where users read pages or sections in order.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
12
Internal links require two of which type of element?

A) < link >
B) < top >
C) < nav >
D) < a >
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
14
In a standard list element, the list items are block-level elements.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
16
The Table of Contents page should have links to the individual chapter files in the web site.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
17
Most modern web sites use text-based navigation, but is adds to download time compared to navigation that uses graphics.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
18
Contextual links are best used when you want users to easily move to topics unrelated to the current topic they are reading.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
20
Lists can be styled with CSS and are adaptable to different devices.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
22
A series of links that shows the user's location with the site hierarchy is called a(n) _____________________.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
23
A(n) ____________________names a segment of an HTML file that you can reference in a hypertext link.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
24
In a standard list element, the list items are ____-level elements.

A) inline
B) inline-block
C) block
D) table
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
25
____________________ work well in a linear structure of pages, for computer based learning, or where users read pages or sections in order.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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 >
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
28
The HTML _________ elements are the preferred elements for containing navigation links.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
32
The HTML ____ elements are the preferred element for containing navigation links.

A) navigation
B) paragraph
C) content
D) list
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
37
By default, link colors are ____ for visited links.

A) blue
B) purple
C) red
D) green
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
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
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
41
Explain what questions effective navigation should answer.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
42
Describe some of the challenges you face and the techniques you should use when designing navigation for mobile devices.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
43
____________________ allow users to jump to related ideas or cross-references by clicking the word or item that interests them.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
44
When you are building lists for navigation, you can remove the default bullets with the ____________________ property.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
45
A display value of ____________________ allows a list to be displayed without line breaks.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
46
Describe how you can use background color and graphics to enhance navigation.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
47
Explain three ways you can help to limit information overload.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
48
Set both the _____________ and padding spacing properties to zero for the < ul > element to remove default spacing before creating navigation lists.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
49
You can create an interactive ___________________ that changes a color or background when the user points to a navigation link
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
50
Explain how contextual links work.
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.
فتح الحزمة
k this deck
locked card icon
فتح الحزمة
افتح القفل للوصول البطاقات البالغ عددها 50 في هذه المجموعة.