Question 1

Case-Based Critical Thinking Question
John wants to add related text to images on his Lawn Care business website.
John discovers that most visual users display the title attribute as ____ text that is shown when a user moves the mouse pointer over the associated element.

Accepted Answer

The answer of Case-Based Critical Thinking Question
John wants to add...

Question 2

Referring to the figure above, the bottom-right picture shows the image displayed ____.

Accepted Answer

The answer of 
Referring to the figure above, the bottom-right...

Question 3

Case-Based Critical Thinking Question
Kristin coaches a high school hockey team and has started a website to showcase the players.
Before she uses the SVG format, Kristin researches browser support. The following browser offers high support of SVG: ____.

Accepted Answer

All of the above (Chrome, Safari, Opera) offer high support of the SVG format, so Kristin can use it on her website with confidence.

Question 4

Unholy Vault Designs/Shutterstock.com
Photo/Sasha Vodnik
Referring to the figure above, if you want to specify a different favicon on an individual page you should use the ____ element to reference the appropriate file.

Accepted Answer

The correct element to use to specify a different favicon on an individual page is the "link" element, using the "rel" attribute set to "icon" and the "href" attribute specifying the file path to the desired favicon.

Question 5

Case-Based Critical Thinking Question
Kristin coaches a high school hockey team and has started a website to showcase the players.
Kristin wants to show lots of photographs on the website. The best format for her to use is the ________ format because it is optimized for colorful images.

Accepted Answer

JPEG is the best format for photographs as it is optimized for colorful images and has a smaller file size than other formats like PNG or GIF. While PNG also supports high-quality images, it has a larger file size, and GIF is better suited for simple graphics and animations. SVG is a vector format primarily used for graphics that need to be scaled without losing resolution.

Question 6

You can specify a favicon for all the pages on a Web site by using the ____ format.

Accepted Answer

The .ico format is specifically designed for favicons and is widely supported by all major browsers. The other formats listed are not suitable for creating favicons.

Question 7

Unholy Vault Designs/Shutterstock.com
Referring to the figure above, the linked text "The Sun Room" was created by nesting the ____ element inside a figcaption element.

Accepted Answer

The answer of 
Unholy Vault Designs/Shutterstock.com
Referring to the figure above,...

Question 8

Unholy Vault Designs/Shutterstock.com
Photo/Sasha Vodnik
Referring to the figure above, you know this file was opened _____.

Accepted Answer

The figure does not provide enough information to determine whether the file was opened from a local file or a web server, so it could be either option. Therefore, the best choice is C, which indicates that it could be either a local file or a web server. It is not possible to choose D, since we don't know for sure that neither option is correct.

Question 9

Hotspots can be ____ shapes.

Accepted Answer

Hotspots can be made in various shapes like rectangular, circular, and polygonal depending upon the requirement of the image or web page. Therefore, option D- All of the above is the best choice as it includes all possible shapes of hotspots.

Question 10

Referring to the figure above, which figure is displayed at its native length and width?

Accepted Answer

The answer of 
Referring to the figure above, which figure...

Question 11

By changing the ____ of an image, you can increase its contrast with other page elements or make it more closely match a site's design.

Accepted Answer

Changing the opacity of an image means adjusting its transparency. By increasing the opacity, the image will become more prominent and have higher contrast with other elements on the page. If the image doesn't match the site's design, adjusting the opacity can also make it blend in better. Changing the size or alignment of an image will not necessarily affect its contrast or design match. The filename is not directly related to the visual appearance of the image.

Question 12

Unholy Vault Designs/Shutterstock.com
Referring to the figure above, the text "The Sun Room" under the picture is a ____.

Accepted Answer

The text "The Sun Room" is directly under the picture and is providing information about the content of the figure. This is a typical example of a figure caption. A figure callout is usually a reference to a specific part of a figure, not the entire figure itself. Web caption and Web callout are not standard terms commonly used in academic writing.

Question 13

To associate caption text with an img element, you place the text in a ____ element that is nested within the figure element for the image.

Accepted Answer

According to the HTML5 specification for image captions, the correct element to use is figcaption, which should be nested within the figure element for the image. The other options (captext, figtext, textcaption) are not valid HTML elements.

Question 14

Referring to the figure above, which image(s) results in the best balance of file size and quality.

Accepted Answer

The lower-middle image strikes the best balance between file size and quality, as it has a relatively small file size and maintains a visually pleasing level of detail and color accuracy. The lower-left image has a very small file size, but sacrifices too much detail and color accuracy, while the lower-right image has a larger file size and only slightly better detail and color accuracy compared to the middle image.

Question 15

Referring to the figure above, which image(s) would require more data to be downloaded than is needed to display a quality image?

Accepted Answer

The answer of 
Referring to the figure above, which image(s)...

Question 16

Unholy Vault Designs/Shutterstock.com
Referring to the figure above, a tall narrow background image was repeated or ____ to fill the entire screen.

Accepted Answer

The image was repeated in a tiled pattern to fill the entire screen.

Question 17

Unholy Vault Designs/Shutterstock.com
Photo/Sasha Vodnik
Referring to the figure above, the icon on the tab, next to the words "Lakeland Reeds Bed & Br.." is a(n)____ icon known as a favicon.

Accepted Answer

The answer of   
Unholy Vault Designs/Shutterstock.com
Photo/Sasha Vodnik
Referring to the...

Question 18

Case-Based Critical Thinking Question
John wants to add related text to images on his Lawn Care business website.
John also finds out that he can nest an img element inside a(n) ____ element to align it horizontally.

Accepted Answer

The answer of Case-Based Critical Thinking Question
John wants to add...

Question 19

A favicon is a graphic file 16 pixels in width by ____ pixels in height.

Accepted Answer

A favicon is typically 16x16 pixels, although it can be scaled to other sizes, such as 32x32 or 64x64 pixels for other contexts.

Question 20

Case-Based Critical Thinking Question
Kristin coaches a high school hockey team and has started a website to showcase the players.
Kristin wants to include drawn diagrams (limited colors, defined borders) illustrating the players and their positions.  She wants the diagrams to be displayed at different dimensions with no decrease in quality. To do this, she should choose the ____ format.

Accepted Answer

SVG stands for Scalable Vector Graphics, which means that the images created using this format can be scaled up or down to any size without losing quality or becoming pixelated. This makes it the most suitable format for Kristin's requirement of displaying diagrams at different dimensions while maintaining quality. JPEG, JPG, and GIF are all raster-based formats and can lose quality when resized.

Quiz 7: Inserting and Working With Images

Case-Based Critical Thinking Question John wants to add related text to images on his Lawn Care business website. John discovers that most visual users display the title attribute as ____ text that is shown when a user moves the mouse pointer over the associated element.

Referring to the figure above, the bottom-right picture shows the image displayed ____.

Case-Based Critical Thinking Question Kristin coaches a high school hockey team and has started a website to showcase the players. Before she uses the SVG format, Kristin researches browser support. The following browser offers high support of SVG: ____.

Unholy Vault Designs/Shutterstock.com Photo/Sasha Vodnik Referring to the figure above, if you want to specify a different favicon on an individual page you should use the ____ element to reference the appropriate file.

Case-Based Critical Thinking Question Kristin coaches a high school hockey team and has started a website to showcase the players. Kristin wants to show lots of photographs on the website. The best format for her to use is the ________ format because it is optimized for colorful images.

You can specify a favicon for all the pages on a Web site by using the ____ format.

Unholy Vault Designs/Shutterstock.com Referring to the figure above, the linked text "The Sun Room" was created by nesting the ____ element inside a figcaption element.

Unholy Vault Designs/Shutterstock.com Photo/Sasha Vodnik Referring to the figure above, you know this file was opened _____.

Hotspots can be ____ shapes.

Referring to the figure above, which figure is displayed at its native length and width?

By changing the ____ of an image, you can increase its contrast with other page elements or make it more closely match a site's design.

Unholy Vault Designs/Shutterstock.com Referring to the figure above, the text "The Sun Room" under the picture is a ____.

To associate caption text with an img element, you place the text in a ____ element that is nested within the figure element for the image.

Referring to the figure above, which image(s) results in the best balance of file size and quality.

Referring to the figure above, which image(s) would require more data to be downloaded than is needed to display a quality image?

Unholy Vault Designs/Shutterstock.com Referring to the figure above, a tall narrow background image was repeated or ____ to fill the entire screen.

Unholy Vault Designs/Shutterstock.com Photo/Sasha Vodnik Referring to the figure above, the icon on the tab, next to the words "Lakeland Reeds Bed & Br.." is a(n) ____ icon known as a favicon.

Case-Based Critical Thinking Question John wants to add related text to images on his Lawn Care business website. John also finds out that he can nest an img element inside a(n) ____ element to align it horizontally.

A favicon is a graphic file 16 pixels in width by ____ pixels in height.