Section 1
Preview this deck
What is image animation?
Front
| 5 | 0 | ||
| 4 | 0 | ||
| 3 | 0 | ||
| 2 | 0 | ||
| 1 | 0 |
Active users
0
All-time users
0
Favorites
0
Last updated
6 years ago
Date created
Mar 1, 2020
Cards (87)
Section 1
(50 cards)
What is image animation?
A technique that combines several images in a sequence that is rendered in rapid succession to simulate motion
<map> tag's name attribute
Provides a reference name for image map
loop="loop"
Specifies that the audio or video file will play over and over again without stopping
Compression
The compression algorithms available in SVG allow you to create high quality photos & movies that are smaller in file size than other formats
When a user with a slow Internet connection downloads a non-interlaced image, the top of the image will appear when the browser has read:
50% of image
Client-side image maps are more common than server side image maps because server side image maps:
Require server-side scrips
Stock Photography Website
Contains photographs you can purchase the rights to use in printed material or on webuste
What is the advantage of designing an image in layers?
The ability to manipulate components independently of the entire image
Polygon coords
x1,y1,x2,y2,xn,yn
<img> tag's usemap attribute
Indicates the image place in webpage will use an image map.
Transparency
Allows webpage background to show through specified areas, making image appear to float on page background
Photo-Management software
organize & edit photos in portfolio
<map> </map> tags
Encloses <area> tags. Define your image map with the <map> tag either before or after related <img> tag.
What type of graphical image can be shrunk without losing image quality?
Vector graphics
<area> tag's shape attribute
"rect" - rectangular area "circle" - circular area "poly" - any other shape "default" = use entire area
Which of the following are accepted values for the <area> tag's shape attribute?
rect, circle, poly
# in usemap attribute's "mapname" value
Indicates #mapname value represents an image map defined within same HTML file. If no hash browser will look outside HTML page for referenced mapname file.
Which attribute and value should you use if you need to define a hot spot that is neither rectangular nor circular?
shape="poly"
Which choice correctly describes the effect of removing pixels and compressing bitmap graphic files?
File size will decrease and image quality will diminish
Consider the code: <audio> <source src="audio.mp3" type="audio/mpeg" /> <source src="audio.wav" type="audio/wav" /> <source src="audio.ogg" type="audio/ogg" /> Your browser does not support the HTML5 audio element. </audio> Which attribute and value must you add to the <audio> element to incorporate default audio operations such as play, pause, volume, etc?
controls="controls" Ex: <audio controls="controls">
What occurs when a user with a slow internet connection attempts to download a non-interlaced image?
The image will remain invisible or incomplete for some time
Which HTML tag should you use to define a hot spot region on an image map?
The <area> tag
Zooming
Can zoom in on portions of image without losing quality
<img> tag
Specifies an image file in a webpage. src attribute specifies the image file name
Vector Graphics
Use mathematical coordinates with lines, curves and shapes to create images and specify colors. Vector graphics are generally small in file size. Presentation size can be enlarged or shrunk (scaled) without losing image qualtiy
Interlacing
Technique that allows an image to progressively display itself in a browser as it downloads. Image will appear in stages over the period of download time
The <video> element format supports three formats?
MP4, WebM & OGG
<area> tag's alt attribute
Alternative text must be provided whenever href is used
What is image interlacing?
A technique that allows an image to progressively display in a browser as it downloads
The <audio> element supports which three formats?
MP3, Ogg and Wav
circle coords
x1,y1,radius
Which of the following techniques should you implement to make your pages more accessible to users with slower internet connections?
Image interlacing
What kind of website contains photographs that are copyrighted to the photographer from whom you must obtain permission to use the images?
A photo sharing website
Poly shape code example
<area shape="poly" coords="x1,y1,x2,y2,xn,yn" href="url"/>
Image Map
A webpage image with clickable regions that are defined as "hot spot" hyperlinks to other pages or page sections
Which of the following coords attribute values defines a polygon?
coords="x1,y1,x2,y2,x3,y3,x4,y4"
Searchable text
Text within SVG images can be indexed & searched
The term "pixel" is short for:
Picture element
<area> tag's href attribute
Value is a URL specifying the linked page that will load when user clicks defined hot spot area of image map
Vector Graphics:
Use mathematical coordinates to create images & specify colors
Which of the following is required to render Flash or SVG data in a browser?
The appropriate plug in
Microstock Photography
Offshoot of stock photography. Provides deal almost exclusively over internet
What attribute should you add to the <audio> element if you want your audio to play over and over again without stopping?
loop="loop"
Bitmap Graphics
Use small dots to create images and specify colors. Each dot is mapped to bits and stored in memory. Bitmaps also called raster graphics & include jpeg, gif & png formats. Removing pixels and compressing files decrease file size & reduce quality
<area> tag's coords attribute
Number and meaning of coordinates you specify based on shape value
Coords attribute values defines a rectangle
coords="x1,y1,x2,y2"
rect coords
x1,y1,x2,y2
<area> tags
Stand alone tags that define the hot spot regions of the image map. Can define as many or as few hot spot regions as you like
autoplay="autoplay"
Specifies that the video will play immediately upon loading
Describes the tasks required to define a hot spot on an image map?
Determine x & y coordinates that indicate the hot spot's position on the image & URL reference
Section 2
(37 cards)