Reading...
Play button
Play button
Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
17 Cards in this Set
- Front
- Back
|
Which element do you use to place images in your Web page...
|
<img>
|
|
|
Explain how <img> elements are treated differently from other elements by the browser...
|
the browser retrieves the other elements content first
then it retrieves each image from the Web server |
|
|
If your Web page contains more than a couple of large images, how would you make the user experience faster and better for loading this page...
|
you could create reduced size images and save them as thumbnails, then make the smaller thumbnail images part of an <a> element
that way, the user could see all images together in context at once, and choose whether to link from any thumbnail to a larger image |
|
|
Is <img> an inline element inline or a block element...
|
<img> is an inline element... the browser does not put a linebreak before or after an image
|
|
|
Which attribute would you use to specify the location of the image file, and what can you say about path types to retrieve the image from its location...
|
src is the attribute to specify the images location
images on your own site would be retrieved as... relative paths images from other sites would be retrived as... URL (absolute paths) |
|
|
What does the alt attribute do for an image, give a main benefit of using it...
|
it is used to give a meaningful textual description of an image
the description is shown if an image has a broken link also it can be used by screen readers to describe the image to a visually impaired user |
|
|
What is a good rule of thumb size for a photo image for a Web page, and what can you say about images created from digital cameras...
|
A width of less than 800 pixels is a good size
digital camera images are in the main way too large... and you will have to resize them prior to publishing |
|
|
What effect does an image that is too large have on a Web page...
|
images that are too large cause Web pages to be:
difficult to use, and slow to download and display |
|
|
What is the smallest dot that can be represented on the screen, and
how many are there in an inch... |
a pixel is the smallest dot represented on the screen
depending on your monitor, pixels can be present from 72 pixels in an inch to 120 pixels in an inch |
|
|
What two image formats are widely supported by Web browsers...
|
JPEG, and
GIF |
|
|
Which image format is best for photographs and other comlex images...
|
JPEG
|
|
|
Which image format is best for logos and other simple graphics and solid colors, lines or text...
|
GIF
|
|
|
What image compression tradeoffs do you have to consider when resizing images...
|
for JPEGs you have to balance image quality with file size
|
|
|
Which image type allows a transparent background to be applied to the image...
|
GIF
|
|
|
Describe the feature in Photoshop Elements used to soften the edges of transparencies...
|
use the "Matte color menu" in the "Save for Web" dialog
|
|
|
Explain how an image can be used as a hyperlink...
|
1) use the <img> element as the content of an <a> element
2) put the link in the link in the href attribute of the <a> element e.g. <a href="html/seattle_med.html"> <img src="thumbnails/seattle_med.jpg" alt="My iPod in Seattle, WA"></a> |
|
|
How do you create a log with <img>
|
<img src=”logo/mypod.gif” alt=”myPod Logo”>
|
