True/False
Indicate whether the
statement is true or false.
|
|
|
1.
|
Most of the website development process is repetitious.
|
|
|
2.
|
The target audience is composed of the individuals that are intended to use the
website.
|
|
|
3.
|
Defining the intent of a website is an important first step in the development
process.
|
|
|
4.
|
The navigation structure should be sketched before the purpose of a website is
determined.
|
|
|
5.
|
The home page is referred to as a second-level page.
|
|
|
6.
|
A parent page has at least one page below it.
|
|
|
7.
|
A navigation structure shows the pages of the website and how they relate to
each other.
|
|
|
8.
|
A global navigation bar is a column of images.
|
|
|
9.
|
A breadcrumb trail appears on the home page.
|
|
|
10.
|
In a breadcrumb trail, each of the page names is a link to the appropriate page
(except for the current page name.)
|
|
|
11.
|
Each page in a website should contain a link to the home page.
|
|
|
12.
|
A breadcrumb trail is also referred to as a path.
|
|
|
13.
|
The top area of a web page is called a footer.
|
|
|
14.
|
Page layout should be different on each page of a website.
|
|
|
15.
|
There are absolute rules that need to be followed when designing a
website.
|
|
|
16.
|
Photos of football players are appropriate for a web page about
gardening.
|
|
|
17.
|
“Above the fold” refers to placing important elements on a web page
so that they are visible without scrolling.
|
|
|
18.
|
If web page elements are above the fold on your computer, they will be above the
fold on all computers.
|
|
|
19.
|
White space refers to any white objects on a page.
|
|
|
20.
|
The importance of consistency decreases with the number of pages in a
website.
|
|
|
21.
|
The more text there is on a web page, the faster the user will be able to find
what they need.
|
|
|
22.
|
The Files panel is used to create and organize files and folders for the
website.
|
|
|
23.
|
The root folder for a website is created during the site definition
process.
|
|
|
24.
|
Folders are used to organize files.
|
|
|
25.
|
An image in the Assets panel can be dragged into an open web page
document.
|
|
|
26.
|
Several cells in a table can be merged into one cell.
|
|
|
27.
|
In a table, a single cell can be split into three cells.
|
|
|
28.
|
Dreamweaver automatically adds a Library folder to the website root folder when
a library item is created.
|
|
|
29.
|
Library items help maintain consistency in a website.
|
|
|
30.
|
A library item in a web page document can be edited while linked to the original
library item.
|
|
|
31.
|
Library items appear with a yellow background in a browser window.
|
|
|
32.
|
A time stamp changes to reflect the current date a page is modified.
|
|
|
33.
|
Including an e-mail hyperlink to the webmaster is bad design.
|
|
|
34.
|
Websites are entitled to copyright protection.
|
|
|
35.
|
Copyright material can be reproduced only with written permission from the
owner.
|
|
|
36.
|
A website must contain a copyright notice to be entitled to copyright
protection.
|
|
|
37.
|
The number of dots per inch (dpi) in a bitmap graphic is called the
resolution.
|
|
|
38.
|
The GIF format is widely supported by browsers.
|
|
|
39.
|
The PNG format is widely supported by older versions of browsers.
|
|
|
40.
|
The JPG format allows one color in the graphic to be chosen as the transparent
color.
|
|
|
41.
|
Progressive is a JPG file format feature in which a low-quality version of the
JPG graphic appears when a web page is first loaded and then becomes clearer as the page fully
loads.
|
|
|
42.
|
Bitmap graphics are composed of pixels.
|
|
|
43.
|
The smaller the number of dpi, the better the quality of the graphic.
|
|
|
44.
|
GIF graphics can be interlaced.
|
|
|
45.
|
Alternative text is read by a voice synthesizer.
|
|
|
46.
|
Alternative text is displayed as a screen tip when the pointer pauses on the
image.
|
|
|
47.
|
A graphic hyperlink is blue and underlined.
|
|
|
48.
|
A graphic can be formatted as a hyperlink.
|
|
|
49.
|
A web page can only have one image map.
|
|
|
50.
|
A hotspot is an invisible, defined area on a graphic that is a hyperlink.
|
|
|
51.
|
A hotspot is a behavior.
|
|
|
52.
|
Hotspots have to perfectly cover an area of the graphic.
|
|
|
53.
|
A spacer GIF is visible in a browser window.
|
|
|
54.
|
A spacer GIF is used to control the layout of a table.
|
|
|
55.
|
The alignment of an image within a cell can be changed.
|
|
|
56.
|
Dragging the handle of an image while pressing the Shift key stretches the
image, causing distortion.
|
|
|
57.
|
Resampling an image changes the size of the file.
|
|
|
58.
|
If an image is proportionately sized, the width and height remain in the same
ratio.
|
|
|
59.
|
Stretching an image results in a distorted image.
|
|
|
60.
|
The resolution for an image used in a web page should be 72 Pixels/Inch.
|
|
|
61.
|
A vector graphic can be resized smoothly.
|
|
|
62.
|
A vector graphic is composed of rows and columns of tiny dots.
|
|
|
63.
|
Bitmap graphics have smaller file sizes than vector graphics.
|
|
|
64.
|
A transparent color selection indicates no color.
|
|
|
65.
|
Changing the Tip size affects the thickness of the shape’s stroke or line
in pixels.
|
|
|
66.
|
Text can be added to the Fireworks canvas as a separate object.
|
|
|
67.
|
A text block in Fireworks cannot be moved.
|
|
|
68.
|
Objects in Fireworks can be aligned with respect to each other.
|
|
|
69.
|
The size of the Fireworks canvas be changed to accommodate the size of the
image.
|
|
|
70.
|
The Fireworks canvas is always set to transparent for JPG graphics.
|
|
|
71.
|
An optimized image has the best possible quality.
|
|
|
72.
|
The smaller the file size, the faster the web page will load in a
browser.
|
|
|
73.
|
The Export Wizard changes the dimensions of the canvas size.
|
|
|
74.
|
An image with a transparent background will be able to blend in with the
background of a web page.
|
|
|
75.
|
Website images should be organized in an images folder.
|
|
|
76.
|
On a web page, a button typically represents a graphic hyperlink.
|
|
|
77.
|
A series of buttons can be used to create a navigation bar.
|
|
|
78.
|
Slicing is the way Fireworks divides an image so that interactivity can be
assigned.
|
|
|
79.
|
A symbol placed on a canvas has to have its link broken to be edited.
|
|
|
80.
|
Several objects can be converted to a single symbol.
|
|
|
81.
|
A document can contain many instances of a symbol.
|
|
|
82.
|
The default behavior for a button symbol is swap image.
|
|
|
83.
|
A button symbol has four states.
|
|
|
84.
|
The Down state is also called the normal state.
|
|
|
85.
|
A button is in the Up state when a pointer is moved over it.
|
|
|
86.
|
Exporting a Fireworks document with symbol instances generates one file.
|
|
|
87.
|
The appearance of a button state has to be changed in Fireworks.
|
|
|
88.
|
Once a cropped image is saved in Fireworks, the trimmed areas cannot be
restored.
|
|
|
89.
|
An image can be cropped in both Fireworks and Dreamweaver.
|
|
|
90.
|
The Fireworks application can be started from Dreamweaver if an image in
Dreamweaver needs to be edited.
|
|
|
91.
|
Typography helps to convey a specific message to the audience.
|
|
|
92.
|
Arial is a typeface.
|
|
|
93.
|
12 point Times New Roman bold is a font.
|
|
|
94.
|
Serifs are the small extensions found on the end of letters.
|
|
|
95.
|
In order for a font to display correctly in a browser, the user must have the
font installed on their computer.
|
|
|
96.
|
Sans serif fonts are easy to read on a monitor.
|
|
|
97.
|
Text in all capital letters is easier to read than text in lowercase
letters.
|
|
|
98.
|
Dreamweaver only lists commonly available fonts in the Font menu.
|
|
|
99.
|
Serif fonts should be used for any text that is in a very small size.
|
|
|
100.
|
Serifs are the small extensions found at the ends of the strokes of
characters.
|
|
|
101.
|
The size of printed text is measured in points.
|
|
|
102.
|
Monitors display in pixels.
|
|
|
103.
|
Fonts specified as a percentage are referred to as “fixed
fonts.”
|
|
|
104.
|
Text in the breadcrumb trail should be slightly smaller than text in the top
global navigation bar.
|
|
|
105.
|
Sans serif fonts should be used for text that is a very small size.
|
|
|
106.
|
Line height refers to how tall the characters are.
|
|
|
107.
|
Underline style should not be applied to text unless it is a hyperlink.
|
|
|
108.
|
Centered alignment is the most readable for paragraph text.
|
|
|
109.
|
The W3C recommends the CSS2 style sheet language.
|
|
|
110.
|
A CSS style sheet is saved outside the website folder.
|
|
|
111.
|
A style sheet defines the type, paragraph, and page formats for a web page
document.
|
|
|
112.
|
A style sheet can only be applied to the home page of a website.
|
|
|
113.
|
In a CSS rule, a declaration is the HTML element being redefined.
|
|
|
114.
|
Declarations are used to define the formats in a style sheet.
|
|
|
115.
|
If a rule is used to redefine the p tag, any text on the linked web page
document that is within <p>
and </p> will be
automatically formatted.
|
|
|
116.
|
Class names must begin with a dot.
|
|
|
117.
|
When a class style is created, it is automatically applied to any selected
text.
|
|
|
118.
|
Classes override rules.
|
|
|
119.
|
Automatically generated class styles are placed in an internal style sheet in
the current web page.
|
|
|
120.
|
The  button in the Text category in the Insert bar is used to insert <h1> and </h1> around selected text.
|
|
|
121.
|
A style can be duplicated.
|
|
|
122.
|
More than one heading level can be applied to a line of text.
|
|
|
123.
|
Heading 1 tags can be redefined to a different font size.
|
|
|
124.
|
Multiple blockquote tags can be inserted to increase the indentation of a
paragraph.
|
|
|
125.
|
The Unordered List button creates a numbered list.
|
|
|
126.
|
Blue is a warm color.
|
|
|
127.
|
Yellow paragraph text is tiring to read.
|
|
|
128.
|
The top and local navigation bars should be in a different color than the
background for maximum usability.
|
|
|
129.
|
The background of a web page document is changed by redefining the head
tag.
|
|
|
130.
|
Text can be displayed in a color other than black.
|
|
|
131.
|
A link to a named anchor typically causes a page to scroll.
|
|
|
132.
|
Hyperlink colors are changed by creating a CSS selector style.
|
|
|
133.
|
Notepad is a text editor.
|
|
|
134.
|
Tables are the only way to control the layout of elements on a web page.
|
|
|
135.
|
Absolute positioning allows an element to be placed at a specific location on a
web page.
|
Multiple Choice
Identify the
choice that best completes the statement or answers the question.
|
|
|
136.
|
The target audience refers to
a. | the individuals who work with the Information Architect. | b. | the individuals that
are intended to use the website. | c. | the web hosts. | d. | the owners of the
website. |
|
|
|
137.
|
The text, images, and other objects presented to the user on a web page are
called the
a. | home page. | c. | content. | b. | navigation structure. | d. | target
audience. |
|
|
|
138.
|
A top global navigation bar typically contains a link to each page on
a. | the first and second levels of the navigation structure. | b. | the second level of
the navigation structure. | c. | the third level of the navigation
structure. | d. | all levels of the navigation structure. |
|
|
|
139.
|
Which navigation bar displays the path from the home page to the current page
based on the navigation structure?
a. | top global navigation bar | c. | breadcrumb
trail | b. | local navigation bar | d. | bottom global navigation bar |
|
|
|
140.
|
Which element appears at the bottom of the page and contains a global navigation
bar?
a. | header | c. | breadcrumb trail | b. | footer | d. | content |
|
|
|
141.
|
Which design concept refers to how well the elements in the website match the
purpose and target audience?
a. | appropriateness | c. | placement | b. | consistency | d. | usability |
|
|
|
142.
|
Which design concept refers to the layout of the web page elements?
a. | appropriateness | c. | placement | b. | consistency | d. | usability |
|
|
|
143.
|
White space refers to
a. | a website that uses a white font on a dark background. | b. | any blank area on a
page, regardless of the color. | c. | any plain white area on a
page. | d. | a website under construction. |
|
|
|
144.
|
Which design concept refers to repeating the placement and use of elements in
web pages?
a. | appropriateness | c. | placement | b. | consistency | d. | usability |
|
|
|
145.
|
Which is a pattern or object that the user sees and identifies quickly after
repeated use?
a. | above the fold | c. | white space | b. | footer | d. | visual cue |
|
|
|
146.
|
Which design concept refers to how well the user can navigate through the pages
of a website to find the desired information?
a. | appropriateness | c. | placement | b. | consistency | d. | usability |
|
|
|
147.
|
Which key is held down while selecting files so that several files can be
selected at once?
|
|
|
148.
|
Which panel lists objects that are available in the website?
a. | Assets panel | c. | Files panel | b. | Tools panel | d. | Insert panel |
|
|
|
149.
|
Which panel helps to maintain website content consistency?
a. | Assets panel | c. | Files panel | b. | Tools panel | d. | Insert panel |
|
|
|
150.
|
A bottom global navigation bar typically contains a link to each page on
a. | the first and second levels of the navigation structure. | b. | the second level of
the navigation structure. | c. | the third level of the navigation
structure. | d. | all levels of the navigation structure. |
|
|
|
151.
|
A local navigation bar typically contains a link to the
a. | first and second level pages of the navigation structure. | b. | second level pages
of the navigation structure. | c. | parent pages of the current
page. | d. | child pages of the current page. |
|
|
|
152.
|
Which file format is best used with graphics that do not contain many colors,
such as clip art?
|
|
|
153.
|
Which file format is best used with photographs?
|
|
|
154.
|
Which file format is only supported by the newest browsers?
|
|
|
155.
|
Which file format feature reduces the file’s size?
a. | compression | c. | resample | b. | dots per inch | d. | stretch |
|
|
|
156.
|
What should be added to every image in a web page?
a. | alternative text | c. | a border | b. | a sound file | d. | a link to text describing the
image |
|
|
|
157.
|
 Which Property inspector box is used to
create the screen tip shown above?
|
|
|
158.
|
What happens when the pointer moves over a graphic hyperlink?
a. | The graphic border changes to blue and underlined. | b. | The pointer changes
to a  and the images’s alternative text is
displayed. | c. | The graphic changes to grayscale. | d. | Nothing
happens. |
|
|
|
159.
|
A hotspot is created by
a. | pressing F4. | c. | clicking the Spot button. | b. | importing an HSP
graphic. | d. | using a Hotspot
tool. |
|
|
|
160.
|
A graphic that contains several hyperlinks is called a(n)
a. | graphic map. | c. | multilink graphic. | b. | image map. | d. | text hyperlink. |
|
|
|
161.
|
The size of an image file is changed and the pixels are correctly adjusted
by
a. | resampling. | c. | stretching. | b. | resizing. | d. | resetting. |
|
|
|
162.
|
Which application is the image editing application in the Macromedia Studio MX
2004 suite?
a. | Dreamweaver | c. | Flash | b. | Fireworks | d. | Cold Fusion |
|
|
|
163.
|
Which property sets the color that will fill the shape?
a. | Fill Color | c. | Tip size | b. | Stroke Color | d. | Background
Color |
|
|
|
164.
|
Which property sets the color that will outline the shape?
a. | Fill Color | c. | Tip size | b. | Stroke Color | d. | Background
Color |
|
|
|
165.
|
Which property sets the thickness of an outline or a straight line?
a. | Fill Color | c. | Tip size | b. | Stroke Color | d. | Background
Color |
|
|
|
166.
|
In Fireworks, symbols appear in the
a. | Library panel. | c. | Property inspector. | b. | Tools panel. | d. | Answers panel. |
|
|
|
167.
|
A copy of a symbol is called a(n)
a. | slice. | c. | linked symbol. | b. | instance. | d. | state. |
|
|
|
168.
|
Which is used to increase the size of the canvas enough to fit all of the
objects?
a. | Canvas
Color | c. | Fit
Canvas | b. | Canvas Size | d. | Trim Canvas |
|
|
|
169.
|
A behavior is
a. | the method of previewing a button. | b. | the way Fireworks divides an image so that
interactivity can be assigned. | c. | how a symbol interacts with the
user. | d. | a copy of a symbol. |
|
|
|
170.
|
Which state is also called the normal state?
a. | Up state | c. | Down state | b. | Over state | d. | Over While Down
state |
|
|
|
171.
|
Which state occurs when a button is clicked?
a. | Up state | c. | Down state | b. | Over state | d. | Over While Down
state |
|
|
|
172.
|
Which state occurs when the pointer is not over the button or it is not
clicked?
a. | Up state | c. | Down state | b. | Over state | d. | Over While Down
state |
|
|
|
173.
|
Which Dreamweaver panel displays all the states for a selected button?
a. | Assets panel | c. | Files panel | b. | Behaviors panel | d. | Library panel |
|
|
|
174.
|
Which technique trims away areas of an image?
a. | slicing | c. | optimizing | b. | exporting | d. | cropping |
|
|
|
175.
|
Which tool is the Crop tool?
|
|
|
176.
|
The arrangement, shape, size, style, and weight of text is called
a. | serif. | c. | roman. | b. | leading. | d. | typography. |
|
|
|
177.
|
Typeface refers to
a. | the arrangement of text. | b. | the weight of text. | c. | a set of letters
drawn in a specific style. | d. | a set of capitalized
letters. |
|
|
|
178.
|
What is the maximum number of fonts that should be used on a single web
page?
|
|
|
179.
|
One point is equal to
a. | 1 inch. | c. | 1/36 of an inch. | b. | 1/2 of an inch. | d. | 1/72 of an
inch. |
|
|
|
180.
|
In Dreamweaver, text size could be specified as
I. 2
in.
II. 75%.
III. large.
a. | II only | c. | II and III only | b. | I and II only | d. | I, II, and III |
|
|
|
181.
|
Which font size is recommended as a good choice for paragraphs of text on a web
page?
a. | 8 pixels | c. | 36 pixels | b. | 14 pixels | d. | 72 pixels |
|
|
|
182.
|
The distance from one line of text to another is referred to as the
a. | type size. | c. | type style. | b. | line height. | d. | typography. |
|
|
|
183.
|
Which extension is a style sheet saved with?
|
|
|
184.
|
Which panel is used to link, create, and modify style sheets?
a. | the Assets panel | c. | the Files panel | b. | the CSS Styles panel | d. | the Reports
panel |
|
|
|
185.
|
Style sheets cascade, which means
a. | rules from one style sheet can be applied in addition to those in another style
sheet. | b. | more than one style sheet can be open at a time. | c. | one style sheet can
be applied to all pages in a website. | d. | they appear in a cascading font in the CSS
Styles panel. |
|
|
|
186.
|
Which modifies an HTML element and is comprised of a selector and
declarations?
a. | a class | c. | a rule | b. | a font family | d. | a format |
|
|
|
187.
|
Which item is selected from the
Tag list when redefining the HTML paragraph tag?
a. | body | c. | p | b. | font | d. | heading 1 |
|
|
|
188.
|
Which Type
attribute is used for selecting the thickness of text?
a. | Size | c. | Weight | b. | Style | d. | Text align |
|
|
|
189.
|
A set of declarations that can be applied to different tags is called a
a. | class. | c. | selector. | b. | rule. | d. | attribute. |
|
|
|
190.
|
Which tag displays selected text as italic?
a. | <em> | c. | <strong> | b. | <italic> | d. | <css bold> |
|
|
|
191.
|
Which heading tag has the smallest font size?
|
|
|
192.
|
In a web page document, an entire paragraph is indented by making it a
a. | quotation. | c. | heading. | b. | blockquote. | d. | text block. |
|
|
|
193.
|
Which type of list shows a priority of importance for each step?
a. | a bulleted list | c. | a to-do list | b. | a list style | d. | a numbered list |
|
|
|
194.
|
Which type of list is a set of items where each item is equally
important?
a. | a bulleted list | c. | a to-do list | b. | a list style | d. | a numbered list |
|
|
|
195.
|
Which color combination would be the easiest for the user to read?
a. | red text on a green background | c. | black text on a white
background | b. | white text on a blue background | d. | yellow text on a green
background |
|
|
|
196.
|
Colors that are directly opposite each other on a color wheel are
a. | analogous colors. | c. | triads. | b. | complementary colors. | d. | warm colors. |
|
|
|
197.
|
Three adjacent colors on a color wheel are
a. | analogous colors. | c. | triads. | b. | complementary colors. | d. | warm colors. |
|
|
|
198.
|
Hyperlinks to different parts of the same page are linked to
a. | an external URL. | c. | a named anchor. | b. | another web page document. | d. | a CSS rule. |
|
|
|
199.
|
Which term refers to text content?
a. | copy | c. | element | b. | file | d. | triad |
|
Completion
Complete each
statement.
|
|
|
200.
|
The two stages of website development are ____________________ and
implementation.
|
|
|
201.
|
A ____________________ cue is a pattern or object that the user sees and
identifies quickly after repeated use.
|
|
|
202.
|
Both GIF and JPG formats are ____________________ graphics, which are composed
of rows and columns of tiny dots.
|
|
|
203.
|
Adding ____________________ text to an image provides text for voice
synthesizers.
|
|
|
204.
|
An image map is a graphic that contains one or more ____________________.
|
|
|
205.
|
A spacer GIF consists of ____________________ pixel.
|
|
|
206.
|
The ____________________ of a selected image can be changed to left, center, or
right.
|
|
|
207.
|
Fireworks documents are automatically saved in ____________________
format.
|
|
|
208.
|
The rectangular area in Fireworks where an image is created is called the
____________________.
|
|
|
209.
|
Before exporting a Fireworks document so that it can be used in Dreamweaver, it
should be ____________________ using the Export Wizard.
|
|
|
210.
|
Line height is determined by the type size and the line
____________________.
|
|
|
211.
|
Normal, regular, roman, or book style all refer to ____________________
type.
|
|
|
212.
|
A ____________________ is comprised of a selector and declarations.
|
|
|
213.
|
A set of declarations that can be applied to different tags is called a
____________________.
|
|
|
214.
|
In the CSS Styles Definition dialog box, both the ____________________ and Block
categories have attributes that can apply to headings.
|
Matching
|
|
|
Match the letter with the corresponding type of alignment:
|
|
|
215.
|
justified alignment
|
|
|
216.
|
right alignment
|
|
|
217.
|
centered alignment
|
|
|
218.
|
left alignment
|
Short Answer
|
|
|
219.
|
List an example question that could be asked to define a target audience.
|
|
|
220.
|
Sketch a navigation structure for a website that has a top-level home page, and
second-level pages named products, location, and service. The location page has a child page named
map.
|
|
|
221.
|
List the four basic concepts to consider when designing a web page.
|
|
|
222.
|
List one reason why an image should be optimized.
|
|
|
223.
|
List the four states of a button symbol.
|
|
|
224.
|
List four paragraph alignments.
|
|
|
225.
|
Explain two reasons why a style sheet should be used to format a website.
|