MM2213 (Intermediate Web Design) Quiz Week 4

Winter 2011

Name:

1. What is primary function of a hyperlink?

A method of moving between one website page and another. The link is usually
indicated to the user by text highlighted by underlining and/or a different color, or by the
ability to click on a graphic image.

2. What is the difference between an internal link, an external link, and an anchor link?

Anchor - Goes to a link at a specific place within a page

Internal - goes to a link on the same site

External - goes to a link outside the same site

3. What are the five CSS pseudo-class selectors for styling links?

1. link

2. visited

3. hover

4. focus

5. active

4. What order should the above pseudo-selectors be defined to avoid cascade problems?

1. SEE QUESTION 3

2.

3.

4.

5.
MM2213 (Intermediate Web Design) Quiz Week 4
Winter 2011

5. What are CSS sprites and what problem do they help alleviate?

A single image containing a multitude of different icons, buttons, or other graphics. That way, you could
reduce the number of calls to the server from multiple figures to just two or three.

6. What are the three types of lists in HTML 4.01?:

1. ordered list

2. unordered list

3. definition list

7. List four valid values for the CSS property list-style-type:

1. none, circle, disc, square, armenian, decimal, decimal-leading-zero, georgian,

lower-alpha, lower-greek, lower-latin, lower-roman, upper-alpha, upper-latin, upper-
roman, inherit

2.

3.

4.

8. What does the following CSS code do for list elements?

ul a {
display: block;
}

The list element takes up the full width available, with a new line before and after

9. List elements are excellent for creating navigation menus, especially when the links
are on a sidebar and the menu is vertical (the same as a regular list.) What code needs to
be included to make a list appear as a top-navigation bar, like the one below?
MM2213 (Intermediate Web Design) Quiz Week 4
Winter 2011

li {
float: left;
}

10. What is an image map? List one advantage and one disadvantage of using an image
map.

A hotspot within an image that offers user interactivity. Different parts of the map link to
different locations

Advantages
 Since an image-map is one large image, you can place links in it the way you want
without worrying about layout issues.
 Image maps make information on your website more accessible, which encourage
customers to keep coming back
 Less demand on the web server to download one image instead of multiple images

Disadvantages
 An image-map takes only one ALT attribute. Thus, it's not possible to have
different ALT attributes for different links. Visitors with disability or those using
text based browsers might not appreciate this.
 SEO limitations of images over text.
 No interactivity is possible. You can't have separate mouseovers for individual
links.