Web Banners Fundamentals — Questions and Answers

Question 1: What does 'z-index' control in an HTML5 banner layout?

The animation speed of an element
The stacking order of overlapping elements on the z-axis (Correct answer)
The horizontal position of an element
The file compression level of image assets

Correct answer: The stacking order of overlapping elements on the z-axis

Z-index determines which elements appear in front of or behind other elements when they overlap in the banner layout.

Question 2: What is a 'tracking pixel' used for in web banner campaigns?

A pixel-art style banner design technique
A single pixel image used to track impressions, conversions, or user actions (Correct answer)
A tool for measuring banner image resolution
A pixel-level ad placement tool

Correct answer: A single pixel image used to track impressions, conversions, or user actions

A tracking pixel is a 1×1 transparent image or script that fires when loaded, recording events like impressions or page visits.

Question 3: Which approach best demonstrates 'design for manufacturability' principles when applied to a large-scale banner ad campaign?

Outsourcing all design work to reduce internal overhead
Building reusable component libraries and templates that streamline production of all sizes (Correct answer)
Using only one ad size to minimize complexity
Designing each ad size completely independently from scratch

Correct answer: Building reusable component libraries and templates that streamline production of all sizes

Just as DFM in industrial design standardizes parts for efficient manufacturing, reusable component libraries allow ad teams to efficiently produce dozens of banner sizes from one system.

Question 4: What does 'CPM' stand for in web banner advertising pricing?

Creative Production Management
Cost Per Month
Cost Per Mille (per thousand impressions) (Correct answer)
Clicks Per Minute

Correct answer: Cost Per Mille (per thousand impressions)

CPM means cost per mille (Latin for thousand), representing the price an advertiser pays per 1,000 ad impressions.

Question 5: In banner design for industrial products, using a scale reference object (like a human hand) alongside the product helps viewers most with:

Grasping the product's actual physical size (Correct answer)
Understanding the product's color accuracy
Assessing the product's weight
Identifying the product's country of origin

Correct answer: Grasping the product's actual physical size

Familiar objects like a hand give viewers an instant, intuitive sense of the product's actual dimensions without needing to read specs.

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

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
When an ad server is overloaded with requests

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 7: What is a 'takeover' ad in digital banner advertising?

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

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 8: What is GreenSock Animation Platform (GSAP) commonly used for in HTML5 banner production?

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

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 9: Under GDPR regulations affecting US companies targeting EU users, what must banner ad retargeting campaigns obtain?

Approval from a local advertising board
A legal disclaimer in the ad copy
EU domain registration for the landing page
Explicit user consent before setting tracking cookies (Correct answer)

Correct answer: Explicit user consent before setting tracking cookies

GDPR requires that websites obtain explicit, informed user consent before placing tracking cookies used for retargeting campaigns.

Question 10: What are the pixel dimensions of a standard leaderboard banner?

160×600
300×250
728×90 (Correct answer)
320×50

Correct answer: 728×90

The leaderboard banner measures 728×90 pixels and typically appears at the top of a webpage.

Question 11: Why did the ad industry transition from Flash to HTML5 for animated banners?

Flash was deprecated and unsupported on mobile devices and modern browsers (Correct answer)
HTML5 banners have larger file sizes
HTML5 cannot support video in banners
Flash was more expensive to produce

Correct answer: Flash was deprecated and unsupported on mobile devices and modern browsers

Flash required a browser plugin unsupported on iOS and was officially deprecated by Adobe and all major browsers by 2020.

Question 12: A product design banner needs to communicate precision engineering. Which typographic choice best reinforces this message?

Handwritten script font
Condensed display font with shadows
Clean geometric sans-serif (Correct answer)
Decorative serif with flourishes

Correct answer: Clean geometric sans-serif

Geometric sans-serif fonts mirror the precision and rationality associated with engineering and industrial design.

Question 13: A product design banner for a sustainable furniture brand uses natural material textures (wood grain, linen) as background elements. This design choice primarily communicates:

Budget constraints in the design process
Compliance with eco-labeling regulations
That the product is handmade exclusively
Brand alignment with nature, sustainability, and authenticity (Correct answer)

Correct answer: Brand alignment with nature, sustainability, and authenticity

Natural texture backgrounds signal the brand's environmental values and create a visual language consistent with sustainability messaging.

Question 14: According to FTC guidelines in the US, how must paid banner ads that resemble editorial content be labeled?

A small asterisk footnote is sufficient
Clearly marked as 'Ad,' 'Sponsored,' or 'Advertisement' (Correct answer)
Only video ads require FTC disclosure
They require no disclosure if they match site design

Correct answer: Clearly marked as 'Ad,' 'Sponsored,' or 'Advertisement'

The FTC requires that native and sponsored ads be clearly and conspicuously labeled to prevent consumers from being deceived about commercial content.

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

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

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 16: What is the recommended maximum animation duration for a standard HTML5 banner per IAB guidelines?

60 seconds
10 seconds
15 seconds
30 seconds (Correct answer)

Correct answer: 30 seconds

IAB recommends a maximum animation duration of 30 seconds for standard display HTML5 banners.

Question 17: What is the difference between a 'static' and a 'rich media' banner?

Rich media banners can only be used on social media
Static banners are larger in file size
Static banners are non-animated images; rich media banners include interactive or animated elements (Correct answer)
Static banners are HTML5 while rich media banners are JPEG

Correct answer: Static banners are non-animated images; rich media banners include interactive or animated elements

Static banners are fixed images, while rich media banners incorporate animation, video, audio, or user interaction.

Question 18: Which principle explains why placing the product image on the left and the CTA on the right works well in LTR markets?

The rule of thirds requires this layout
Natural left-to-right reading flow guides the eye from product to action (Correct answer)
Right-side CTAs load faster in browsers
The Gestalt law of proximity

Correct answer: Natural left-to-right reading flow guides the eye from product to action

In left-to-right reading cultures, the eye naturally moves from left to right, so showing the product first and the CTA second follows the viewer's natural journey.

Question 19: Which banner size is most commonly used for mobile advertising?

160×600
320×50 (Correct answer)
300×250
728×90

Correct answer: 320×50

The 320×50 mobile banner (mobile leaderboard) is the most common size for smartphone display advertising.

Question 20: What does 'skyscraper' refer to in web banner advertising?

A tall, narrow vertical banner format (Correct answer)
A banner displayed only on high-traffic websites
A full-page takeover ad
A banner that appears above all other page content

Correct answer: A tall, narrow vertical banner format

A skyscraper is a tall vertical banner, commonly 160×600 pixels (wide skyscraper) or 120×600 pixels.

Question 21: When adapting a product banner designed for a desktop leaderboard (728x90) to a mobile interstitial (320x480), which layout change is most critical?

Reducing the number of color variants shown
Removing all text to save space
Recomposing from a horizontal to a vertical layout prioritizing the product image and CTA (Correct answer)
Replacing the product photo with an icon

Correct answer: Recomposing from a horizontal to a vertical layout prioritizing the product image and CTA

Converting from horizontal to vertical layout is the fundamental structural change needed, and the composition must be rebuilt rather than simply scaled or cropped.

Question 22: Which file format is the current industry standard for animated web banners?

HTML5 (Correct answer)
Flash (SWF)
MPEG-4
Animated GIF

Correct answer: HTML5

HTML5 replaced Flash as the standard for animated banners because it works across all browsers and devices without plugins.

Question 23: What is the purpose of a 'manifest file' in an HTML5 banner package?

To store user interaction data
To list all click destinations for the banner
To define animation timings and sequences
To declare all files included in the banner package for the ad server (Correct answer)

Correct answer: To declare all files included in the banner package for the ad server

A manifest file lists every asset in the banner package so the ad server can correctly assemble and serve the creative.

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

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

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 25: Which HTML5 element is primarily used to render animated graphics and interactive banner content?

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

Correct answer: <canvas>

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

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