Deck 9: Site Navigation
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
سؤال
فتح الحزمة
قم بالتسجيل لفتح البطاقات في هذه المجموعة!
Unlock Deck
Unlock Deck
1/50
العب
ملء الشاشة (f)
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
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
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
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
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
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
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 >
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
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
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
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
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
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 >
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
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
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
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
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
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
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
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
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
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
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
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
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