Deck 13: Preparing Graphics for the Web

Full screen (f)
exit full mode
Question
When designing graphics for the web, you can use very bright and saturated colors.
Use Space or
up arrow
down arrow
to flip the card.
Question
When you use the No Image slice option, you can enter the text or the color information directly into the Slice Options dialog box.
Question
With sliced artwork, the slices are invisible when the artwork is viewed on a web browser.
Question
Using guides to create slices is arguably the easiest and most straightforward method for doing so.
Question
Basically, a slice's type defines its content.
Question
When JPEG compression is too severe, the problems with the image are usually obvious.
Question
When _blank is chosen as a target, it means that an empty browser page will open when you click the associated link.
Question
When a slice is saved as a JPEG, the file size is reduced, but no color data is lost.
Question
The Out of Web Color Warning button appears on the Color panel in web Safe RGB mode.
Question
The SWF format provides excellent support of complex Illustrator artwork.
Question
When you create graphics for the web, you will need to pay attention to different considerations than you would when designing graphics for print.
Question
You are free to apply any name to a slice.
Question
GIF compression often optimizes a slice with a higher quality and at a lower file size than JPEG compression.
Question
Unlike using slices to create links, using image maps stores the artwork and the links in a single file.
Question
File size is a fundamental consideration when creating graphics for the web.
Question
You choose the level of compression in the JPEG format by specifying a quality setting.
Question
Using guides to make slices is a smart idea, because they always generate exactly the number of slices that you want, without any automatic slices being thrown in.
Question
GIFs are adept at maintaining crisp detail.
Question
To use the HTML Text slice type, the slice must be created using the Make Slice command
Question
When you use the No Image slice option to enter text, you can preview the No Image slice content in Illustrator after closing the Options dialog box.
Question
JPEGs have emerged as one of the most used - if not the most used - file formats on the web.
Question
Automatic slices are very easy to work with.
Question
If you want to associate alternate text with a slice, you enter the text in the Message box in the Slice Options dialog box.
Question
When working in Illustrator, you can feel confident that the graphics you create will look identical when they are on the web.
Question
Choosing between the Image and No Image slice types is not as straightforward as it may seem.
Question
You can use ruler guides to define where you want artwork to be divided into slices.
Question
Optimization methods are defined by the file format you choose.
Question
When you divide a single graphic into slices, each slice must be output using the same file format.
Question
When you convert text to outlines, you can always be certain that it will appear on the web exactly as you designed it.
Question
The Slice Options dialog box allows you to specify one of two categories for a slice's type.
Question
In many cases, GIF compression has no noticeable effect on an image.
Question
The Slice tool allows you to draw a rectangular slice anywhere on the artboard.
Question
Resolution is an essential consideration when using bitmap graphics on the web.
Question
Illustrator's web capabilities offer more freedom and ease of use for a designer than traditional HTML coding.
Question
A slice's options may determine how the slice functions on the web.
Question
The trick with GIF compression is to lower the number of available colors as much as possible without adversely affecting the appearance of the image.
Question
When you create a slice with the Slice tool, Illustrator generates automatic slices that cover the remainder of the artboard.
Question
If you use slices to reduce the size of your artwork, optimization is often unnecessary.
Question
  You use the view shown in the figure above to determine compare artwork with and without optimization.<div style=padding-top: 35px>
You use the view shown in the figure above to determine compare artwork with and without optimization.
Question
It does not matter if you drag a slice when you click to select it because slice numbers are updated manually and not by position.
Question
"Alt text" describes an image for those who are using non-graphical browsers that don't show imagery.
Question
The tabs at the top of the Optimization dialog box present options for previewing images with and without compression.
Question
You can reduce the file size of artwork created for a web page by making the artwork into slices.
Question
The information you type in the Message text box will appear in the status bar of a browser window when you position your cursor over the corresponding image slice.
Question
The Slice Selection tool is positioned to the left of the Slice tool in the Tools panel.
Question
Because of the way it compresses color files, the GIF file format is seldom the best choice for Illustrator artwork.
Question
Optimization and compression are basically the same thing.
Question
Generally speaking, if the number of colors in a GIF file is too low, problems with the image will be obvious.
Question
When you divide a single graphic into slices, there's no risk of color inconsistencies between the slices.
Question
When slices are combined, slices on the artboard are renumbered.
Question
When color is critical, it is best to think of the web safe gamut as a safe bet for achieving reasonable consistency.
Question
The JPEG and GIF file formats compress files using similar processes.
Question
Three slices can be combined into one slice.
Question
The easiest way to select a slice is to click the slice number.
Question
The file format that you choose to save your work will have an impact on the graphic's color.
Question
By default, the slice name is used as the filename when you save an Illustrator document for the web.
Question
If you've specified a URL, the target specifies the frame that you want the link to target.
Question
You can always convert text to outlines as a method for presenting display text on the web.
Question
Regardless of which slice type and options you choose, all can be previewed using web browser software.
Question
Compression affects the color of graphics.
Question
Which slice type would you use when you want to use Illustrator text and its basic formatting on the web?

A)Image
B)No Image
C)HTML Text
D)Blended
Question
Which tab shows only the original image without optimization?

A)Original tab
B)Optimization tab
C)2-up tab
D)4-up tab
Question
When his team is applying color to various graphics, Mark tells them to be sure to stick to Web-safe colors.What is he talking about?
Question
Which of the following are standard targets frames for a URL?

A)_blank and _parent
B)_blank and _alt
C)_parent and _alt
D)_name and _alt
Question
Explain the Create from Guides role in creating slices.
Case Based Critical Thinking
Case 1
For the first time, Mark's team has been contracted to build a website.Mark has decided to use Illustrator to create the web graphics.
Question
Which of the following is a compression file format?

A)JPEG
B)BMP
C)EPS
D)TIFF
Question
When _parent is chosen as a target, it means that a new window will be "spawned" when you click the associated link.
Question
Which slice type would you use when you want the slice to contain text or a solid color?

A)Image
B)No Image
C)HTML Text
D)Blended
Question
Areas that are defined as an image map must be rectangular in shape.
Question
GIF is a standard file format that is especially appropriate for what type of graphics?

A)scanned images
B)gradients
C)blends
D)flat colors
Question
Which of the following variables would not affect the color of a graphic when it is displayed on the Internet?

A)different monitors
B)different OS
C)different web browsers
D)different monitor settings
Question
Under which menu item would you find the Create from Guides command?

A)File
B)Edit
C)Object
D)Select
Question
Which command brings you to the optimization settings dialog box?

A)Optimize
B)Save for Web & Devices
C)Export
D)Slice Options
Question
JPEG is a standard file format especially adept at compressing all but which of the following types of images?

A)scanned images
B)gradients
C)swfs
D)blends
Question
Image maps are defined in which panel?

A)Web Safe Color panel
B)Appearance panel
C)Attributes panel
D)Transform panel
Question
Your choice of a ____ will have the greatest effect on the optimization method that is performed on the artwork.

A)file format
B)resolution
C)detail
D)compression algorithm
Question
Enter the appropriate word(s) to complete the statement.
Enter the appropriate word(s) to complete the statement.   The Save for Web dialog box shown in the accompanying figure allows you to choose the best ______________________ for your files. Case Based Critical Thinking Case 1 For the first time, Mark's team has been contracted to build a website.Mark has decided to use Illustrator to create the web graphics.<div style=padding-top: 35px>
The Save for Web dialog box shown in the accompanying figure allows you to choose the best ______________________ for your files.
Case Based Critical Thinking
Case 1
For the first time, Mark's team has been contracted to build a website.Mark has decided to use Illustrator to create the web graphics.
Question
When you specify a slice as an Image slice, which of the following options are not available?

A)URL
B)Target
C)Alt
D)Navigation Page
Question
Which of the following does not affect the color of a web graphic?

A)the color choices
B)the degree of compression
C)file formats
D)image resolution
Question
Which slice type would you use when you want the content of a slice to function as a linked graphic on the web?

A)Image
B)No Image
C)HTML Text
D)Blended
Unlock Deck
Sign up to unlock the cards in this deck!
Unlock Deck
Unlock Deck
1/97
auto play flashcards
Play
simple tutorial
Full screen (f)
exit full mode
Deck 13: Preparing Graphics for the Web
1
When designing graphics for the web, you can use very bright and saturated colors.
True
2
When you use the No Image slice option, you can enter the text or the color information directly into the Slice Options dialog box.
True
3
With sliced artwork, the slices are invisible when the artwork is viewed on a web browser.
True
4
Using guides to create slices is arguably the easiest and most straightforward method for doing so.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
5
Basically, a slice's type defines its content.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
6
When JPEG compression is too severe, the problems with the image are usually obvious.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
7
When _blank is chosen as a target, it means that an empty browser page will open when you click the associated link.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
8
When a slice is saved as a JPEG, the file size is reduced, but no color data is lost.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
9
The Out of Web Color Warning button appears on the Color panel in web Safe RGB mode.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
10
The SWF format provides excellent support of complex Illustrator artwork.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
11
When you create graphics for the web, you will need to pay attention to different considerations than you would when designing graphics for print.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
12
You are free to apply any name to a slice.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
13
GIF compression often optimizes a slice with a higher quality and at a lower file size than JPEG compression.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
14
Unlike using slices to create links, using image maps stores the artwork and the links in a single file.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
15
File size is a fundamental consideration when creating graphics for the web.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
16
You choose the level of compression in the JPEG format by specifying a quality setting.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
17
Using guides to make slices is a smart idea, because they always generate exactly the number of slices that you want, without any automatic slices being thrown in.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
18
GIFs are adept at maintaining crisp detail.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
19
To use the HTML Text slice type, the slice must be created using the Make Slice command
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
20
When you use the No Image slice option to enter text, you can preview the No Image slice content in Illustrator after closing the Options dialog box.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
21
JPEGs have emerged as one of the most used - if not the most used - file formats on the web.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
22
Automatic slices are very easy to work with.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
23
If you want to associate alternate text with a slice, you enter the text in the Message box in the Slice Options dialog box.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
24
When working in Illustrator, you can feel confident that the graphics you create will look identical when they are on the web.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
25
Choosing between the Image and No Image slice types is not as straightforward as it may seem.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
26
You can use ruler guides to define where you want artwork to be divided into slices.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
27
Optimization methods are defined by the file format you choose.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
28
When you divide a single graphic into slices, each slice must be output using the same file format.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
29
When you convert text to outlines, you can always be certain that it will appear on the web exactly as you designed it.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
30
The Slice Options dialog box allows you to specify one of two categories for a slice's type.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
31
In many cases, GIF compression has no noticeable effect on an image.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
32
The Slice tool allows you to draw a rectangular slice anywhere on the artboard.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
33
Resolution is an essential consideration when using bitmap graphics on the web.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
34
Illustrator's web capabilities offer more freedom and ease of use for a designer than traditional HTML coding.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
35
A slice's options may determine how the slice functions on the web.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
36
The trick with GIF compression is to lower the number of available colors as much as possible without adversely affecting the appearance of the image.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
37
When you create a slice with the Slice tool, Illustrator generates automatic slices that cover the remainder of the artboard.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
38
If you use slices to reduce the size of your artwork, optimization is often unnecessary.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
39
  You use the view shown in the figure above to determine compare artwork with and without optimization.
You use the view shown in the figure above to determine compare artwork with and without optimization.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
40
It does not matter if you drag a slice when you click to select it because slice numbers are updated manually and not by position.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
41
"Alt text" describes an image for those who are using non-graphical browsers that don't show imagery.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
42
The tabs at the top of the Optimization dialog box present options for previewing images with and without compression.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
43
You can reduce the file size of artwork created for a web page by making the artwork into slices.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
44
The information you type in the Message text box will appear in the status bar of a browser window when you position your cursor over the corresponding image slice.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
45
The Slice Selection tool is positioned to the left of the Slice tool in the Tools panel.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
46
Because of the way it compresses color files, the GIF file format is seldom the best choice for Illustrator artwork.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
47
Optimization and compression are basically the same thing.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
48
Generally speaking, if the number of colors in a GIF file is too low, problems with the image will be obvious.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
49
When you divide a single graphic into slices, there's no risk of color inconsistencies between the slices.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
50
When slices are combined, slices on the artboard are renumbered.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
51
When color is critical, it is best to think of the web safe gamut as a safe bet for achieving reasonable consistency.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
52
The JPEG and GIF file formats compress files using similar processes.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
53
Three slices can be combined into one slice.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
54
The easiest way to select a slice is to click the slice number.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
55
The file format that you choose to save your work will have an impact on the graphic's color.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
56
By default, the slice name is used as the filename when you save an Illustrator document for the web.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
57
If you've specified a URL, the target specifies the frame that you want the link to target.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
58
You can always convert text to outlines as a method for presenting display text on the web.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
59
Regardless of which slice type and options you choose, all can be previewed using web browser software.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
60
Compression affects the color of graphics.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
61
Which slice type would you use when you want to use Illustrator text and its basic formatting on the web?

A)Image
B)No Image
C)HTML Text
D)Blended
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
62
Which tab shows only the original image without optimization?

A)Original tab
B)Optimization tab
C)2-up tab
D)4-up tab
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
63
When his team is applying color to various graphics, Mark tells them to be sure to stick to Web-safe colors.What is he talking about?
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
64
Which of the following are standard targets frames for a URL?

A)_blank and _parent
B)_blank and _alt
C)_parent and _alt
D)_name and _alt
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
65
Explain the Create from Guides role in creating slices.
Case Based Critical Thinking
Case 1
For the first time, Mark's team has been contracted to build a website.Mark has decided to use Illustrator to create the web graphics.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
66
Which of the following is a compression file format?

A)JPEG
B)BMP
C)EPS
D)TIFF
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
67
When _parent is chosen as a target, it means that a new window will be "spawned" when you click the associated link.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
68
Which slice type would you use when you want the slice to contain text or a solid color?

A)Image
B)No Image
C)HTML Text
D)Blended
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
69
Areas that are defined as an image map must be rectangular in shape.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
70
GIF is a standard file format that is especially appropriate for what type of graphics?

A)scanned images
B)gradients
C)blends
D)flat colors
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
71
Which of the following variables would not affect the color of a graphic when it is displayed on the Internet?

A)different monitors
B)different OS
C)different web browsers
D)different monitor settings
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
72
Under which menu item would you find the Create from Guides command?

A)File
B)Edit
C)Object
D)Select
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
73
Which command brings you to the optimization settings dialog box?

A)Optimize
B)Save for Web & Devices
C)Export
D)Slice Options
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
74
JPEG is a standard file format especially adept at compressing all but which of the following types of images?

A)scanned images
B)gradients
C)swfs
D)blends
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
75
Image maps are defined in which panel?

A)Web Safe Color panel
B)Appearance panel
C)Attributes panel
D)Transform panel
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
76
Your choice of a ____ will have the greatest effect on the optimization method that is performed on the artwork.

A)file format
B)resolution
C)detail
D)compression algorithm
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
77
Enter the appropriate word(s) to complete the statement.
Enter the appropriate word(s) to complete the statement.   The Save for Web dialog box shown in the accompanying figure allows you to choose the best ______________________ for your files. Case Based Critical Thinking Case 1 For the first time, Mark's team has been contracted to build a website.Mark has decided to use Illustrator to create the web graphics.
The Save for Web dialog box shown in the accompanying figure allows you to choose the best ______________________ for your files.
Case Based Critical Thinking
Case 1
For the first time, Mark's team has been contracted to build a website.Mark has decided to use Illustrator to create the web graphics.
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
78
When you specify a slice as an Image slice, which of the following options are not available?

A)URL
B)Target
C)Alt
D)Navigation Page
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
79
Which of the following does not affect the color of a web graphic?

A)the color choices
B)the degree of compression
C)file formats
D)image resolution
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
80
Which slice type would you use when you want the content of a slice to function as a linked graphic on the web?

A)Image
B)No Image
C)HTML Text
D)Blended
Unlock Deck
Unlock for access to all 97 flashcards in this deck.
Unlock Deck
k this deck
locked card icon
Unlock Deck
Unlock for access to all 97 flashcards in this deck.