Web Design Essentials

_______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.

• .pdf

• .jpg

• .png

• .gif

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

• .jpg

• .pdf

• .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