NEW
Font size
S
M
L
XL
WorksheetsUser-Interface Design Cert Prep
Total questions: 15
Worksheet time: 8mins
Name
Class
Date
1.
If you want to make an image blend into the page background by giving it a sense of transparency, which coding approach would accomplish this?
a)
Apply CSS opacity property to the image
b)
Apply the HTML clear attibute in the <img> element
c)
Apply the CSS transparency property to the image
d)
Apply the HTML box-shadow attribute in the <img> element
2.
Which choice uses the correct syntax for a CSS rule in an external style sheet?
a)
p {text-align: "center" color: "red"}
b)
p {text-align: center; color: red; }
c)
{p: text-align: center; color: red; }
d)
p text-align=center; color=red:
3.
If a browser does not support the provided video format which HTML5 code should be inserted in the video page to display a text notice in place of the video if it is not supported?
a)
The type attribute
b)
The <source></source> tag
c)
The poster attribute
d)
The <video></video> tags
4.
Choose which result the code will yield
a)
Nothing, there is a load-time error in the script
b)
"Inventory status is good" appears in the browser document
c)
Nothing, there is a run-time error in the script
d)
"Order more items" appears in the browser document
5.
Using Responsive Web Design (RWD) ensures that site will display correctly in all desktop browsers and mobile devices.
You used a grid-based layout and resize-able images, which is another RWD technique that you can use in responsive design?
You used a grid-based layout and resize-able images, which is another RWD technique that you can use in responsive design?
a)
Use relative units, such as percentages, for positioning page elements
b)
Use standard page structure elements, including <header>, <footer> and <article>, because older devices will display content in the structure elements correctly
c)
Use static pixels for all content positioning
d)
Use smaller fonts for all body text, to ensure it will appear correctly on smaller screens
6.
Consider the following code:
<input type="text" patter="/d{1,2}/\d{1,2}/\d{4}">
What information format does this pattern check for?
<input type="text" patter="/d{1,2}/\d{1,2}/\d{4}">
What information format does this pattern check for?
a)
Digits
b)
Country code
c)
Date
d)
Price
7.
Consider the following Code:
Which statement defines the even listener in this code, specifying that this image can be dragged on the screen by the user?
Which statement defines the even listener in this code, specifying that this image can be dragged on the screen by the user?
a)
draggable="true"
b)
id="drag1"
c)
src="images/logo.pgn"
d)
ondragstart="drag(event)"
8.
To ensure a site's pages render as expected by the target audience, regardless of the device used to access them, which design model should be followed?
a)
Dual platform design
b)
HTML Transitional 1.0 design
c)
Responsive Web Design
d)
Cascadingd Style Sheet design
9.
Which term describes a named set of JavaScript statements that performs a task or calculates a value, can be used multiple times, and can be processed or invoked by other parts of the script?
a)
An event
b)
A parameter
c)
An object
d)
A function
10.
Which HTML5 structure element is intended to contain the page's primary content, which is directly related to the page's subject?
a)
<body>
b)
<div>
c)
<section>
d)
<main>
11.
Which technology, when combined with HTML, will provide the most consistent and accessible interface for your Web Site?
a)
Flash
b)
PHP
c)
JavaScript
d)
CSS
12.
Which of the following delivers style instructions based on device capabilities such as screen width?
a)
HTML5 rel attribute
b)
HTML5 type attribute
c)
CSS3 media queries
d)
CSS3 media properties
13.
Which statement is accurate regarding mobile Web sites and mobile applications?
a)
Mobile Web sites are more expensive
b)
Mobile Web sites are created with programming languages such as Objective-C
c)
Mobile applications run within a mobile device browser
d)
Mobile Web sites are easier to create than mobile applications
14.
After a Web site is developed, which practice is most important to complete prior to publishing the site?
a)
Validate 2D and 3D graphics using http://get.webgl.org
b)
Register the site's domain name with the W3C
c)
Check functionality of internal links with the W3C markup validator
d)
Test the site on various devices and platforms
15.
Which HTML5 attribute can be used with HTML5 date input type to limit date selection?
a)
maxlength
b)
max
c)
multiple
d)
pattern
Reset
