Deck 2: Web Site Design Principles

Full screen (f)
exit full mode
Question
Web pages are stored on which of the following devices?

A) network servers
B) switching stations
C) web servers
D) routing stations
Use Space or
up arrow
down arrow
to flip the card.
Question
You should provide direct links to the areas of your site that you feel are most in demand.
Question
Which type of design allows your web pages to adapt to different screen sizes?

A) simplistic
B) static
C) responsive
D) fluid
Question
Your ____ is the single most important factor in determining the success of your site.

A) font choice
B) information design
C) number of graphics
D) plug-in requirements
Question
Where does a browser attempt to load images from before retrieving them from the web?

A) cache
B) proxy
C) file server
D) RAM
Question
____ are CSS statements that let you specify different style rules for different media destinations.

A) Grids
B) Fonts
C) Media Queries
D) Colors
Question
Which type of page layout can adapt to different screen resolutions?

A) vertical
B) centered
C) portrait
D) flexible
Question
Designing for accessibility means that your web page should be reachable despite the conditions of the Internet.
Question
Web pages that have scattered alignments have a more polished look than pages that respect the grid and align different elements.
Question
You web page, if proper coded, will always look the same on every device.
Question
A successful web site need only be well supported by one major browser.
Question
The content of your web page is imposed by the page template you choose.
Question
By specifying a(n) ____ specifically for handheld devices, you can customize the page layout such as by designing the content to appear in a single column or providing navigation customized for smaller screens.

A) style sheet
B) image
C) resolution
D) font
Question
It is best to group information into large chunks rather than use a lot of hypertext links.
Question
Fixed-width designs tend to have the same proportions as the printed page.
Question
What does your browser do with a page when you visit a web site?

A) files it
B) downloads it
C) uploads it
D) transmits it
Question
What should you use if you require two presentations of your site to draw from a single source of content?

A) static pages
B) CSS
C) CMS
D) media queries
Question
The logic for interpreting HTML tags varies from browser to browser.
Question
A computer monitor's ____ is the width and height of the computer screen in pixels.

A) screen resolution
B) display
C) properties
D) screen saver
Question
You should avoid white space on your web page as much as possible.
Question
As a function of normal, paper-based reading habits, the user's eye moves from ____ and back again.

A) top to bottom
B) bottom to top
C) left to right
D) right to left
Question
The ____ is a conceptual layout device that organizes the page into columns and rows.

A) grid
B) page template
C) style sheet
D) matrix
Question
You should provide grounding for the user by placing navigation elements ____ on each page.

A) in different positions
B) at the left
C) at the top
D) in the same position
Question
Your choices of colors, fonts, graphics, and page layout should communicate a visual ____________________ to users that orients them to your site's content.
Question
What can be used to graphically display the organization of your web site?

A) web log
B) directory tree
C) road map
D) site map
Question
White space that is used deliberately is called ____ white space.

A) passive
B) intentional
C) well-formed
D) active
Question
The goal of information design is to organize your content and present it as a meaningful, ____________________ set of information.
Question
What type of hierarchy should be used to avoid making users navigate too many layers?

A) flat
B) multi-level
C) standard
D) quad
Question
Which of the following is NOT an element of a well-integrated unified site?

A) smooth transitions
B) use of a grid
C) ease of download
D) active white space
Question
Making all functions available from a keyboard is a principle of which of the following?

A) understandable content
B) perceivable content
C) robust content
D) operable content
Question
In a strong periodical-like image, the main page components are ____.

A) graphic
B) textual
C) image-based
D) variable
Question
You can ____ by repeating colors and fonts and by using a page layout that allows information to be organized in a hierarchy.

A) practice consistent placement of page elements
B) provide visual structure
C) create smooth transitions
D) utilize active white space
Question
Where do most users look to find a link to the home page?

A) upper-left corner
B) lower middle
C) upper-right corner
D) center of page
Question
Which of the following includes the blank areas that border the screen or are the result of mismatched shapes?

A) Passive white space
B) Intentional areas
C) Well-formed space
D) Active definitions
Question
What should you divide content into using rules and active white space?

A) paragraphs
B) sections
C) columns
D) rows
Question
Consistency and repetition create smooth _______________ from one page to the next, reassuring viewers that they are traveling within the boundaries of your site, and helping them find information.
Question
Reinforce the identifying ________________  of the site and create smooth transitions from one page to another
Question
The___________ is a conceptual layout device that aligns your page content into columns and rows.
Question
The interface that a user must navigate is often referred to as which of the following?

A) content design
B) pan and zoom
C) look and feel
D) point and click
Question
Designing for ____ means developing web pages that remain accessible despite any physical, sensory, and cognitive disabilities,work constraints, or technological barriers on the part of the user.

A) navigation
B) readability
C) accessibility
D) portability
Question
To achieve _______________ content, provide synchronized alternatives for multimedia.
Question
List and briefly describe the four main WCAG 2.0 guidelines for web content.
Question
Content presentation can become confused when designers do not use enough ____________________ white space to separate and define content.
Question
What is white space? What is the difference between active and passive white space?
Question
When you provide users who have disabilities enough time to read and use content, you are following a WCAG 2.0 guideline of ___________ content.
Question
How can you plan for clear presentation of your information on a web site?
Question
If you are designing a web site for the federal government, you must follow the ________ guidelines.
Question
What are the five points you should keep in mind when designing a site that takes into account user tendencies for interacting with a web site?
Question
How can you create a unified site design?
Question
To provide ___________ content, maximize compatibility with current and future user agents, including assistive technologies.
Unlock Deck
Sign up to unlock the cards in this deck!
Unlock Deck
Unlock Deck
1/50
auto play flashcards
Play
simple tutorial
Full screen (f)
exit full mode
Deck 2: Web Site Design Principles
1
Web pages are stored on which of the following devices?

A) network servers
B) switching stations
C) web servers
D) routing stations
C
2
You should provide direct links to the areas of your site that you feel are most in demand.
True
3
Which type of design allows your web pages to adapt to different screen sizes?

A) simplistic
B) static
C) responsive
D) fluid
C
4
Your ____ is the single most important factor in determining the success of your site.

A) font choice
B) information design
C) number of graphics
D) plug-in requirements
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
5
Where does a browser attempt to load images from before retrieving them from the web?

A) cache
B) proxy
C) file server
D) RAM
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
6
____ are CSS statements that let you specify different style rules for different media destinations.

A) Grids
B) Fonts
C) Media Queries
D) Colors
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
7
Which type of page layout can adapt to different screen resolutions?

A) vertical
B) centered
C) portrait
D) flexible
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
8
Designing for accessibility means that your web page should be reachable despite the conditions of the Internet.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
9
Web pages that have scattered alignments have a more polished look than pages that respect the grid and align different elements.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
10
You web page, if proper coded, will always look the same on every device.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
11
A successful web site need only be well supported by one major browser.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
12
The content of your web page is imposed by the page template you choose.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
13
By specifying a(n) ____ specifically for handheld devices, you can customize the page layout such as by designing the content to appear in a single column or providing navigation customized for smaller screens.

A) style sheet
B) image
C) resolution
D) font
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
14
It is best to group information into large chunks rather than use a lot of hypertext links.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
15
Fixed-width designs tend to have the same proportions as the printed page.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
16
What does your browser do with a page when you visit a web site?

A) files it
B) downloads it
C) uploads it
D) transmits it
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
17
What should you use if you require two presentations of your site to draw from a single source of content?

A) static pages
B) CSS
C) CMS
D) media queries
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
18
The logic for interpreting HTML tags varies from browser to browser.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
19
A computer monitor's ____ is the width and height of the computer screen in pixels.

A) screen resolution
B) display
C) properties
D) screen saver
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
20
You should avoid white space on your web page as much as possible.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
21
As a function of normal, paper-based reading habits, the user's eye moves from ____ and back again.

A) top to bottom
B) bottom to top
C) left to right
D) right to left
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
22
The ____ is a conceptual layout device that organizes the page into columns and rows.

A) grid
B) page template
C) style sheet
D) matrix
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
23
You should provide grounding for the user by placing navigation elements ____ on each page.

A) in different positions
B) at the left
C) at the top
D) in the same position
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
24
Your choices of colors, fonts, graphics, and page layout should communicate a visual ____________________ to users that orients them to your site's content.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
25
What can be used to graphically display the organization of your web site?

A) web log
B) directory tree
C) road map
D) site map
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
26
White space that is used deliberately is called ____ white space.

A) passive
B) intentional
C) well-formed
D) active
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
27
The goal of information design is to organize your content and present it as a meaningful, ____________________ set of information.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
28
What type of hierarchy should be used to avoid making users navigate too many layers?

A) flat
B) multi-level
C) standard
D) quad
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
29
Which of the following is NOT an element of a well-integrated unified site?

A) smooth transitions
B) use of a grid
C) ease of download
D) active white space
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
30
Making all functions available from a keyboard is a principle of which of the following?

A) understandable content
B) perceivable content
C) robust content
D) operable content
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
31
In a strong periodical-like image, the main page components are ____.

A) graphic
B) textual
C) image-based
D) variable
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
32
You can ____ by repeating colors and fonts and by using a page layout that allows information to be organized in a hierarchy.

A) practice consistent placement of page elements
B) provide visual structure
C) create smooth transitions
D) utilize active white space
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
33
Where do most users look to find a link to the home page?

A) upper-left corner
B) lower middle
C) upper-right corner
D) center of page
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
34
Which of the following includes the blank areas that border the screen or are the result of mismatched shapes?

A) Passive white space
B) Intentional areas
C) Well-formed space
D) Active definitions
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
35
What should you divide content into using rules and active white space?

A) paragraphs
B) sections
C) columns
D) rows
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
36
Consistency and repetition create smooth _______________ from one page to the next, reassuring viewers that they are traveling within the boundaries of your site, and helping them find information.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
37
Reinforce the identifying ________________  of the site and create smooth transitions from one page to another
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
38
The___________ is a conceptual layout device that aligns your page content into columns and rows.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
39
The interface that a user must navigate is often referred to as which of the following?

A) content design
B) pan and zoom
C) look and feel
D) point and click
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
40
Designing for ____ means developing web pages that remain accessible despite any physical, sensory, and cognitive disabilities,work constraints, or technological barriers on the part of the user.

A) navigation
B) readability
C) accessibility
D) portability
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
41
To achieve _______________ content, provide synchronized alternatives for multimedia.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
42
List and briefly describe the four main WCAG 2.0 guidelines for web content.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
43
Content presentation can become confused when designers do not use enough ____________________ white space to separate and define content.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
44
What is white space? What is the difference between active and passive white space?
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
45
When you provide users who have disabilities enough time to read and use content, you are following a WCAG 2.0 guideline of ___________ content.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
46
How can you plan for clear presentation of your information on a web site?
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
47
If you are designing a web site for the federal government, you must follow the ________ guidelines.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
48
What are the five points you should keep in mind when designing a site that takes into account user tendencies for interacting with a web site?
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
49
How can you create a unified site design?
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
50
To provide ___________ content, maximize compatibility with current and future user agents, including assistive technologies.
Unlock Deck
Unlock for access to all 50 flashcards in this deck.
Unlock Deck
k this deck
locked card icon
Unlock Deck
Unlock for access to all 50 flashcards in this deck.