NEW
Font size
S
M
L
XL
WorksheetsWeb Design
Total questions: 58
Worksheet time: 29mins
Name
Class
Date
1.
Which color is considered a secondary color, when working on the Web?
a)
Yellow
b)
Blue
c)
Red
d)
Green
2.
What color is primary color?
a)
red
b)
magenta
c)
purple
d)
cyan
3.
What color is concidered powerful, sleek and used to market luxury products?
a)
black
b)
purple
c)
yellow
d)
red
4.
What color captures attention and indicates danger or anger?
a)
red
b)
green
c)
purple
d)
yellow
5.
What is a primary color?
a)
blue
b)
yellow
c)
cyan
d)
purple
6.
Dudley wants to publish his website and has chosen a pink background with red writing. Yourv eyes strain to read the content. Why?
a)
The contrast between red and pink is insufficient for easy readability.
b)
The alignment follows a Z-pattern.
c)
The proximity of white space to red is disorienting.
d)
There is not enough use of repetition.
7.
Charles' website is difficult to read. The content is same size and text color is darker shade of page color. Which aesthetic principle should he use to increase readability?
a)
Contrast
b)
Alignment
c)
Repetition
d)
Proximity
8.
Which of following is a component of aesthetic design principles for websites?
a)
Page layout
b)
usability
c)
human-computer interaction
d)
browser compatibility
9.
What describes how a designer positions elements on a page?
a)
layout
b)
hierarchy
c)
orientation
d)
typography
10.
Cory discovers some links go to the wrong page or do not work at all on his webpage. What is the problem?
a)
website's functionality
b)
website's accessibility
c)
website's usability
d)
website's aesthetics
11.
Making sure the website loads quickly and contains no broken links is what design principle?
a)
funtionality
b)
interaction
c)
accessibility
d)
aesthetics
12.
What describes the look and feel of a website?
a)
aesthetics
b)
content
c)
usability
d)
accessibility
13.
You need to make your webpage feel more "fun". What should you alter?
a)
Home page aesthetics
b)
Home page accessibility
c)
Home page functionality
d)
Home page usability
14.
What does the .com indicate in the web address http://www.samplewebsite.com/info
a)
top-level domain
b)
server name
c)
domain name
d)
website
15.
What portion of address is top-level domain? Http://www.thewebstore.com/products
a)
.com
b)
.www
c)
.http://
d)
/chairs
16.
On a website, the informational text is centered on the page in large column with sections in different colors. How should page be altered to increase readability?
a)
Change text alignment to indicate sections
b)
Use additional repetitive elements
c)
Alter the page's accessibility
d)
Change all text to same color
17.
You design a website that most of the content is centered on page and runs together. What aesthetic principal should you use to increase readability?
a)
Alignment
b)
Color
c)
Repetition
d)
Accessibility
18.
Which of the following is a component of functional/usable design principles for websites?
a)
Accessibility
b)
Typography
c)
Color Scheme
d)
Page Layout
19.
Frankie makes sure fonts are readable and matching text for every video. This design principle is -----
a)
accessibility
b)
interaction
c)
aesthetics
d)
functionality
20.
You are unable to locate the grocery store hours on their website. What design principal should be changed?
a)
usability
b)
accessibility
c)
aesthetics
d)
functionality
21.
You want to find out when spring break is, but can not locate the information on the school website. Which design principle needs to be improved?
a)
usability
b)
aesthetics
c)
accessibility
d)
functionality
22.
Font family that is most popular?
a)
serif
b)
monospace
c)
sans-serif
d)
fantasy
23.
What is multimedia?
a)
combined use of audio, video, animaiton, and interactivity
b)
making websites usable by everyone
c)
how people interact with computers
d)
way the website is laid out
24.
Term used to describe fonts.
a)
typography
b)
hierarchy
c)
orientation
d)
layout
25.
Which term describes text inside of angle brackets such as <title>?
a)
element
b)
value
c)
attribute
d)
content
26.
What is this code missing to create a title tab at the top of the window? This is my Title
a)
container tag
b)
attribute
c)
content
d)
element
27.
Which element surrounds the content that you see on the web page?
a)
<body></body>
b)
<meta></meta>
c)
<text></text>
d)
<head></head>
28.
You accidently use an image of a kitten instead of a shark on your webpage. Which attribute do you need to change for the kitten image?
a)
src
b)
img
c)
href
d)
name
29.
Which attribute is needed in <a href="http://www.ICT.com><img ______="ICT_logo.jpg"></a>
a)
src
b)
name
c)
pic
d)
href
30.
There are 2 main attributes that every image tag must have: src and _____
a)
alt
b)
png
c)
href
d)
size
31.
What attribute should you add to <img> tag to describe image in case visitor can not view image?
a)
alt
b)
name
c)
src
d)
href
32.
You want to add an animated image to your webpage. Which file type should you use?
a)
.gif
b)
any file type
c)
.jpg
d)
.mp4
33.
Which file type supports animation?
a)
GIF
b)
JPEG
c)
All images files
d)
TIFF
34.
When should you include animations on your web page?
a)
only when they are relevent
b)
use auto-play for sound
c)
they are distracting and should not be used
d)
use a variety of animations to grab user's attention
35.
Which video file types are used in most browsers
a)
.ogg, .mp4, and .mov
b)
.ogg, .png, and .mov
c)
.ogg, .mp3, and jpg
d)
.png, .gif, and .jpg
36.
Which term describes audio, video, animation and interactivity?
a)
multimedia
b)
compatibility
c)
layout
d)
accessibility
37.
How do you insert comments into html code?
a)
<!--comment text-->
b)
<--comment text--/>
c)
<comment text>
d)
<comment="comment text">
38.
Which tag is example of inline element to emphasize a word when it is in a sentence
a)
<strong>
b)
<h1>
c)
<blockquote>
d)
<p>
39.
Which heading tag indicates the most important heading (largest size)?
a)
<h1>
b)
<h6>
c)
<strong>
d)
<bold>
40.
Which HTML heading tag is least important heading (smallest size)?
a)
<h6>
b)
<h2>
c)
<h1>
d)
<h5>
41.
How will this hyperlink appear on webpage to site visitors? <a href=http://www.ICT.com> Visit ICT </a>
a)
Visit ICT
b)
<a http://www.ICT.com>Visit ICT</a>
c)
www.ICT.com Visit ICT
d)
www.ICT.com
42.
Which code will create a link to go to an external website?
a)
<a href="http://www.ICT.com">Visit ICT</a>
b)
<a "http://www.ICT.com">Visit ICT</a>
c)
<a "www.ICT.com">Visit ICT</a>
d)
<a href="ICT.com">Visit ICT</a>
43.
Why won't this hyperlink function? <a "http://graymiddleschool.edu">Visit Gray Middle</a>
a)
must include href attribute
b)
must close the container tag
c)
must include link attribute
d)
.edu is not a top level domain
44.
Which tag is for bulleted list?
a)
<ul></ul>
b)
<bl></bl>
c)
<li></li>
d)
<ol></ol>
45.
Which pair of HTML tags creates a numbered list?
a)
<ol></ol>
b)
<ul></ul>
c)
<li></li>
d)
<list></list>
46.
You want to add a heading to your table. Which table element should you use?
a)
<th>
b)
<table>
c)
<title>
d)
<td>
47.
Which table element is used to create standard table cell?
a)
<td>
b)
<table>
c)
<th>
d)
<tr>
48.
Which HTML tag is example of inline element?
a)
<img>
b)
<p>
c)
<h1>
d)
<hr>
49.
What is DHTML (dynamic HTML)
a)
combo of technologies that creates dynamic web content
b)
web standard for creating web content
c)
scripting language used to add animation to webpage
50.
DHTML uses HTML, CSS, DOM and ____
a)
javaScript
b)
SSL
c)
encryption
d)
FTP
51.
When would you use DHTML?
a)
animation on webpage
b)
link web pages together
c)
send e-mail from webpage
52.
Which technology is used to create animations?
a)
DHTML
b)
JPEG
c)
CSS
d)
FTP
53.
Jonathan wants to create an online journal to share with his friends about his trip to Europe. Which social networking tool should he use?
a)
A blog
b)
A wiki
c)
A forum
d)
E-mail
54.
Elijah found a photo online under creative commons license but specified ND-No Derivatives. Can use the image on his Web site?
a)
He can use the photo on his Web site as long as he does not alter or modify the photo.
b)
He can use the modified photo on his Web site without violating the copyright license.
c)
He can use the modified photo on his Web site as long as he gives credit to the photographer.
d)
He can use the modified photo on his Web site as long as he does not sell the modified photo.
55.
Mario is creating a Website for his skateboarding club and wants to post a video to the site without any copyright issues. What video should Mario AVOID?
a)
A video from a DVD that Mario purchased at the skateshop.
b)
A video of skateboarding crashes from a free-to-use video Web site.
c)
A video that Mario and his friend recorded at the local skatepark.
d)
Video emailed to him from his friend's phone, of Mario at a skateboarding competition.
56.
Macey has made a Website of all of her favorite artists and cites the source of every image that she has found. However, she may still be in copyright violation. Why?
a)
Citing material does not make you compliant with copyright law.
b)
Only derivatives of the originals would protect her from copyright violations.
c)
Photographs of original art are not protected under copyright law.
d)
She does not risk a copyright violation.
57.
Which type of video can be copied and used on your personal Web page without violating any copyright rules?
a)
A video that you recorded at your sister's birthday party
b)
A video that you recorded while at a music concert
c)
A video that you downloaded from a news Web site
d)
A video that you downloaded from a friend's social media page
58.
To determine download time for a Web page you are creating, you need to check the size of the .html file. This file size is called:
a)
page weight.
b)
validation.
c)
usability testing.
d)
compatibility.
Reset
