True/False
Indicate whether the
statement is true or false.
|
|
|
1.
|
The open area creates space between the content and the border.
|
|
|
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.
|
Completion
Complete each
statement.
|
|
|
10.
|
____________________ enclose both the padding and content areas.
|
|
|
11.
|
____________________ colors are colors that display reliably on all computer
monitors that have 256 colors or less.
|
|
|
12.
|
When choosing a background color, be sure there is enough ____________________,
or perceived color difference, between an element’s background color and any text that displays
on the background.
|
|
|
13.
|
Divs are usually assigned an ____________________ attribute, which is a unique
and specific name,
|
Matching
|
|
|
Referring to the figure below, please identify the letter of the choice that
best matches the numbered area on the screen.
|
|
|
14.
|
page_content div
|
|
|
15.
|
masthead div
|
|
|
16.
|
footer div
|
|
|
17.
|
top_nav div
|
|
|
18.
|
left_col div
|
Multiple Choice
Identify the
choice that best completes the statement or answers the question.
|
|
|
19.
|
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 |
|
|
|
20.
|
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 |
|
|
|
|
|
|
21.
|
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 |
|
|
|
22.
|
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 |
|
|
|
23.
|
While class-based rules are indicated by a period before the selector name
(.highlight, for example), id-based rules are indicated with “____.”
|
|
|
24.
|
The div ____ is used for the main header and branding area for the site.
a. | header | c. | top_nav | b. | masthead | d. | main |
|
|
|
25.
|
The div ____ can be used for horizontal navigation.
a. | page_nav | c. | bottom_nav | b. | top_nav | d. | side_nav |
|
|
|
26.
|
The div ____ refers to the left-hand column.
a. | page_col | c. | right_col | b. | left_col | d. | lefthand_col |
|
|
|
27.
|
The div ____ refers to an area to the right of the column that holds the site
content, both images and text.
a. | page_col | c. | page_area | b. | page_content | d. | page_nav |
|
|
|
28.
|
The div ____ is a div at the bottom of the page that holds text-based navigation
and copyright notice.
a. | page_bottom | c. | page_content | b. | footer | d. | page_end |
|
|
|
29.
|
____ 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 |
|
|
|
30.
|
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 |
|
|
|
31.
|
____ fonts are fonts likely to be available on Windows, Mac, and Linux-based
computer systems.
a. | System | c. | Web-safe | b. | Viewer-safe | d. | Operating
system |
|
|
|
32.
|
____ font families are part of the CSS specification and are displayed if no
other fonts in the list are available.
a. | Sans serif | c. | Alternate | b. | Generic | d. | Extra |
|
|
|
33.
|
A ____ font, such as Courier, has equal space between the characters.
a. | monospace | c. | sans-serif | b. | serif | d. | graphic |
|
|
|
34.
|
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 |
|
|
|
35.
|
By default, browsers display HTML headings as bolder than paragraph text, with
margins on the top and bottom and ____; the displayed font size decreases as the heading level
decreases.
a. | no border | c. | no background color | b. | no image | d. | all of the
above |
|
|
|
36.
|
An id can only be used ____ on a page.
a. | once | c. | three times | b. | twice | d. | four times |
|
|
|
37.
|
Expression Web uses the file path to your data files folder until you ____ the
page.
a. | delete | c. | save | b. | edit | d. | select |
|
|
|
38.
|
Web page ____ generally feature text-only navigation, a copyright notice, and
perhaps links to reference areas such as a privacy policy or contact information.
a. | footers | c. | borders | b. | headers | d. | images |
|
|
|
39.
|
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 |
|
|
|
40.
|
Specifying a height for the div that is the same height as the ____ prevents it
from collapsing and allows the background image to be displayed.
a. | table | c. | image | b. | border | d. | page |
|
|
|
Case Question
Ron is learning about the CSS box model. His
boss has given him the diagram below and asked that he familiarize himself with this graphic.
|
|
|
41.
|
Referring to the figure above, Ron should know that the content area in the CSS
box model contains ____.
a. | image | c. | other content | b. | text | d. | all of the
above |
|
|
|
42.
|
Referring to the figure above, Ron realized that the ____ creates space between
the content and the border.
a. | border | c. | content area | b. | margin area | d. | padding area |
|
|
|
43.
|
Referring to the figure above, Ron is learning that the ____ creates space
surrounding the other three components.
a. | border | c. | content area | b. | margin area | d. | padding area |
|
|
|
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.
|
|
|
44.
|
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 |
|
|
|
45.
|
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 |
|