wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Web Design Essentials

Total questions: 25

Worksheet time: 25mins

Name
Class
Date
1.

_______is the practice of making Web sites usable by people of all abilities and disabilities.

a)

Accessibility

b)

Usability

c)

Readability

d)

Disability

2.

_______ in Web design deals with the way the site is laid out: its graphics (if any), its links, its colors, its fonts – everything about the way the site actually looks. Aesthetics are used to create the look and feel of a Web site, engage visitors, draw them in and invite exploration.

a)

Aesthetics

b)

Look and feel

c)

Layout

d)

Design

3.

______ refers to the placement, position, orientation and grouping of elements.

a)

Placement

b)

Positioning

c)

Alignment

d)

Typograph

4.

The four main principles of effective design and layout can be abbreviated with the acronym ______, which stands for Contrast, Alignment, Repetition and Proximity.

a)

Carpe Diem

b)

PRAC

c)

CRA

d)

CARP

5.

Web sites can be displayed consistently in a variety of browsers and devices because they are ______________.

a)

Compatible

b)

Usable

c)

Accessible

d)

Convertible

6.

Occurs when two or more page elements display differently in color, size, shape, texture, orientation, position or movement to group or separate elements on the page.

a)

Monochromatic

b)

Contrast

c)

Difference

d)

Orientation

7.

A _______Web site renders (appears in the browser) without error and it functions as expected: All internal and external links work, all forms of interactivity function, the page loads quickly,

a)

working

b)

Lit

c)

functional

d)

accessible

8.

Image file type _____: Line art, logos, cartoons, shapes, illustrations and drawings, Best used for electronic display, Supports transparency and animation, Lossless compression, larger file size than .jpg and .png formats.

a)

.pdf

b)

.jpg

c)

.png

d)

.gif

9.

Image file type ____ : Photographs, can be used for print, Does not support transparency or animation, Lossy compression, small file size.

a)

.jpg

b)

.pdf

c)

.png

d)

.gif

10.

______ helps form relationships between, and define the meaning of, page elements. You can tell how the elements of a page are meant to work together if they're laid out in a way that's easy to navigate, easy to understand and attractive to the eye.

a)

Alighment

b)

Web page format

c)

Hierarchy

d)

Layout

11.

_______ compression means that all data is retained when the file is compressed and is completely restored when it's uncompressed. There is no loss of resolution.

a)

glossy

b)

hopeless

c)

lossy

d)

lossless

12.

_____ compression means that when a file is compressed, some of the data is permanently eliminated to make the file smaller. This can result in a loss of resolution.

a)

Lossfree

b)

Media

c)

Lossy

d)

Lossless

13.

Media compression makes ________.

a)

media files smaller

b)

the heart grow fonder

c)

quality media files

d)

usable websites

14.

_____ is the combined use of audio, video, animation and other interactive features.

a)

Multidimensional

b)

Multimedia

c)

Combination media

d)

Integrated media

15.

The image file type ______: Line art, logos, cartoons and photographs, Best used for electronic display, Supports animation with the .apng extension, Lossless compression, larger file size than .jpg.

a)

.pdf

b)

.jpg

c)

.png

d)

.gif

16.

_______ is the use of white space and logical structure (such as grouping related items) to create visual unity.

a)

Sequential Structure

b)

Layout

c)

Closenes

d)

Proximity

17.

_____ images are made of pixels. When they are enlarged they often look "blocky" (like minecraft) because pixels are points of color. Examples include: .gif and .jpg.

a)

Raster

b)

Vector

c)

Pixelated

d)

Usable

18.

______ consists of repeated visual elements that appear throughout the pages on the site. These repeated elements can include colors, shapes, textures, fonts, typography, graphics, spatial relationships.

a)

Repetition

b)

Iteration

c)

Typography

d)

Visual repeating

19.

_______ design creates a Web page that will fit multiple screen sizes. This means that developers don't have to create a separate mobile-friendly version of the page.

a)

responsive

b)

web

c)

accesible

d)

usable

20.

The , _______, which is the domain category. For example: domain name www.MrsCheathamsAwesome.com , ".com" is the_______

a)

web address

b)

domain

c)

second-level domain (SLD)

d)

top-level domain (TLD)

21.

Typography is the _____________.

a)

arrangement and appearance of text

b)

coolest thing since sliced bread

c)

the way a web page is arranged

d)

study of words, and how they look

22.

_______ measures the quality of a person's experience while interacting with a Web site.

a)

accessibility

b)

usability

c)

enjoyability

d)

user review

23.

______ images are made of paths, or lines, that are either straight or curved. Because they're not made of pixels they can be scaled up or down without loss of image quality. For example .svg and .eps files.

a)

Vector

b)

Raster

c)

compressed

d)

accessible

24.

________ is a visual system of ranked elements, one above another, or how the visual elements rank and relate to each other.

a)

Visual imgaging

b)

Visual compression

c)

Visual representation

d)

Visual hierarchy

25.

A _______________ is a visual representation of a Web page layout.

a)

horizontal frame

b)

picture

c)

wireframe

d)

linear structure