Web Design Introductory 6th Edition Campbell Test Bank

Web Design Introductory 6th Edition
Campbell Test Bank

Visit to Download in Full: https://testbankdeal.com/download/web-design-introductory-
6th-edition-campbell-test-bank/
Name: Class: Date:
Chapter 05: Typography and Images

Multiple Choice
1. The appearance and arrangement of characters commonly is referred to as _______.

a. type
b. text
c. typeset
d. track
ANSWER: a
POINTS: 1
REFERENCES: 128
Webpage Typography Issues
QUESTION TYPE: Multiple Choice
HAS VARIABLES: False
DATE CREATED: 2/7/2017 12:34 PM
DATE MODIFIED: 2/7/2017 12:36 PM
2. Which of the following characteristics define type?

a. color
b. style
c. size
d. All of the above are used to define type.
ANSWER: d
POINTS: 1
REFERENCES: 128
3. ______ refers to the amount of vertical spacing between lines of text.

a. Leading
b. Tracking
c. Kerning
d. Indenting
ANSWER: a
POINTS: 1
REFERENCES: 128
Font Sizes and Styles
Copyright Cengage Learning. Powered by Cognero. Page 1

Name: Class: Date:

4. ______ is a spacing technique that allows designers to squeeze or stretch text to fit in a specific amount of space.
a. Leading
b. Tracking
c. Kerning
d. Indenting
ANSWER: b
POINTS: 1
REFERENCES: 128
5. ______ adds or removes space between two individual characters.

a. Leading
b. Tracking
c. Kerning
d. Indenting
ANSWER: c
POINTS: 1
REFERENCES: 128

Name: Class: Date:
6.
Which font in the figure above is an example of a monospace font?

a. Tahoma
b. Georgia
c. Ravie
d. Courier New
ANSWER: d
POINTS: 1
REFERENCES: 128

Name: Class: Date:
7.
Which font in the figure above is an example of a serif font?

a. Tahoma
b. Georgia
c. Ravie
d. Courier New
ANSWER: b
POINTS: 1
REFERENCES: 128

Name: Class: Date:
8.
Which font in the figure above is an example of a fantasy font?

a. Tahoma
b. Georgia
c. Ravie
d. Courier New
ANSWER: c
POINTS: 1
REFERENCES: 128
9. A(n) ______ is the digital file that specifies the combination of character data.
a. typeface
b. font
c. serif
Name: Class: Date:

d. font-family
ANSWER: b
POINTS: 1
REFERENCES: 129
Font Selection and Web Design
10. Which of the following best defines a font family?

a. CSS specification that identifies the preferred font as well as backup fonts.
b. A list of web-safe fonts.
c. A font standard that includes compression.
d. An embedded font, specified in the CSS for a webpage.
ANSWER: a
POINTS: 1
REFERENCES: 131
11. Which of the following best defines an embedded font?

a. CSS specification that identifies the preferred font as well as backup fonts.
b. A list of web-safe fonts.
c. A font standard that includes compression.
d. A font, specified in the CSS for a webpage, that must be downloaded to the user's device.
ANSWER: d
POINTS: 1
REFERENCES: 131
12. Why does the W3C recommend the WOFF font packaging format?
a. Because it can be red by Windows and Macintosh systems.
b. Because it includes compression.
c. Because it can be embedded into a webpage's CSS specifications.
d. All of the above.
Name: Class: Date:

ANSWER: b
POINTS: 1
REFERENCES: 131
13. ______ font sizes do not change when viewed on different screen sizes.
a. Relative
b. Absolute
c. Responsive
d. Static
ANSWER: b
POINTS: 1
REFERENCES: 131
14. Which of the following best defines how rems are used for flexible font sizing.
a. A rem gives a maximum and minimum pixel size for headings and context fonts.
b. Compression is used to reduce or expand font size to match the user's screen.
c. Font size is determined by the user's browser settings, which override the CSS-specified sizes.
d. The font size specified in the HTML document's top-level heading becomes the standard.
ANSWER: d
POINTS: 1
REFERENCES: 131
15. A(n) ______ font is designed especially for a brand.

a. business
b. specialty
c. proprietary
d. restricted
ANSWER: c
Name: Class: Date:

POINTS: 1
REFERENCES: 133
Image Text
16. What is the name of the box in which you edit and format text for a text image?
a. text box
b. bounding box
c. logo box
d. font box
ANSWER: b
POINTS: 1
REFERENCES: 133
Image Text
17. Which of the following best describes a hero image?

a. A large, banner-type image used primarily as the center image on a website's homepage.
b. A lightly-colored watermark image used as a website template's background.
c. A logo saved as text to avoid using an embedded font.
d. An image to which you own the copyrights and can use without restriction.
ANSWER: a
POINTS: 1
REFERENCES: 134
Webpage Images
18. Most standalone digital cameras, and virtually all smartphones, include ______ or other wireless transfer capabilities.
a. infrared
b. radio waves
c. Bluetooth
d. microwaves
ANSWER: c
POINTS: 1
Name: Class: Date:

REFERENCES: 135
Digital Cameras
19. What type of software are SnagIt and FullShot?

a. photo sharing
b. image-editing
c. screen capture
d. digital photography
ANSWER: c
POINTS: 1
REFERENCES: 136
Screen Capture and Illustration Software

Name: Class: Date:
20.
What type of software is shown in the figure above?

a. photo sharing
b. image-editing
c. illustration
d. digital photography
Name: Class: Date:

ANSWER: c
POINTS: 1
REFERENCES: 136
21. Which measurement is equal to a million pixels?

a. megapixel
b. millipixel
c. minipixel
d. magmapixel
ANSWER: a
POINTS: 1
REFERENCES: 137
22. A(n) ______ is a computer input device that reads printed text, images, or objects and translates the results into a
digital file.
a. screen capture
b. scanner
c. digital reader
d. e-book
ANSWER: b
POINTS: 1
REFERENCES: 137
23. Which of the following best describes the purpose of the Morguefile.com website?
a. Captures webpages at a certain point in time in order for designers to compare past versions.
b. Stores user-uploaded photos so they can print or share them.
c. An archive of artist-provided images available for free with limited copyright restrictions.
d. Allows designers to access discarded web templates and webpage content elements for use.

Name: Class: Date:

ANSWER: c
POINTS: 1
REFERENCES: 137
24. The ______ tags instruct a website to display different image size or formats (or no image) based on the size of the
screen.
a. <picture>...</picture>
b. <canvas>...</canvas>
c. <screen>...</screen>
d. <image>...</image>
ANSWER: a
POINTS: 1
REFERENCES: 138
Image File Formats
25. Which is another term for a raster image?

a. pixelated
b. zoomed
c. bitmap
d. compressed
ANSWER: c
POINTS: 1
REFERENCES: 139
Image File Formats
26. Raster images consist of a series of ______.

a. layers
b. em units
c. bits
d. pixels

Name: Class: Date:

ANSWER: d
POINTS: 1
REFERENCES: 139
Image File Formats
27.
Which font in the figure above is an example of a sans serif font?

a. Tahoma
b. Georgia
c. Ravie
d. Courier New
ANSWER: a
POINTS: 1
REFERENCES: 128
Name: Class: Date:

28. Rasterizing is the process of creating an image one ______ at a time.

a. megabyte
b. bit
c. GIF
d. map
ANSWER: b
POINTS: 1
REFERENCES: 139
Image File Formats
29. Which of the following is the file extension for Google's bitmap image format?
a. .psd
b. .bmp
c. .jpg
d. .webp
ANSWER: d
POINTS: 1
REFERENCES: 139
Image File Formats
30. Which of the following is the file extension for Adobe's bitmap image format?
a. .psd
b. .bmp
c. .jpg
d. .webp
ANSWER: a
POINTS: 1
REFERENCES: 139
Image File Formats
Name: Class: Date:

31. Which of the following is NOT true about vector images?

a. They are saved in a web-ready format.
b. They are resolution-independent.
c. You can create vector images using illustration software.
d. They are created by combining shapes, curves, and lines.
ANSWER: a
POINTS: 1
REFERENCES: 140
Image File Formats
32. Which of the following best defines antialiasing?

a. Creating a web-ready image one pixel at a time.
b. A technique for smoothing jagged edges by adding shaded pixels.
c. Compressing an image for mobile-devices.
d. The method web servers use to determine which version of an image to display based on the user's browser.
ANSWER: b
POINTS: 1
REFERENCES: 140
Graphics Image Format (GIF)
33. A(n) ______ GIF image appears on the screen in a sequence of passes.
a. interlaced
b. transparent
c. rasterized
d. antialiased
ANSWER: a
POINTS: 1
REFERENCES: 141
Name: Class: Date:

34. To create a(n) ______ GIF image, you can specify that the webpage remove a specific color.
a. interlaced
b. transparent
c. invisible
d. opaque
ANSWER: b
POINTS: 1
REFERENCES: 141
35. Most people refer to JFIF images as ______.

a. JPEGs
b. vector images
c. PNGs
d. WebPs
ANSWER: a
POINTS: 1
REFERENCES: 141
JPEG File Interchange Format (JFIF)
36. The ______ format has superior transparency capabilities compared to other formats.
a. JPEG
b. PNG
c. BMP
d. GIF
ANSWER: b
POINTS: 1
REFERENCES: 141
Portable Network Graphics (PNG) Format
Name: Class: Date:

37. Use the ______ format for basic, solid-color images that do not require more than 256 colors.
a. JPEG
b. PNG
c. BMP
d. GIF
ANSWER: d
POINTS: 1
REFERENCES: 141
38. Use the ______ format for photographs or art-like images.

a. JPEG
b. PNG
c. BMP
d. GIF
ANSWER: a
POINTS: 1
REFERENCES: 141
39. When you ______ an image, you select the part of the image you want to keep and remove the unwanted portion.
a. compress
b. rasterize
c. crop
d. focus
ANSWER: c
POINTS: 1
REFERENCES: 142
Refining Images
Name: Class: Date:

40. Which of the following best defines lossless compression?
a. The degradation of image quality during compression.
b. All image data is retained during compression.
c. When a file size cannot be further reduced.
d. Removing one color to create a transparency.
ANSWER: b
POINTS: 1
REFERENCES: 143
Optimizing Images for Size and Quality
True / False
41. Web designers sometimes measure type size in pixels, where 24 pixels equal a 10-point font.
a. True
b. False
ANSWER: False
POINTS: 1
REFERENCES: 128
QUESTION TYPE: True / False
42. One current web typography trend is to use larger, magazine-style fonts for headers.
a. True
b. False
ANSWER: True
POINTS: 1
REFERENCES: 128
43. Fontography is the study of the appearance and arrangement of characters.

a. True
b. False
ANSWER: False
Name: Class: Date:

POINTS: 1
REFERENCES: 128
44. Type style refers to the variations in form such as roman, italic, or bold.
a. True
b. False
ANSWER: False
POINTS: 1
REFERENCES: 128
45. The WAI guidelines that you should use should use HTML to specify fonts.
a. True
b. False
ANSWER: False
POINTS: 1
REFERENCES: 129
46. The most commonly used fonts in web design are serif and sans serif.
a. True
b. False
ANSWER: True
POINTS: 1
REFERENCES: 129

Name: Class: Date:

47. A sans serif is a short line extending from the top or bottom of a character.
a. True
b. False
ANSWER: False
POINTS: 1
REFERENCES: 129
48. Web designers measure relative font sizes as a percentage of an em unit.

a. True
b. False
ANSWER: True
POINTS: 1
REFERENCES: 131
49. Web designers often save text as an image to create a logo for a brand.
a. True
b. False
ANSWER: True
POINTS: 1
REFERENCES: 133
Image Text
50. Another term for hero image is background image.

a. True
b. False
ANSWER: True
POINTS: 1
REFERENCES: 134
Webpage Images

Name: Class: Date:

51. Few smartphones have built-in digital cameras that can take quality photos.
a. True
b. False
ANSWER: False
POINTS: 1
REFERENCES: 134
Digital Cameras
52. A photo sharing website stores the images to your account and enables you to share, print, and edit image files.
a. True
b. False
ANSWER: True
POINTS: 1
REFERENCES: 135
Digital Cameras
53. The Sketch mobile app is an example of illustration software.

a. True
b. False
ANSWER: True
POINTS: 1
REFERENCES: 137
54. You do not need to add credit line for images in the public domain.
a. True

Name: Class: Date:

b. False
ANSWER: False
POINTS: 1
REFERENCES: 138
55. Web designers use the CSS <picture>...</picture> tags to address image file display instructions for varying screen
sizes.
a. True
b. False
ANSWER: False
POINTS: 1
REFERENCES: 138
Image File Formats
56. Considering when or if to include the option of not displaying the image of part of RWD.
a. True
b. False
ANSWER: True
POINTS: 1
REFERENCES: 139
Image File Formats
57. Individual pixels are visible in a zoomed bitmap image.

a. True
b. False
ANSWER: True
POINTS: 1
REFERENCES: 139
Image File Formats

Name: Class: Date:

58. JPEGs are a type of bitmap file.

a. True
b. False
ANSWER: True
POINTS: 1
REFERENCES: 139
Image File Formats
59. A file extension includes a period (.) and a file format identifier.
a. True
b. False
ANSWER: True
POINTS: 1
REFERENCES: 139
Image File Formats
60. The .gif file format stands for Graphics Internet File.
a. True
b. False
ANSWER: False
POINTS: 1
REFERENCES: 139
Image File Formats
61. Raster images consist of a group of separate drawing objects.

a. True
b. False

Name: Class: Date:

ANSWER: False
POINTS: 1
REFERENCES: 140
Image File Formats

Name: Class: Date:
62.
The above figure is an example of a vector image.

a. True
b. False
ANSWER: False
POINTS: 1
Name: Class: Date:

REFERENCES: 140
Image File Formats
63. GIFs are most suitable for basic, solid-colored images, such as cartoons, diagrams, or navigation buttons.
a. True
b. False
ANSWER: True
POINTS: 1
REFERENCES: 140
64. You should use interlacing only for web images with smaller file sizes that can be easily downloaded.
a. True
b. False
ANSWER: False
POINTS: 1
REFERENCES: 140
65. PNGs were created because at one point the companies that developed the GIF compression technique required
anyone using a GIF to pay a license fee.
a. True
b. False
ANSWER: True
POINTS: 1
REFERENCES: 141

Name: Class: Date:

66. JPEG images are uncompressed.
a. True
b. False
ANSWER: False
POINTS: 1
REFERENCES: 141
JPEG File Interchange Format (JFIF)
67. Optimize your images by achieving a balance between compressing your image files into a smaller size and
maintaining the best image quality.
a. True
b. False
ANSWER: True
POINTS: 1
REFERENCES: 142
Web-Ready Images
68. A progressive JPEG is similar to an interlaced GIF.

a. True
b. False
ANSWER: True
POINTS: 1
REFERENCES: 142
Web-Ready Images
69. You can control the JPEG compression level with digital camera settings.
a. True
b. False
ANSWER: True
POINTS: 1
REFERENCES: 143
Name: Class: Date:

70. Lower compression values lead to a greater loss of image data.

a. True
b. False
ANSWER: False
POINTS: 1
REFERENCES: 143
Essay
71. Discuss the role that readability plays in your selection of a font.
ANSWER: Many web designers use serif fonts for webpage body text, although they are equally likely to apply
serif and sans serif fonts to headlines. The most commonly used fonts in web design are serif and
sans serif. Some fonts, such as Times New Roman, have a short line extending from the top or
bottom of a character called a serif; web designers refer to these as serif fonts. Fonts that do not have
serifs, such as Arial, are sans serif fonts. Web designers often vary serif and sans serif fonts for
heading and body text fonts to create visual contrast.
Cursive, or script, fonts replicate handwriting. Web designers use fantasy fonts for decoration.
Monospace fonts have equal spacing between characters, simulating characters created on a manual
typewriter. Cursive, fantasy, and monospace fonts might not be appropriate for most webpage
content text because it can be difficult to read them online. Another reason to avoid cursive or
fantasy fonts is that specific examples of these fonts are less likely to be available across different
computers and devices. However, these choices may be appropriate for headings. Varying fonts adds
visual interest to your website.
POINTS: 1
REFERENCES: 129
QUESTION TYPE: Essay
TOPICS: Critical Thinking
72. Differentiate between lossless and lossy compression. What is compression artifacting?
ANSWER: The GIF and PNG formats offer lossless compression, which retains all the image data during
compression. Image data retention maintains the quality of the image. The GIF format is not suitable
Name: Class: Date:

for photographs or images containing more than 256 colors. The PNG format supports millions of
colors, but creates files that might be too large for efficient webpage downloading. Some designers
suggest using the PNG format for editing photographs or other images containing millions of colors,
but then saving the images in the JPEG format to reduce the file size.
The JPEG format provides lossy compression, meaning that some image data is lost permanently
during compression. Using a low level of compression results in a loss of data that is undetectable by
the human eye; there is no apparent deterioration in the image quality. You can control the level of
JPEG compression with digital camera settings or by using the optimizing feature in image-editing
software. JPEG compression values and the resultant image quality have an inverse relationship: a
greater compression value yields a smaller file size, but also leads to poorer image quality. If you are
selecting a JPEG image compression value for your webpage images and your primary concern is
image quality, a lower compression value will result in a higher image quality, but at the cost of a
larger file size. If you need smaller, faster-loading image files, use a higher compression value.
Higher compression values lead to a greater loss of image data, called image degradation or
compression artifacting. Compression artifacting can result in areas of an image that appear blurred
or distorted. Note that each time you reopen, edit, and resave a JPEG image, the loss of data due to
compression artifacting increases and becomes more visible in the image.
POINTS: 1
REFERENCES: 143
73. Describe how web designers use font families, backup fonts, and embedded fonts in a website.
ANSWER: Web designers use CSS to specify a font family or a font stack, which identifies the preferred font as well
as backup fonts. If a browser cannot locate the specified font used on a webpage, it will replace it with the
next available backup font in the stack. Including a generic serif or sans serif font, which all browsers and
devices can interpret, as the last backup font in the stack ensures that all browsers can display your
webpage content.
Another method web designers use is to include embedded fonts in the website. Embedded fonts are
identified in the CSS for the webpage and must be downloaded to the user’s device before the webpage
text can appear. Embedded fonts often increase the time it takes for a page to load. When using embedded
fonts, web designers often will use a tool such as Google Web Font Loader to specify backup fonts that
display while the embedded fonts download. Use embedded fonts sparingly, such as for headings or other
font choices where branding and design matter more than readability or speed of downloading.
POINTS: 1
REFERENCES: 131
Name: Class: Date:
74. List guidelines for selecting images. Describe methods for ensuring your web images are usable and accessible.
ANSWER: Webpage images include illustrations, diagrams, and photographs. Be sure you select images that achieve
the following:
• Are relevant to your content and add value to your website.
• Conform with or complement your website’s color scheme.
• Support your website’s message.
• Contribute to the overall mood you want to set
Remember to follow best practices for web usability and accessibility, such as adding alternative text to
your images and ensuring contrast between background images and text. Only use images to which you
own the copyrights, or secure the copyrights and give proper credit to the image owner or creator if using
an image from another source. Another important consideration when selecting webpage images is file
size. A higher file size means a better-quality image, but also one that may take longer to download and
display in the visitor’s browser. Experiment with image file sizes as a part of your website testing process
to achieve a balance between image quality and download time.
POINTS: 1
REFERENCES: 133-134
Webpage Images
75. Differentiate between raster and vector images.

ANSWER: Image files are either raster or vector. Raster images, or bitmaps, consist of a series of individual pixels.
At the optimal resolution (based on image quality and size), the pixels are not visible. A bitmap contains a
specific number of pixels measured as pixels per inch (ppi) and is resolution dependent, meaning that
resizing the image affects the image quality.
Vector images, or vector graphics, consist of a group of separate drawing objects, such as shapes, curves,
and lines, combined to create a single image. Vector images are resolution independent. You can resize a
vector image with no loss of image quality. To use a vector image on the web, you must rasterize it by
saving it in a bitmap file format.
POINTS: 1
REFERENCES: 139-140
Image File Formats

Web Design Introductory 6th Edition Campbell Test Bank

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Web Design Introductory 6th Edition Campbell Test Bank

Uploaded by

Copyright:

Available Formats

Web Design Introductory 6th Edition

Campbell Test Bank

Chapter 05: Typography and Images

1. The appearance and arrangement of characters commonly is referred to as _______.

2. Which of the following characteristics define type?

3. ______ refers to the amount of vertical spacing between lines of text.

Copyright Cengage Learning. Powered by Cognero. Page 1

Chapter 05: Typography and Images

5. ______ adds or removes space between two individual characters.

Copyright Cengage Learning. Powered by Cognero. Page 2

Chapter 05: Typography and Images

Which font in the figure above is an example of a monospace font?

Copyright Cengage Learning. Powered by Cognero. Page 3

Chapter 05: Typography and Images

Which font in the figure above is an example of a serif font?

Copyright Cengage Learning. Powered by Cognero. Page 4

Chapter 05: Typography and Images

Which font in the figure above is an example of a fantasy font?

Chapter 05: Typography and Images

10. Which of the following best defines a font family?

11. Which of the following best defines an embedded font?

Chapter 05: Typography and Images

15. A(n) ______ font is designed especially for a brand.

Chapter 05: Typography and Images

17. Which of the following best describes a hero image?

Chapter 05: Typography and Images

19. What type of software are SnagIt and FullShot?

Copyright Cengage Learning. Powered by Cognero. Page 9

Chapter 05: Typography and Images

What type of software is shown in the figure above?

Chapter 05: Typography and Images

21. Which measurement is equal to a million pixels?

Copyright Cengage Learning. Powered by Cognero. Page 11

Chapter 05: Typography and Images

25. Which is another term for a raster image?

26. Raster images consist of a series of ______.

Copyright Cengage Learning. Powered by Cognero. Page 12

Chapter 05: Typography and Images

Which font in the figure above is an example of a sans serif font?

Chapter 05: Typography and Images

28. Rasterizing is the process of creating an image one ______ at a time.

Chapter 05: Typography and Images

31. Which of the following is NOT true about vector images?

32. Which of the following best defines antialiasing?

Chapter 05: Typography and Images

35. Most people refer to JFIF images as ______.

Chapter 05: Typography and Images

38. Use the ______ format for photographs or art-like images.

Chapter 05: Typography and Images

43. Fontography is the study of the appearance and arrangement of characters.

Chapter 05: Typography and Images

Copyright Cengage Learning. Powered by Cognero. Page 19

Chapter 05: Typography and Images

48. Web designers measure relative font sizes as a percentage of an em unit.

50. Another term for hero image is background image.

Copyright Cengage Learning. Powered by Cognero. Page 20

Chapter 05: Typography and Images

53. The Sketch mobile app is an example of illustration software.

Copyright Cengage Learning. Powered by Cognero. Page 21

Chapter 05: Typography and Images

57. Individual pixels are visible in a zoomed bitmap image.

Copyright Cengage Learning. Powered by Cognero. Page 22

Chapter 05: Typography and Images

58. JPEGs are a type of bitmap file.