Web Design 2

Examination Questions

Diagram and label the box model.
Define and give examples of a relative path and an absolute path.
Define and provide examples of deprecated tags. How do tags become deprecated?
Describe the difference between block level and inline elements. Provide examples of each.
Why is it important to use semantic markup when building web pages? Provide an example of the use of semantic markup.
Label the selector, declaration, and property in the following style rule: div { background-color:#ccc; }
Provide 2 compelling arguments that you could present to an employer that would convince them to adopt web standards.

List and describe the four positioning schemas.
When positioning elements absolutely, from what point is the position calculated?
When positioning elements relatively, from what point is the position calculated?
What is the document flow? How would you place an element in or remove it from the document flow?
Describe fixed positioning. Which browsers support fixed positioning?
How might you define the stacking order of positioning elements?

Regardless of element type, when an element is floated is it converted to a block or an inline element?
When an element is floated, what additional property should accompany it to ensure proper display in various browsers?
From what point is the position of a floated element determined?
Identify two methods to force a static parent element to enclose a nested floated element.
Describe how the clear property is used.

Diagram and describe the process of how content is submitted and processed through an (X)HTML form.
Identify the attributes of a form tag that define the where and how content will be sent.
Write the (X)HTML code to create a simple contact form that would receive a user's name, email address, and a multiline message.
Describe how use of the <fieldset>, <legend>, and <label> can improve the accessibility of a form.
Define the difference between the GET and POST methods.
What is form validation, and how does it impact usability?
What technologies might be used to validate a form?

List the benefits of using image replacement techniques.
Write the CSS to replace the text in the following element with a background image named about-us-title.png.
<h2>About Us<h2>
Describe how image replacement can impact search engine optimization.

Define the term microformat.
Describe a use case in which microformats would help improve the user experience.
How might a user identify microformat content on a web page?
What major websites publish content in microformats?
Describe how you might make hCard or hCalendar microformat content downloadable to an address book or calendar application respectively.
Write the (X)HTML to markup a link to a Creative Commons license with the rel-tag microformat.

Write a CSS style rule to tile a background image on the X axis of an HTML element.
Draw a diagram illustrating the sliding doors technique to create tabs. Indicate the tiled element.
Draw a diagram illustrating how a tiling image might be used to create a shadow behind a column in a web page layout.

Write a style declaration that sets the width, color, and style of an element's border with just one style property.
Write a style declaration that sets the size, family, line-height, and weight of a a piece of type with just one style property.
Write a style declaration that sets a background image, background color, background repeat, and background position with just one style property.
Write a style declaration that sets the margin on all four sides of an element with just one style property.
Write a style declaration that sets the padding on all four sides of an element with just one style property.

Describe the W3C's role in defining accessibility standards.
List and describe 3 (X)HTML tags that can be used to make a web page more accessible.
Describe teh process you might use to ensure your website meets accessibility standards.