True/False
Indicate whether the
statement is true or false.
|
|
|
1.
|
CSS presentation and layout is based on the CSS box model.
|
|
|
2.
|
For every element, you can apply different padding, border, and margin
properties to each of the four sides of the box.
|
|
|
3.
|
An element can have more than one background image.
|
|
|
4.
|
When you want to exactly match the color in an existing style rule or image, the
eyedropper tool is your best bet.
|
|
|
5.
|
Cell phones or handhelds can display more colors than the typical computer
monitor.
|
|
|
6.
|
If you don’t specify a value for borderstyle, the border will still
display.
|
|
|
7.
|
Usually designers de-emphasize the footer by making the text smaller and less
noticeable so it doesn’t distract from other, more important content on the page.
|
|
|
8.
|
Unlike the list or paragraph element, the div element does not have a specific
semantic meaning.
|
|
|
9.
|
When writing a style rule you should specify a prioritized list of fonts, known
as a font grouping, instead of a single font, in case the visitor’s computer doesn’t have
a particular font installed.
|
|
|
10.
|
Navigation labels should be as long as they need to be, so there is no need to
be short and succinct.
|
|
|
11.
|
Using text instead of graphics for navigation affords you much more flexibility
in your font choices.
|
|
|
12.
|
Because Expression Web actually creates an image of the text, you are not
limited to using Web-safe fonts.
|
|
|
13.
|
Maintaining a consistent look among the buttons in a navigation bar makes a Web
site easier to navigate and your design more cohesive.
|
|
|
14.
|
Once you have created one interactive button that you like, the easiest way to
create the others is to remember what you did the first time and follow those steps again from the
beginning.
|
|
|
15.
|
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.
|
|
|
16.
|
As a site’s complexity and diversity of content increase, it becomes less
challenging to design navigation that is simple and easy to use.
|
|
|
17.
|
Visitors can easily feel disoriented on sites they are not familiar with, but
links that are similar on every page can help to build their sense of familiarity and encourage them
to explore the entire site.
|
Matching
|
|
|
Referring to the figure below, please identify the letter of the choice that
best matches the numbered area on the screen.
|
|
|
18.
|
page_content div
|
|
|
19.
|
masthead div
|
|
|
20.
|
footer div
|
|
|
21.
|
top_nav div
|
|
|
22.
|
left_col div
|
|
|
Referring to the figure below, please identify the letter of the choice that
best matches the numbered area on the screen.
|
|
|
23.
|
Where you would make the text bold
|
|
|
24.
|
Where you would change the font to Times New Roman
|
|
|
25.
|
Where you would change the font size
|
|
|
26.
|
Where you would align the text to the right edge of the button
|
|
|
27.
|
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.
|
|
|
28.
|
When using a CSS box model, the optional components do not appear unless
specified in a ____.
a. | CSS rule | c. | style rule | b. | CSS definition | d. | style
definition |
|
|
|
29.
|
When using a CSS box model, the ____ area creates space surrounding the other
three components (borders, padding, and content).
a. | margin | c. | file | b. | bounding box | d. | design |
|
|
|
30.
|
When you create a Web page using one of Expression Web’s CSS layouts, the
new page is structured with the divs included in that layout, and the divs are placed according to
the rules of the ____ assigned to that page.
a. | margin sheet | c. | CSS tag | b. | style sheet | d. | HTML tag |
|
|
|
31.
|
A ____ is a generic HTML container element that is often used for layout and
positioning.
|
|
|
32.
|
Elements that don’t contain ____ or have any specified dimensions collapse
and are not visible on the page.
a. | content | c. | style tags | b. | graphics | d. | HTML rules |
|
|
|
|
|
|
33.
|
Referring to the figure above, what type of colors are the colors on the
left?
a. | content colors | c. | alternate colors | b. | Web-safe colors | d. | primary colors |
|
|
|
34.
|
Referring to the figure above, if you were to use the eyedropper tool and select
a color on your Web page, in what area of the dialog box would the Hex value appear?
a. | New | c. | Name | b. | Current | d. | Value |
|
|
|
35.
|
While class-based rules are indicated by a period before the selector name
(.highlight, for example), id-based rules are indicated with “____.”
|
|
|
36.
|
____ controls whether the image scrolls with the element’s content or
stays fixed as the content scrolls over it.
a. | Background-attachment | c. | (Y) Background-position | b. | (X)
Background-position | d. | Background-repeat |
|
|
|
37.
|
(X) background-position and (y) background-position control where the image is
placed relative to the element’s left edge and ____ edge, respectively.
a. | right | c. | bottom | b. | top | d. | all of the
above |
|
|
|
38.
|
Colorful borders can serve to ____.
a. | enhance the visual design of a site | c. | act as visual separators on the
page | b. | draw attention to a particular area | d. | all of the
above |
|
|
|
39.
|
Only three ____ font families are consistently understood by browsers and
therefore safe to use—serif, sans serif, and monospace.
a. | Picture | c. | Alternate | b. | Generic | d. | Extra |
|
|
|
40.
|
A ____ font, such as Arial, has no strokes at the end of the character.
a. | monospace | c. | serif | b. | sans-serif | d. | graphic |
|
|
|
|
|
|
41.
|
If a font is installed on your computer, and not in the Add Font list, then
____.
a. | it is not available for use | b. | it can be added by typing the name in the Add
font text box | c. | it can be added by typing the name in the Select font family list | d. | it can be added by
typing the name directly in the Add Font list |
|
|
|
42.
|
In the figure above, to move quickly to a font in the list you should
____.
a. | type the first few letters of the name in the text box | b. | double-click the
mouse in the text box and then enter the first letter | c. | type the first few letters of the name in the
font list | d. | double-click the mouse in the font list and then enter the first
letter |
|
|
|
43.
|
Referring to the figure above, you can see that the guidelines for creating a
font-family list were followed. Each font family ends with a ____.
a. | font you prefer | c. | generic font family | b. | Web-safe font for Windows and
Mac | d. | the word
“family” |
|
|
|
44.
|
A ____ font, such as Courier, has equal space between the characters.
a. | monospace | c. | sans-serif | b. | serif | d. | graphic |
|
|
|
45.
|
In the printing world, conventional wisdom holds that ____ fonts are better than
sans serif fonts for body text because they are easier to read.
a. | serif | c. | graphic | b. | monospace | d. | red |
|
|
|
46.
|
Expression Web uses the file path to your data files folder until you ____ the
page.
a. | delete | c. | save | b. | edit | d. | select |
|
|
|
47.
|
The background image is not considered content, because it’s part of the
style rule and not part of the ____.
a. | CSS element | c. | Footer element | b. | Header element | d. | HTML element |
|
|
|
Case Question
Lauren is deciding which colors to use in her new Web
site. She has heard from some people that she should use Web-safe colors, and from others that it is
not important. Please answer the two questions below.
|
|
|
48.
|
Lauren knows that her Web site will be used extensively on cellphones and
handhelds. In this circumstance you would recommend that she use ____.
a. | the 256 Web-safe colors | b. | the 512 Web-safe colors | c. | the 256
cellphone/handheld specific colors | d. | any colors |
|
|
|
49.
|
Lauren knows that using Web-safe colors was very important in the early days of
Web design. She asks you “How many colors do most monitors display now?” Your
answer is ____.
a. | hundreds | c. | millions | b. | thousands | d. | billions |
|
|
|
50.
|
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 |
|
|
|
51.
|
____ 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 |
|
|
|
52.
|
The ____ state appears when a visitor is not interacting with the button.
a. | original | c. | hover | b. | clicked | d. | pressed |
|
|
|
53.
|
The ____ state appears when a visitor points to or hovers over the image.
a. | original | c. | hover | b. | clicked | d. | pressed |
|
|
|
54.
|
The ____ state appears while a visitor is clicking the button.
a. | hover | c. | clicked | b. | pressed | d. | original |
|
|
|
55.
|
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 |
|
|
|
56.
|
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 |
|
|
|
57.
|
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 |
|
|
|
58.
|
____ 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 |
|
|
|
|
|
|
59.
|
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 |
|
|
|
60.
|
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 |
|
|
|
61.
|
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 |
|
|
|
62.
|
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 |
|
|
|
63.
|
Referring to the figure above, the gray area that lists “Movies by
Genre” is considered to be navigation that is added ____.
a. | first, as the primary navigation | b. | when the primary, global navigation is not
adequate | c. | only on smaller sites | d. | none of the
above |
|
|
|
64.
|
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. |
|
|
|
65.
|
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. |
|