Web Banners Fundamentals — Questions and Answers

Question 1: What does 'SVG' stand for and why is it used in HTML5 banners?

Standard Video Graphics; used for video backgrounds
Scalable Video Graphics; used for animated video
Static Vector Graphic; used for photos
Scalable Vector Graphic; used for resolution-independent logos and icons (Correct answer)

Correct answer: Scalable Vector Graphic; used for resolution-independent logos and icons

SVG is an XML-based vector image format that scales perfectly at any size, ideal for logos and icons in responsive banners.

Question 2: A product banner uses a dark overlay on a background image before placing white text. Why?

To create a nighttime effect for the product story
To comply with copyright by obscuring the photo
To ensure sufficient contrast between text and a complex background image (Correct answer)
To reduce the file size of the image

Correct answer: To ensure sufficient contrast between text and a complex background image

A semi-transparent dark overlay increases text contrast against busy or light background images, making copy legible regardless of the underlying photo.

Question 3: What is an 'expandable' banner ad?

A banner served at higher resolution on retina displays
A banner that enlarges from its original size when a user interacts with it (Correct answer)
A banner that grows in file size over time
A banner that fills the entire screen on mobile

Correct answer: A banner that enlarges from its original size when a user interacts with it

Expandable banners start at a standard size and expand to a larger panel when a user hovers over or clicks them.

Question 4: Which of the following is a 'native' ad format as opposed to a traditional banner?

In-feed sponsored content that matches page style (Correct answer)
300×250 medium rectangle
A pop-under ad
A 728×90 leaderboard

Correct answer: In-feed sponsored content that matches page style

Native ads blend with the surrounding editorial content in format and style, unlike traditional display banners.

Question 5: What is GreenSock Animation Platform (GSAP) commonly used for in HTML5 banner production?

Image compression for banner assets
Generating banner click tracking pixels
High-performance JavaScript animation for complex banner sequences (Correct answer)
Hosting and serving banner ad files

Correct answer: High-performance JavaScript animation for complex banner sequences

GSAP is a professional JavaScript animation library widely used in HTML5 banners for smooth, complex timelines.

Question 6: In web banner design, what is the purpose of a 'border' around the banner?

To visually separate the banner from the surrounding page content (Correct answer)
To indicate the banner is clickable
To satisfy legal requirements
To increase the file size

Correct answer: To visually separate the banner from the surrounding page content

A border defines the banner's edges against the page background, especially when the banner has a white or light background.

Question 7: What is the pixel size of a 'half page' or 'large rectangle' banner unit?

320×100
970×250
468×60
300×600 (Correct answer)

Correct answer: 300×600

The 300×600 half page unit offers a large canvas for creative and is considered a high-impact ad format.

Question 8: What organization publishes the standard ad unit guidelines that define common web banner sizes?

IAB (Interactive Advertising Bureau) (Correct answer)
FCC
W3C (World Wide Web Consortium)
IEEE

Correct answer: IAB (Interactive Advertising Bureau)

The IAB publishes the New Ad Portfolio guidelines that standardize banner ad sizes used across the industry.

Question 9: It occurs when a business spends $1 for each person in the expected audience of 1000.

Cost Per Click
Cost Per View
None of the Above
Cost Per Thousands (Correct answer)

Correct answer: Cost Per Thousands

Cost Per Thousands (CPM), or Cost Per Mille (Mille being Latin for thousands), is an advertising metric where the advertiser pays a set amount for every one thousand impressions (views) their ad receives. This model focuses on the exposure of an ad to a large audience, meaning a business spending $1 for every 1000 people in the expected audience aligns perfectly with the CPM definition. It's a common way to price display advertising.

Question 10: What is the purpose of an 'exit event' in a rich media HTML5 banner?

To close the browser tab when the ad loads
To track and execute a click-through action when a user clicks the banner (Correct answer)
To log when a user leaves the webpage
To remove the banner from the page after a set time

Correct answer: To track and execute a click-through action when a user clicks the banner

An exit event is a defined clickable area in a rich media banner that fires a tracking call and redirects to the landing page.

Question 11: Which color contrast ratio is the WCAG AA minimum standard that industrial designers should meet for banner text legibility?

7:1
2:1
3:1
4.5:1 (Correct answer)

Correct answer: 4.5:1

WCAG AA requires a minimum 4.5:1 contrast ratio for normal text to ensure readability for users with visual impairments.

Question 12: Which JavaScript API is commonly used for high-performance animation timing in HTML5 banners?

setTimeout
XMLHttpRequest
requestAnimationFrame (Correct answer)
setInterval

Correct answer: requestAnimationFrame

requestAnimationFrame synchronizes animation updates with the browser's repaint cycle for smooth, efficient rendering.

Question 13: What is 'design consistency' and why is it critical across a multi-banner campaign?

Maintaining uniform visual language (colors, fonts, tone) so all banners feel part of one brand (Correct answer)
Using the same file format for all banners
Making all banners the exact same pixel dimensions
Using the same copywriter for all banners

Correct answer: Maintaining uniform visual language (colors, fonts, tone) so all banners feel part of one brand

Consistent visual language reinforces brand recognition across touchpoints and builds trust with repeated exposure.

Question 14: What does 'bounce rate' indicate when analyzing banner ad landing page performance?

The frequency of banner ad rejections by ad networks
The percentage of users who clicked the banner more than once
The rate at which the banner ad failed to load
The percentage of users who left the landing page without any further interaction (Correct answer)

Correct answer: The percentage of users who left the landing page without any further interaction

A high bounce rate on the landing page suggests a disconnect between the banner's promise and the landing page content.

Question 15: What is 'ad fatigue' in web banner advertising?

When an ad server is overloaded with requests
A technical issue causing banner load errors
Declining performance as users become desensitized to seeing the same banner repeatedly (Correct answer)
Banner animation slowing down over time

Correct answer: Declining performance as users become desensitized to seeing the same banner repeatedly

Ad fatigue occurs when repeated exposure to the same banner causes users to ignore it, leading to declining CTR and engagement.

Question 16: What is the maximum initial file load size recommended by IAB for most standard display ads?

100 KB
500 KB
1 MB
200 KB (Correct answer)

Correct answer: 200 KB

IAB recommends a maximum initial file load of 200 KB for standard display ads to prevent slowing page load times.

Question 17: What is a 'floating' or 'overlay' web banner?

A banner positioned inside a floating iframe
An ad that appears on top of the page content, overlaying it (Correct answer)
A banner that stays fixed as the user scrolls
A banner served only to mobile users

Correct answer: An ad that appears on top of the page content, overlaying it

Floating or overlay ads appear directly on top of page content, often with a close button, creating high visibility.

Question 18: What is a 'takeover' ad in digital banner advertising?

An ad that plays audio automatically
An ad that takes over a competitor's ad slot
An ad campaign that covers multiple placements on a single page simultaneously (Correct answer)
An ad displayed when a user's session times out

Correct answer: An ad campaign that covers multiple placements on a single page simultaneously

A page takeover is when a single advertiser purchases all ad slots on a given page to dominate the visual space.

Question 19: Which HTML5 element is primarily used to render animated graphics and interactive banner content?

<canvas> (Correct answer)
<video>
<iframe>
<svg>

Correct answer: <canvas>

The <canvas> element provides a drawing surface for JavaScript-based animations commonly used in HTML5 banners.

Question 20: What is the primary benefit of using a single focal point in a web banner?

It simplifies file compression
It reduces the design time needed
It allows for more text to be included
It immediately draws the viewer's eye to the most important element (Correct answer)

Correct answer: It immediately draws the viewer's eye to the most important element

A single focal point prevents visual confusion and ensures viewers immediately notice the key message or product.

Question 21: A 'skyscraper' banner ad typically has which dimensions?

300x250 pixels
728x90 pixels
320x50 pixels
160x600 pixels (Correct answer)

Correct answer: 160x600 pixels

The 160x600 pixel wide skyscraper is a tall, narrow vertical banner format commonly placed in page sidebars.

Question 22: What does 'VAST' stand for in digital video advertising?

Video Ad Serving Template (Correct answer)
Video Animation Standard Template
Verified Ad Serving Tool
Visual Ad Scaling Technology

Correct answer: Video Ad Serving Template

VAST (Video Ad Serving Template) is an IAB standard XML schema for serving video ads across different players.

Question 23: A web banner for a power tool uses motion blur on moving parts (like a spinning drill bit) to convey:

Speed, power, and the product's operational energy (Correct answer)
Poor photography quality that should be corrected
That the product is difficult to control
The product is out of focus and unusable

Correct answer: Speed, power, and the product's operational energy

Intentional motion blur on moving components is a deliberate visual shorthand for speed and kinetic power, communicating performance without requiring video.

Question 24: What is a 'timeline' in HTML5 banner animation development?

The IAB-mandated maximum animation duration
The history of edits made to the banner file
The scheduled delivery dates for a banner campaign
A sequence that controls when and how multiple animation events play (Correct answer)

Correct answer: A sequence that controls when and how multiple animation events play

A timeline organizes multiple animation events in sequence or in parallel, controlling the overall playback of the banner.

Question 25: What is a 'billboard' ad unit in IAB's New Ad Portfolio?

A physical outdoor advertisement
A 970×250 pixel large-format desktop display ad (Correct answer)
A banner that covers the entire browser window
An ad displayed on streaming video platforms

Correct answer: A 970×250 pixel large-format desktop display ad

The IAB billboard is a 970×250 pixel high-impact display unit designed for prominent placement on desktop pages.

Web Banners Fundamentals

A comprehensive assessment of web banner advertising knowledge covering design principles, IAB industry formats and standards, and HTML5 animation techniques used in digital display advertising campaigns.

Questions

30 min

Time Limit

70%

To Pass

Checking for saved progress...

Exam Rules

You can skip questions and return to them later
Flag questions for review before submitting
No feedback shown until you submit the entire exam
Unanswered questions count as wrong — answer everything
10 pretest questions are mixed in and don't affect your score
Timer auto-submits when time runs out
Your progress is auto-saved every 30 seconds