Web Design for idiots

A wireless adapter connects to a ______________ using radio signals.

Wireless Access Point

You can add background shading to cells using the ____________ property.

background-color

What property can you use to add a background image to the cells within a table?

background-image

You can add a background graphic to an entire table, to a row, or to individual cells using the __________ property.

background-image

Where can you most easily find resources to help you create web pages that are accessible to people with disabilities?

At the Web Accessibility Initiative (WAI) website

________ refers to way elements of apparent weights are distributed across a web page.

Balance

The default style for a <th> element is:

Bold text

Which of the following image formats support transparent image backgrounds?

Both of these support transparent image backgrounds

What is one example of a law that governs your legal online marketing options?

CAN-SPAM Act

Which of the following devices is responsible for processing and executing software programs?

CPU

Which text-align property will position text in the middle of the available space?

Center

A "forward lookup" on a DNS server will perform what operation?

Change a numeric IP address into a domain name

Which list-style-type value will create a list item bullet that looks like an empty circle?

Circle

How does a web client work with a server-side script or application?

Client sends a HTTP request and the server-side script forms a HTML response based on database info or other content

A deaf person might use __________ on a video to follow along with an audio narration.

Closed caption

The process of making an image take less memory at the same size, while possibly losing some of the fine details, is called:

Compressing

What element do web designers use to display information in columns and rows?

<table> element

Each table cell containing data is represented by which element?

<td> element

You can identify a header name for the first row or column in a table with:

<th> element

Each table row (including the header row) is represented by which element?

<tr> element

If an image element is being used as the contents of an anchor <a> link, what should your image "alt" attribute contain?

A description of the function of the link

What is the difference between a table "summary" attribute and a <caption> element?

A summary is invisible and intended for screen readers, while a caption is displayed on the page for human readers.

What website design principle says that you should use the same general style, layout, and navigation options on all pages to avoid confusing the reader?

Consistency

What approach do we suggest in order to style a group of images or photos on your website?

Give all of your <img> elements a unique id attribute, and style by id

This is an example of what protocol? "GET /page.html HTTP/1.1"

HTTP

Which component stores programs and data, and remembers everything, even when the power is turned off?

Hard disks

The simplest component used to connect a small group of computers is called a:

Hub

Dynamic websites are good in all of these cases, except:

If you want to use one of many pre-built systems to provide features such as blogs, shopping carts, calendars, or advanced content management

What kinds of pictures can you use on your website without worrying about copyright rules?

Images you create on your own with image-editing software

Where does JavaScript run to form an interactive web page?

In the web browser

What is the ideal display text for inbound links to your site?

Text that contains keywords about your content

Which image attribute causes words you put between the quotation marks to be read by a screen reader?

The "alt" attribute

Which attribute defines the path of the image by relative or absolute URL?

The "src" attribute

To add an image as a part of the content (instead of as a background to existing elements), what element would you use?

The <img> element

What is responsible for executing the software that's running on the computer?

The Central Processing Unit

What does the newspaper term "below the fold" refer to?

The information that is on the lower half of the newspaper page

The motherboard connects to which of the following components?

The motherboard connects to all these components.

What does the number 10 in "padding:10px" represent?

The number of pixels between a cell's interior content and the cell's border

A storyboard diagram can be created to help understand:

The sequence of actions a user might take on your site

Which of these is an example of black-hat SEO?

These are all examples of black-hat SEO

What website style will focus more on text than images?

Typographical

The principle of ____ says that elements placed close together on a web page should be strongly related.

Unity (Proximity)

Which component is responsible for showing programs and data on a computer screen?

Video Card

You can configure a ___________ that gives you secure access to the private network from the outside.

Virtual Private Network

The server that hosts web sites on the Internet is called a:

Web server

What <audio> attribute should you use if you want the audio to play endlessly?

. loop

What video format was developed by Apple, and will play on any computer that has a QuickTime player installed?

.MOV

Which of the following examples contains a valid IPv6 address?

2001:0000:0000:9D38:6AB8:30F3:34B1:9D04

Which of the following lines of code will successfully display the "myImage.png" graphic as part of the foreground content?

<img src="myImage.png" />

The term _______ in web design refers to the support a web page provides for people with disabilities.

Accessibility

Your website design should always follow a certain _________, or cohesive beauty.

Aesthetic

The shape and relationship of different areas to each other is a guiding force behind the layout of your web page, and this principle is called:

Alignment

To edit an image, you can use software that comes for free on a computer, like:

All of these are free editing programs that may be on your computer, depending on the operating system

To create a web page that can be used most easily with a screen reader, what should you do?

All of these are helpful in creating content that can be used with a screen reader

What is an example of a major operating system?

All of these are major operating systems

Which of the following is a mistake that causes unusual table behavior?

All of these are mistakes that could cause unusual table behavior.

Which of the following are web site types that you might create?

All of these are types of websites you might create

What graphic file type(s) are understood by web sites?

All of these files types are understood by web sites.

Which of the following properties should not be used on a table cell?

All of these properties can be used on a table cell

Which design term is correctly matched with its definition?

All of these terms and definitions match

Which of the following practices can help keep you safe when receiving online marketing?

All of these things are safe practices

Which of the following things can be usefully learned from a site map?

All of these things are true

_______ refers to the differences between colors, and how easy it is to tell colors apart from each other.

Contrast

If the picture you want to use is not in one of the acceptable web formats, you will have to:

Convert it

You can create an image that is smaller than the original size by cutting off part of the photo. This is called:

Cropping

A server that contains tables of data is called a:

Database server

What networking component helped increase web development by supporting user-friendly text names for computers?

Domain Name System

What type of web page works well if your content needs to change often?

Dynamic

If you don't see any copyright information for a graphic you find online, it is free to use.

False

Which list-style-position value will indent the bullet a little bit more than normal?

Inside

If your original image size is 200 pixels, and you add a width attribute to your image element of 400 pixels, how will the resulting image be displayed in the browser?

It will be stretched to be twice as wide as normal.

What will this line of code do? <table border="1">

It will create a table with borders so you can see the boundaries of each cell.

Which text-align property will make edges of paragraphs fall in a straight line like a newspaper column?

Justify

A person with physical limitations might be able to navigate through a website using only a __________.

Keyboard or mouse

Which text-align property will position text along the left side of the available space?

Left

_______ can be used as a border around elements, as a divider between areas of a page, to mark the columns and rows in a table, or just for decoration.

Lines

Where do all the computer components connect?

Motherboard

The _____ is the main tool for connecting your web pages together.

Navigation bar

Which of these is a common way to create rhythm on a website?

Navigation items with the same look and placement across all pages on a site

By default, a table will contain which of the following styles?

None of these are true

In the Web Content Accessibility Guidelines, support for those who operate the computer differently is referred to as:

Operable

In the Web Content Accessibility Guidelines, support for those who perceive or understand content differently is referred to as:

Perceivable

What is one common way to encourage readers to scroll down to view more website content?

Place a picture that is half visible above and below the fold

_________ pictures are old enough that the copyrights have expired.

Public domain

Which of the following examples does not demonstrate a useful client-side interaction with JavaScript?

Pulling content from a database

You can make an image a different size, without changing the actual image, by:

Resizing

What kind of pictures can you use for free if you follow the publishing rules set out by the seller?

Royalty-free pictures

Which protocol does your email client use to send out email to a mail server?

SMTP

A visually impaired person might use a __________ to turn the text into speech they can hear.

Screen reader

To determine the ranking of a web site, search engines may use the contents of your:

Search engines may look in all of these areas.

Which network topology will connect computers to a central hub?

Star

If we have already added a background gradient image within a table cell, and the gradient image was a long horizontal bar with colors that change from left to right, which of the following declarations would make the gradient appear fully to cover the entire cell?

background-repeat: repeat-y;

To combine the border style, width, and color values on one line, use the _______ property.

border

Which declaration will merge the individual borders around each cell into a single set of lines?

border-collapse: collapse;

Which property controls the thickness of the border line?

border-width

Which attribute will successfully combine a cell with the cell directly to the right?

colspan="2"

Use this cursor property to make the mouse cursor look like a plus sign:

crosshair

Which text-decoration property value would you use to create text with a line through the middle of the text?

line-through

What property would you use to create your own custom bullet for a list item?

list-style-image

When you combine two or more cells that are beside each other into one cell, it's called:

merging