wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HCI - Midterm Exam

Total questions: 78

Worksheet time: 1hrs 18mins

Name
Class
Date
1.

Age/generation, Disability/accessibility, Gender, Consumer group, Occupation and Culture/country.

a)

USER TYPE

b)

PLATFORM / SYSTEM SETUP

c)

VENDORS / ORGANIZATIONS

d)

INTERFACE STYLE / MODALITY/TECHNOLOGY

2.

Mobile/handheld, Desktop, Large display/virtual reality, Embedded, Public installation and Operating system/network.

a)

USER TYPE

b)

PLATFORM / SYSTEM SETUP

c)

VENDORS / ORGANIZATIONS

d)

INTERFACE STYLE / MODALITY/TECHNOLOGY

3.

Private, Public and Design style/identity.

a)

USER TYPE

b)

PLATFORM / SYSTEM SETUP

c)

VENDORS / ORGANIZATIONS

d)

INTERFACE STYLE / MODALITY/TECHNOLOGY

4.

WIMP(Windows, Icons, Menus, Pointers), Non-WIMP 3-D and Multimodal.

a)

USER TYPE

b)

PLATFORM / SYSTEM SETUP

c)

VENDORS / ORGANIZATIONS

d)

INTERFACE STYLE / MODALITY/TECHNOLOGY

5.

Location/place, Time, Noise/lighting and Bodily constraints

a)

USER TYPE

b)

PLATFORM / SYSTEM SETUP

c)

TASK/OPERATIONAL CONTEXT

d)

INTERFACE STYLE / MODALITY/TECHNOLOGY

6.

Game, Media/information, Electronic commerce , Design/editing and Social network service

a)

USER TYPE

b)

APPLICATIONS

c)

TASK/OPERATIONAL CONTEXT

d)

INTERFACE STYLE / MODALITY/TECHNOLOGY

7.

Display layout, Information structure/navigation, Soliciting input, Information/output visualization

Design process and practices, User experience and General aesthetics.

a)

GENERAL HCI DESIGN

b)

APPLICATIONS

c)

TASK/OPERATIONAL CONTEXT

d)

INTERFACE STYLE / MODALITY/TECHNOLOGY

8.

The display layout should be such that it is organized according to the information content (e.g.,importance,sequence, functionality), is sized manageably (e.g., divided into proper sections), is attention grabbing, and is visually pleasing (e.g., aligned and with restricted use of colors)

a)

GENERAL HCI DESIGN

b)

APPLICATIONS

c)

VISUAL DISPLAY LAYOUT

d)

INTERFACE STYLE / MODALITY/TECHNOLOGY

9.

Clever designs for taking user input (e.g., raw information or system commands) can improve the overall performance, in terms of both time and accuracy, for highly interactive systems.

a)

GENERAL HCI DESIGN

b)

TAKING USER INPUT

c)

VISUAL DISPLAY LAYOUT

d)

INTERFACE STYLE / MODALITY/TECHNOLOGY

10.

Visual Display Layout guidelines avoid cluttered displays, place important items consistently, place important items at the top center and stucture for easy comparison.

a)

TRUE

b)

FALSE

11.

What is HCI stands for?

(a)  

12.

Human-Computer Interaction (HCI) is a multidisciplinary field of study focusing on the design of computer technology and, in particular, the interaction between ______________________.

a)

human and gadgets

b)

user and interface

c)

human and computer

d)

user and interaction

13.

____________ is a concept to be distinguished from another similar term, interface.

a)

interaction

b)

user

c)

human and computer

d)

user and interaction

14.

When humans interact with _____________, they bring to the encounter a lifetime of experience.

a)

system

b)

interface

c)

application

d)

computer

15.

Represents the internal state on output peripherals

a)

system

b)

interface

c)

application

d)

computer

16.

Encompasses the functional completeness, high usability, aesthetic appeal of the interactive artifact, and seamless integration into one's lifestyle.

a)

user experience

b)

interface

c)

application

d)

computer

17.

HCI comprises three major parts within the framework, ____________, _______________ and _________________.

a)

human, machine, interface

b)

human, computer, interaction

c)

user, machine, interaction

d)

user, computer, interface

18.

_______________ play an important role in achieving the goal of designing HCI.

a)

Capability

b)

Usability

c)

Accessibility

d)

Deliverability

19.

This principle simply states that the interaction and interface should cater to the needs and capabilities of the target user of the system in design

a)

Know Thy User

b)

Understand the Task

c)

Reduce Memory Load

d)

Remind Users and Refresh Their Memory

20.

Is closely related

to the interaction modeling and user analysis.

a)

Know Thy User

b)

Understand the Task

c)

Reduce Memory Load

d)

Remind Users and Refresh Their Memory

21.

Is of particular importance with regard to the interface's role as quick and easy guidance to the completion of the task.

a)

Know Thy User

b)

Understand the Task

c)

Reduce Memory Load

d)

Remind Users and Refresh Their Memory

22.

Any significant task will involve the use of memory, so another good strategy is to employ interfaces that give continuous reminders of important information and thereby refresh the user's memory.

a)

Know Thy User

b)

Understand the Task

c)

Reduce Memory Load

d)

Remind Users and Refresh Their Memory

23.

________________ between users and computers occurs at the user interface which includes both software and hardware.

a)

Interface

b)

Interaction

c)

Design

d)

Development

24.

What does HTML stand for?

(a)  

25.

What is the syntax for an HTML comment?

a)

<comment>This is a comment</comment>

b)

<com: This is a comment>

c)

<!-- This is a comment -->

d)

<comment:"This is a comment" />

26.

What is the difference between a start tag and an end tag?

a)

An end tag starts with a forward slash.

b)

They are identical.

c)

An end tag is capitalized.

d)

An end tag is mandatory but a start tag is optional.

27.

Which file extension is used with standard web pages?

a)

.doc

b)

.xhtml

c)

.txt

d)

.html

28.

Which of the following is an opening HTML tag?

a)

</html>

b)

<<html>>

c)

<html>

d)

<html/>

29.

Which one of the following is a closing HTML tag?

a)

<html />

b)

</html>

c)

<</html>>

d)

<html>

30.

Which tag is used to add an image?

a)

<image>

b)

<img>

c)

<<img>>

d)

</image>

31.

Which of the following is the correct way to add an attribute?

a)

<src>

b)

classes:ids

c)

id="title"

d)

<id>

32.

What symbol should you use to target an id in css?

a)

.

b)

+

c)

id

d)

#

33.

What symbol should you use to target a class name in css?

a)

#

b)

()

c)

.

d)

class

34.

What is the correct syntax to change the background color with css?

a)

background-color: purple;

b)

background-color = "purple";

c)

backgroundcolor=orange

d)

change-background-color: purple

35.

TRUE OR FALSE: HTML is used to style web pages.

a)

True

b)

False

36.

TRUE OR FALSE: CSS is used to style web pages

a)

True

b)

False

37.

What is missing from this HTML skeleton?


<!DOCTYPE html>

<html>

<body>

</body>

</html>

a)

<head></head>

b)

<div></div>

c)

<img></img>

d)

<head>

38.

What tag do you use to make a numbered list?

a)

<list>

b)

<ol>

c)

<li>

d)

<ul>

39.

How do you change the font color with CSS?

a)

font-color: green;

b)

color: green;

c)

change-font-color: green;

d)

fontcolor=green;

40.

TRUE OR FALSE: All tags require a closing tag.

a)

True

b)

False

41.

Where should you put the link tag to connect your CSS and HTML file?

a)

Between the <head> </head> in HTML

b)

Between the <body> </body> in HTML

c)

None of the above.

42.

Where should you put the link tag to connect your CSS and HTML file?

a)

Between the <head> </head> in HTML

b)

Between the <body> </body> in HTML

c)

None of the above.

43.

TRUE OR FALSE: HTML is used to add content to web pages.

a)

True

b)

False

44.

Which of the following is the correct CSS link tag?

a)

<link rel="styles" href="stylesheet.css">

b)

<link href="stylesheet">

c)

<link rel="stylesheet" src="styles.css">

d)

<link rel="stylesheet" href="styles.css">

45.
What is the difference between an HTML Tag and an HTML element?
a)
An HTML Tag is case sensitive and an HTML element is not case sensitive.
b)
An HTML Tag is always paired and an HTML element is an "empty" tag.
c)
An HTML Tag defines content and an HTML Element includes the opening and closing tags and everything in between.
d)
An HTML Tag defines content and an HTML Element gives additional meaning and content.
46.
Karen wants to begin a new line within a paragraph of text on a webpage. Which code should she use?
a)
<li>
b)
<h1>
c)
<hr>
d)
<br>
47.
Jerry wants to insert a line break into his webpage. Which code should he use?
a)
<ul>
b)
<li>
c)
<br>
d)
<h1>
48.
What is the proper code to insert an image named "frog.jpg"?
a)
<img src="frog" width="104" height="142">
b)
<img="frog.jpg" width="104" height="142">
c)
<img src="frog.jpg" width="104" height="142">
d)
<img ="frog" width="104" height"142">
49.
Annie wants the name of her product to be the main heading at the top of her webpage. Which tag defines
the main heading in a web document?
a)
<h3>Product</h3>
b)
<h5>Product</h5>
c)
<h1>Product</h1>
d)
<h6>Product</h6>
50.
Which tag defines the visible content of a web document?
a)
<head>
b)
<meta>
c)
<title>
d)
<body>
51.
What tag defines the beginning of a webpage?
a)
<html>
b)
<h1>
c)
<p>
d)
<body>
52.
When using a text editor, what file extension(s) must be used when saving as a web document?
a)
txt
b)
html or htm
c)
doc
d)
css
53.
Which line of code correctly creates a link to Amazon's website?
a)
<a ref=http://www.amazon.com>Amazon
b)
<href=http://www.amazon.com>Amazon<a>
c)
<a href="http://www.amazon.com">Amazon
d)
<a href="http://www.amazon.com">Amazon</a>
54.
Between which paired tags would the visible content of a webpage be displayed?
a)
<html></html>
b)
<head></head>
c)
<body></body>
d)
<title></title>
55.

CSS stands for

a)

Code Style Sheet

b)

Coding Style Sheet

c)

Cascading Sheet Style

d)

Cascading Style Sheet

56.

Which is the correct CSS syntax?

a)

body {color: yellow;}

b)

body:color=yellow;

c)

{body:color= yellow;}

d)

{body;color: yellow;}

57.

Which one is the correct syntax for CSS?

a)

property {selector : value}

b)

value {property : selector}

c)

selector {value : property}

d)

selector { property : value}

58.
http://www.google.com is an example of a what?
a)
URL
b)
IP address
c)
Browser
d)
Application
59.
What is the function of the <p> tag?
a)
Defines a paragraph.
b)
Makes the text purple.
c)
It pushes the text to the right.
d)
Prints the webpage.
60.
What is the purpose of HTML
a)
To make a formatted document
b)
To make a webpage
c)
To edit photos
d)
To make a creative slide
61.
Google Chrome is an example of a what?
a)
URL
b)
Web browser
c)
IP address
d)
metal
62.

Which of these is an advantage of CSS?

a)

Good control over the presentation.

b)

Saves time on maintaining the html document.

c)

Makes the web site look less cluttered.

d)

All of the above

63.

How do you display a border like this:

The top border = 10 pixels

The bottom border = 5 pixels

The left border = 20 pixels

The right border = 1pixel?

How do you display a border like this:

a)

border-width:10px 1px 5px 20px;

b)

border-width:5px 20px 10px 1px;

c)

border-width:10px 5px 20px 1px;

d)

border-width:10px 20px 5px 1px;

64.

th

a)

one cell in a row of headers

b)

one data cell

c)

one row of headers

d)

one column of headers

65.

tr

a)

one column on the right

b)

one cell in a table

c)

one row of anything

d)

one column of anything

66.

td

a)

one cell in a header

b)

one column of a row

c)

one row of a column

d)

one data cell in a row

67.

The closing table tag is

a)

</close>

b)

</caption>

c)

</table>

d)

<table>

68.

Which of the following tags will create a horizontal line across the page?

a)

<hr>

b)

<line>

c)

<p>

d)

<grid>

69.
Which of these elements are all <table> elements?
a)
<table><tr><td>
b)
<thead><body><tr>
c)
<table><head><tfoot>
d)
<table><tr><tt>
70.

How can you make a numbered list?

a)

<dl>

b)

<list>

c)

<ol>

d)

<ul>

71.

What form elements are used in creating this drop-down list?

a)

<select> and <option>

b)

<label> and <input>

c)

<textarea> and <input>

d)

<select> and <input>

72.

What HTML input type is used to create this password field?

a)

<input type="text">

b)

<input type="submit">

c)

<input type="password">

d)

<input type="radio">

73.

What HTML input type is used to create this form selections?

a)

<input type="text">

b)

<input type="submit">

c)

<input type="password">

d)

<input type="radio">

74.

__________ provides an easy way to collect required information from web page visitors.

a)

Link

b)

Form

c)

Image

d)

None of the above

75.

sets the color of words in a paragraph

a)

h1 {

color: pink;

}

b)

img {

color: pink;

}

c)

body {

color: pink;

}

d)

p {

color: pink;

}

76.

Select the rule set to make all the text in your web page blue and centered.

a)

p {

color: blue;

}

b)

body {

text-align: left;

color: blue;

}

c)

p {

text-align: center;

color: blue;

}

d)

body {

text-align: center;

color: blue;

}

77.

Which selector will change the font of the text?

a)

font-size

b)

text-align

c)

font-famiy

d)

text-decoration

78.

Which rule set would change the font size to 24?

a)

font-size: 24

b)

size: 24;

c)

font-size: 24;

d)

font size: 24;