Deck 5: Typography and Images

Question 1

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 1

A

Question 2

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

A)type
B)text
C)typeset
D)track

Answer 2

A

Question 3

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

A)Leading
B)Tracking
C)Kerning
D)Indenting

Answer 3

A

Question 4

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

A)Tahoma
B)Georgia
C)Ravie
D)Courier New

Question 5

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.

Question 6

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.

Question 7

What type of software is shown in the figure above?

A)photo sharing
B)image-editing
C)illustration
D)digital photography

Question 8

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

A)business
B)specialty
C)proprietary
D)restricted

Question 9

______ font sizes do not change when viewed on different screen sizes.

A)Relative
B)Absolute
C)Responsive
D)Static

Question 10

______ adds or removes space between two individual characters.

A)Leading
B)Tracking
C)Kerning
D)Indenting

Question 11

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

A)Tahoma
B)Georgia
C)Ravie
D)Courier New

Question 12

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

A)Tahoma
B)Georgia
C)Ravie
D)Courier New

Question 13

Most standalone digital cameras, and virtually all smartphones, include ______ or other wireless transfer capabilities.

A)infrared
B)radio waves
C)Bluetooth
D)microwaves

Question 14

A(n)______ is the digital file that specifies the combination of character data.

A)typeface
B)font
C)serif
D)font-family

Question 15

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

Question 16

Which of the following characteristics define type?

A)color
B)style
C)size
D)All of the above are used to define type.

Question 17

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.

Question 18

What type of software are SnagIt and FullShot?

A)photo sharing
B)image-editing
C)screen capture
D)digital photography

Question 19

______ 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

Question 20

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.

Question 21

Raster images consist of a series of ______.

A)layers
B)em units
C)bits
D)pixels

Question 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

Question 23

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

Question 24

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.

Question 25

Which is another term for a raster image?

A)pixelated
B)zoomed
C)bitmap
D)compressed

Question 26

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.

Question 27

Most people refer to JFIF images as ______.

A)JPEGs
B)vector images
C)P N Gs
D)WebPs

Question 28

Which of the following is the file extension for Adobe's bitmap image format?

A).psd
B).bmp
C)¨ jpg
D).webp

Question 29

Which measurement is equal to a million pixels?

A)megapixel
B)millipixel
C)minipixel
D)magmapixel

Question 30

To create a(n)______ GIF image, you can specify that the webpage remove a specific color.

A)interlaced
B)transparent
C)invisible
D)opaque

Question 31

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

A)JPEG
B)P N G
C)BMP
D)GIF

Question 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.

Question 33

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

A)megabyte
B)bit
C)GIF
D)map

Question 34

The ______ format has superior transparency capabilities compared to other formats.

A)JPEG
B)P N G
C)BMP
D)GIF

Question 35

The ______ tags instruct a website to display different image size or formats (or no image)based on the size of the screen.

A)...
B)...
C)...
D)...

Question 36

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

A)Tahoma
B)Georgia
C)Ravie
D)Courier New

Question 37

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.

Question 38

Which of the following is the file extension for Google's bitmap image format?

A).psd
B).bmp
C) ¨ jpg
D).webp

Question 39

A(n)______ GIF image appears on the screen in a sequence of passes.

A)interlaced
B)transparent
C)rasterized
D)antialiased

Question 40

Use the ______ format for basic, solid-color images that do not require more than 256 colors.

A)JPEG
B)P N G
C)BMP
D)GIF

Question 41

A sans serif is a short line extending from the top or bottom of a character.

Question 42

JPEGs are a type of bitmap file.

Question 43

The WAI guidelines that you should use should use HTML to specify fonts.

Question 44

Web designers sometimes measure type size in pixels, where 24 pixels equal a 10-point font.

Question 45

You do not need to add credit line for images in the public domain.

Question 46

Type style refers to the variations in form such as roman, italic, or bold.

Question 47

The most commonly used fonts in web design are serif and sans serif.

Question 48

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

Question 49

The Sketch mobile app is an example of illustration software.

Question 50

The . G I f file format stands for Graphics Internet File.

Question 51

Another term for hero image is background image.

Question 52

Individual pixels are visible in a zoomed bitmap image.

Question 53

Considering when or if to include the option of not displaying the image of part of RWD.

Question 54

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

Question 55

A photo sharing website stores the images to your account and enables you to share, print, and edit image files.

Question 56

Web designers use the CSS ... tags to address image file display instructions for varying screen sizes.

Question 57

Few smartphones have built-in digital cameras that can take quality photos.

Question 58

Web designers often save text as an image to create a logo for a brand.

Question 59

A file extension includes a period (.)and a file format identifier.

Question 60

One current web typography trend is to use larger, magazine-style fonts for headers.

Question 61

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

Question 62

P N Gs were created because at one point the companies that developed the GIF compression technique required anyone using a GIF to pay a license fee.

Question 63

Raster images consist of a group of separate drawing objects.

Question 64

A progressive JPEG is similar to an interlaced GIF.

Question 65

Differentiate between raster and vector images.

Question 66

JPEG images are uncompressed.

Question 67

The above figure is an example of a vector image.

Question 68

List guidelines for selecting images. Describe methods for ensuring your web images are usable and accessible.
​

Question 69

Optimize your images by achieving a balance between compressing your image files into a smaller size and maintaining the best image quality.

Question 70

GIFs are most suitable for basic, solid-colored images, such as cartoons, diagrams, or navigation buttons.

Question 71

Describe how web designers use font families, backup fonts, and embedded fonts in a website.

Question 72

You can control the JPEG compression level with digital camera settings.

Question 73

You should use interlacing only for web images with smaller file sizes that can be easily downloaded.

Question 74

Differentiate between lossless and lossy compression. What is compression artifacting?

Question 75

Discuss the role that readability plays in your selection of a font.