NEW
Font size
WorksheetsWeb Design Essentials
Total questions: 25
Worksheet time: 25mins
_______is the practice of making Web sites usable by people of all abilities and disabilities.
Accessibility
Usability
Readability
Disability
_______ 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.
Aesthetics
Look and feel
Layout
Design
______ refers to the placement, position, orientation and grouping of elements.
Placement
Positioning
Alignment
Typograph
The four main principles of effective design and layout can be abbreviated with the acronym ______, which stands for Contrast, Alignment, Repetition and Proximity.
Carpe Diem
PRAC
CRA
CARP
Web sites can be displayed consistently in a variety of browsers and devices because they are ______________.
Compatible
Usable
Accessible
Convertible
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.
Monochromatic
Contrast
Difference
Orientation
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,
working
Lit
functional
accessible
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.
.jpg
.png
.gif
Image file type ____ : Photographs, can be used for print, Does not support transparency or animation, Lossy compression, small file size.
.jpg
.png
.gif
______ 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.
Alighment
Web page format
Hierarchy
Layout
_______ 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.
glossy
hopeless
lossy
lossless
_____ 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.
Lossfree
Media
Lossy
Lossless
Media compression makes ________.
media files smaller
the heart grow fonder
quality media files
usable websites
_____ is the combined use of audio, video, animation and other interactive features.
Multidimensional
Multimedia
Combination media
Integrated media
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.
.jpg
.png
.gif
_______ is the use of white space and logical structure (such as grouping related items) to create visual unity.
Sequential Structure
Layout
Closenes
Proximity
_____ 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.
Raster
Vector
Pixelated
Usable
______ 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.
Repetition
Iteration
Typography
Visual repeating
_______ 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.
responsive
web
accesible
usable
The , _______, which is the domain category. For example: domain name www.MrsCheathamsAwesome.com , ".com" is the_______
web address
domain
second-level domain (SLD)
top-level domain (TLD)
Typography is the _____________.
arrangement and appearance of text
coolest thing since sliced bread
the way a web page is arranged
study of words, and how they look
_______ measures the quality of a person's experience while interacting with a Web site.
accessibility
usability
enjoyability
user review
______ 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.
Vector
Raster
compressed
accessible
________ is a visual system of ranked elements, one above another, or how the visual elements rank and relate to each other.
Visual imgaging
Visual compression
Visual representation
Visual hierarchy
A _______________ is a visual representation of a Web page layout.
horizontal frame
picture
wireframe
linear structure
