WebQ3 IST 1154

article

. Choose the HTML5 element below that is used to configure an area on a web page that can stand on its own and could potentially be syndicated.

shade

A ____ of a color is darker than the original color and is created by mixing the color with black.

wireframe

A ____________ is a sketch or blueprint of a web page that shows the structure (but not the detailed design) of basic page elements such as the logo, navigation, content, and footer.

tetradic

A _______________color scheme consists of three colors that are equidistant on the color wheel.

fluid

A page layout technique that often uses a percentage value for width is called _____________.

all of the above or under

Consider _______ when designing for display on a mobile device.

a. .myfloat {float:right; margin:10px; border: 1px solid #000000; }

The CSS to create the class called myfloat that floats to the right of the other page content, has a 10px margin, and a solid border is:

link

The _____ pseudo-class configures the appearance of the hyperlink before it is clicked.

padding

The _______ is the area between the content and the border.

hover

The _______ pseudo-class configures the styles that will apply when the mouse is on a hyperlink.

padding, border, and margin

The box model consists of a content area surrounded by:

One Web

The concept of _____________ relates to providing a single resource that is configured for optimal display on multiple types of devices.

1 pixel

The default value for the border property for an element is:

perceivable, operable, understandable, robust

The four principles of WCAG 2.0 are as follows:

contrast

Applying the design principle of __________ serves to add visual interest and draw attention.

#special a

Choose the example below of a descendant selector that configures the anchor tags within the element assigned to an id named special.

nav a

Choose the example below of a descendent selector that configures the anchor tags with the nav element.

/* comment */

Choose the example below that configures a comment in CSS.

wrapper

Choose the item below that is not an HTML5 element.

in different ways

Different browsers and even different browser versions will display your web page ______.

link, visited, hover, active

From the choices below select the correct order to code CSS pseudo-classes.

float:right;

If an element is configured with ___________ the other content on the page will appear to its left.

responsive web design

Progressively enhancing a web page for different viewing contexts (such as smartphones and tablets) through the use of coding techniques is called _________________________.

create the entire sentence as a hyperlink

Select a good design recommendation for text hyperlinks.

empty screen area around blocks of text and images

Select the best description of "white space".

overflow: auto;

Select the example below that configures a container to clear all floated elements that are within the container.

clear: right;

Select the example below that could be used to clear a right float.

Web Accessibility Initiative

Select the group whose mission is to create guidelines and standards for web accessibility.

a different background color on each page

Select the item below that does not belong in a consistent website design.

all of the above or under

Select the items below that can help to appeal to the intended or target audience of a site.

hierarchical

Select the most commonly used site organization for commercial web sites.

1366 by 768

Select the most popular screen resolution from those listed beow.

provide alternative text for the images AND place text links at the bottom of the page

Select the recommended design practice that applies to a website using images for main site navigation.

Hierarchical, linear, and random

Select the three most common methods of organizing websites.

Animation should be used only if it enhances your web site

Select the true statement below.

Placing white space around graphics and headings helps them to stand out.

Select the true statement below.

none

Set list-style-type to the value ___________ to hide the display of the list markers on an ordered list.

visually grouped sections of hyperlinks

The main site navigation or a section offering navigation choices should contain:

class

To apply a style to one or more elements on a web page, configure a CSS _____________.

relative

Use ___________ positioning to slightly change the location of an element in relation to where it would otherwise appear when rendered by a browser.

the style will apply to only one element on a page

Use an id to configure a style when:

clear or overflow

Use the ________ or _______ property to clear a float.

position:absolute;

Use the ________ property along with the left, right and/or top property to precisely configure the position of an element.

list-style-image

Use the _______________ property to configure an image to use as a bullet point in an unordered list.

proximity

When applying the design principle of __________ related items are grouped together.

padding

When configuring the background color of an element, the background color is applied to both the content and ______ areas.

border

When using the box model, the _____ is always transparent.

margin:30px 0 0 150px;

Which of the following configures a margin for an element with the following values: top margin 30 pixels, left margin 150 pixels, right margin 0 pixels, and bottom margin 0 pixels?

use frames whenever possible

Which of the following is not a web design recommended practice?

normal

_________ flow displays the elements on the page in the order they appear in the web page source code.