The CIW Web and Mobile Design SeriesThe CIW
Web and Mobile Design Series Exam
Question 1. What is the primary purpose of the HTML5 <canvas> element?
A) To embed audio content
B) To create interactive graphics and animations
C) To define a navigation menu
D) To handle form inputs
Answer: B
Explanation: The <canvas> element is used in HTML5 to draw graphics via
scripting, enabling dynamic rendering of images, animations, and
visualizations on web pages.
Question 2. Which CSS3 property is used to create a smooth transition effect
between two states?
A) animation-delay
B) transition
C) keyframes
D) transform
Answer: B
Explanation: The CSS transition property allows changes in CSS property
values to occur smoothly over a specified duration, enhancing user experience
with animated effects.
,The CIW Web and Mobile Design SeriesThe CIW
Web and Mobile Design Series Exam
Question 3. In HTML5, which attribute is used to specify the type of input in
a form to accept email addresses?
A) type="text"
B) type="email"
C) input-type="email"
D) format="email"
Answer: B
Explanation: The type="email" attribute specifies that the input should accept
email addresses, enabling browsers to validate input and provide appropriate
keyboards on mobile devices.
Question 4. Which JavaScript feature allows handling asynchronous
operations more effectively?
A) Callbacks
B) Promises
C) Variables
D) Loops
Answer: B
Explanation: Promises in JavaScript provide a cleaner way to manage
asynchronous operations, allowing chaining and error handling in
asynchronous workflows.
,The CIW Web and Mobile Design SeriesThe CIW
Web and Mobile Design Series Exam
Question 5. What is the main advantage of responsive web design (RWD)?
A) Faster server response times
B) Content adapts seamlessly to various device sizes
C) Improved security
D) Simplifies backend development
Answer: B
Explanation: RWD ensures that web content automatically adjusts its layout
and elements to fit different screen sizes, providing optimal viewing
experiences across devices.
Question 6. Which API allows web applications to access the user's
geographic location?
A) Geolocation API
B) File API
C) Canvas API
D) History API
Answer: A
Explanation: The Geolocation API enables web applications to retrieve the
geographical position of a user, which can be used for location-based
services.
, The CIW Web and Mobile Design SeriesThe CIW
Web and Mobile Design Series Exam
Question 7. Which HTML5 element is used to provide a list of predefined
options for an input field?
A) <datalist>
B) <list>
C) <option>
D) <select>
Answer: A
Explanation: The <datalist> element offers a set of options that appear as
suggestions for an <input> element, enhancing user input efficiency.
Question 8. What is the key difference between native mobile applications
and mobile websites?
A) Native apps run on the device's operating system; websites run in browsers
B) Native apps are always free; websites are paid
C) Websites cannot access hardware features; native apps cannot
D) Native apps are only for Android; websites are for all devices
Answer: A
Explanation: Native applications are built specifically for a platform's OS and
installed directly on devices, whereas mobile websites are accessed through
browsers and are platform-independent.
Web and Mobile Design Series Exam
Question 1. What is the primary purpose of the HTML5 <canvas> element?
A) To embed audio content
B) To create interactive graphics and animations
C) To define a navigation menu
D) To handle form inputs
Answer: B
Explanation: The <canvas> element is used in HTML5 to draw graphics via
scripting, enabling dynamic rendering of images, animations, and
visualizations on web pages.
Question 2. Which CSS3 property is used to create a smooth transition effect
between two states?
A) animation-delay
B) transition
C) keyframes
D) transform
Answer: B
Explanation: The CSS transition property allows changes in CSS property
values to occur smoothly over a specified duration, enhancing user experience
with animated effects.
,The CIW Web and Mobile Design SeriesThe CIW
Web and Mobile Design Series Exam
Question 3. In HTML5, which attribute is used to specify the type of input in
a form to accept email addresses?
A) type="text"
B) type="email"
C) input-type="email"
D) format="email"
Answer: B
Explanation: The type="email" attribute specifies that the input should accept
email addresses, enabling browsers to validate input and provide appropriate
keyboards on mobile devices.
Question 4. Which JavaScript feature allows handling asynchronous
operations more effectively?
A) Callbacks
B) Promises
C) Variables
D) Loops
Answer: B
Explanation: Promises in JavaScript provide a cleaner way to manage
asynchronous operations, allowing chaining and error handling in
asynchronous workflows.
,The CIW Web and Mobile Design SeriesThe CIW
Web and Mobile Design Series Exam
Question 5. What is the main advantage of responsive web design (RWD)?
A) Faster server response times
B) Content adapts seamlessly to various device sizes
C) Improved security
D) Simplifies backend development
Answer: B
Explanation: RWD ensures that web content automatically adjusts its layout
and elements to fit different screen sizes, providing optimal viewing
experiences across devices.
Question 6. Which API allows web applications to access the user's
geographic location?
A) Geolocation API
B) File API
C) Canvas API
D) History API
Answer: A
Explanation: The Geolocation API enables web applications to retrieve the
geographical position of a user, which can be used for location-based
services.
, The CIW Web and Mobile Design SeriesThe CIW
Web and Mobile Design Series Exam
Question 7. Which HTML5 element is used to provide a list of predefined
options for an input field?
A) <datalist>
B) <list>
C) <option>
D) <select>
Answer: A
Explanation: The <datalist> element offers a set of options that appear as
suggestions for an <input> element, enhancing user input efficiency.
Question 8. What is the key difference between native mobile applications
and mobile websites?
A) Native apps run on the device's operating system; websites run in browsers
B) Native apps are always free; websites are paid
C) Websites cannot access hardware features; native apps cannot
D) Native apps are only for Android; websites are for all devices
Answer: A
Explanation: Native applications are built specifically for a platform's OS and
installed directly on devices, whereas mobile websites are accessed through
browsers and are platform-independent.
