(p.66) The two most popular image file types used on the Web are JPEG and ________.
(p.66) Both JPEG and GIF image file formats are crossplatform and offer file ________.
(p.66) ________ is a newer arrival in the image file format world and is gaining popularity among Web developers.
(p.66) The current versions of all of today’s popular Web browsers can display JPEG, GIF, and PNG images.
true
false
(p.66) JPEG stands for ________.
(p.66) JPEG supports ________-bit color, allowing for millions of colors.
(p.66) The JPEG format is commonly used with complex images, such as ________ or graphics that use millions of colors and feature lots of detail.
(p.66) JPEG is a good choice for solid-color artwork.
true
false
(p.66) JPEG images usually use a ________ file name extension.
(p.67) GIF stands for ________.
(p.67) The GIF image file format supports up to ________ colors.
(p.67) The GIF format is more commonly used for ________ images, such as logos and graphics containing basic shapes and lines.
(p.67) If your image or graphic contains few colors and not a lot of detail, GIF is a good file format choice.
true
false
(p.67) A single GIF file can also store multiple images and display them as a(n) ________.
(p.67) GIF images use a ________ file name extension.
(p.67) PNG stands for ________.
(p.67) Like JPEG, PNG supports ________-bit color, but it can also be saved with fewer colors, similar to GIF.
(p.67) Because PNG is a relatively new file format, use it if your intended audience most likely has ________ browsers.
(p.67) PNG images use a ________ file name extension.
(p.67) Browsers must ________ an image before users can view it on a Web page.
(p.67) Most image-editing programs allow you to adjust the ________ of an image to control its file size.
(p.67 & 68) You can also control file size by ________ or cropping an image.
(p.67) For best results, make sure your image file size does not exceed ________K.
(p.67) If you have larger image files, users may not be willing to wait for the pictures to ________.
(p.67 & 69) With GIFs and some PNGs, you can decrease the number of ________ in the image to reduce the file size.
(p.69) File compression used in JPEG images can sometimes reduce the file size by up to ________ percent.
(p.69) Many programs let you view the image both before and after compression to check for differences in ________.
(p.69) For GIF images and some PNG images, you can reduce the number of colors in the image to reduce the file size. For example, while GIF images can contain a maximum of 256 colors, an illustration with mostly solid-color regions may look just fine saved as a ________-color GIF.
(p.69) Some visually impaired users view the Web using ________ that do not display images at all.
(p.69) To accommodate visually impaired users, be sure to include ________ describing the images on your page.
(p.69) Alternative text can appear in place of the ________ and allows users to understand how it relates to the rest of the page.
(p.70) HTML coding lets you display images as ________ elements, which means they appear within the body of the page along with text.
(p.70 & 71) Type <IMG ________=”?”> where you want to insert a photographic image, replacing ? with the full path to the file you want to insert.
(p.71) When a graphic is saved in an images subdirectory (folder) relative to the HTML file, you reference it with the subdirectory name followed by a ________ and then the file name.
(p.71) Internet Explorer, Firefox, and most other Web browsers allow you to copy an image from a Web site by ________ the image and selecting a save command.
(p.72) You can set the width and height of an image in ________ or as a percentage of the overall window size.
(p.73) If you specify only one dimension, whether the width or the height, for your image, the browser sizes the other dimension ________ based on the original size.
(p.73) With monitors set at least 800 pixels in width and 600 pixels in height, browsers can usually display images that are 750 pixels in width and ________ pixels in height without requiring the user to scroll.
(p.73) It is better to resize images using an ________. This allows you to maintain an image’s quality and optimize its file size.
(p.74) For users who have images turned off in their browsers, you can add ________ that identifies the images on your page.
(p.74) Alternative text, sometimes called ________text, can describe what appears in an image and is an important addition to your Web page code.
(p.74) Click inside the <________> tag and type ALT=”? ”, replacing ? with alternative text describing the image.
(p.74) Alternative text can also help ________ determine the type of image content that is on your page.
(p.75) You can add a ________ that appears whenever the user moves the mouse pointer over a particular image on a Web page.
(p.75) You can use labels to offer detailed ________ about the image.
(p.75) Labels work the same as alternative text.
true
false
(p.75) ________ appears on the page itself when images are turned off.
a label
alternative text
(p.75) ________ appears in a pop-up box when the user moves the mouse over the image.
a label
alternative text
(p.76) Type ________ to create the copyright symbol.
(p.77) You can use the left and right alignment attributes to control the ________ positioning of an image on a page.
(p.77) The alignment attributes also control how text ________ around the image.
(p.78) You can use the alignment attributes to control the vertical positioning of an image on a page relative to text that follows it. The alignment attributes are top, ________, and bottom.
(p.79) You can center your image on the page using a <________> tag and the align attribute.
(p.81) You can stop text wrapping around your images using the line break tag along with the ________ attribute.
(p.82) You can add a ________ to an image to give it added emphasis or make it look more attractive on the page.
(p.82) You can define the ________ of a border in pixels.
(p.82) To remove a border you no longer want, click inside the <IMG> tag and type BORDER="________".
(p.83) You can increase the amount of space between images and text, also called ________, to make the page more visually appealing and easier to read.
padding
(p.83) You can control padding on the left and right sides of an image with the ________ attribute.
(p.83) You can control the padding above and below an image with the ________ attribute.
(p.83) The HSPACE and VSPACE attributes add space to ________ side(s) at a time.
(p.84) You can turn an image into a background for your Web page by setting an attribute in the <________> tag.
(p.84) When selecting an image for a background, try to factor in how your ________ will appear against the image.
(p.84) You may need to change the ________ of your text to make it legible against a background image.
(p.84) If you use a ________ enough image file, it fills the entire background.
(p.84) If you use a smaller image, the browser ________ the image across and down the page to fill the background with a repeating pattern.
(p.84) Click inside the <BODY> tag and type ________=”?”, replacing ? with the path to the image file you want to use.
(p.85) To advertise a product or service, or to give your Web site a consistent look and feel, you can use a GIF, JPEG, or PNG image as a ________.
(p.85) Full banners are typically 468 pixels wide and ________ pixels tall.