<%@LANGUAGE="VBSCRIPT" %><% Response.CacheControl = "no-cache" %>
Exercise #2 (Due End of Period)

Turn in:

  • A folder named your "Lastname, Firstname" containing:
    • layout1.html
    • layout2.html
    • layout3.html

Details:

A local professor has approached you about making some of the papers he's written web-ready so that he can put them on the web. Yet, before he hires you to do a bunch of papers, he wants to make sure you can handle basic XHTML formatting. These first papers are pretty simple and do not include any graphics. He is providing you simple text files and some basic instructions for how he'd like them to be laid out. Using the text files, called layout1.txt, layout2.txt, and layout3.txt, format the documents as individual XHTML pages. The web pages you create should conform to the following specifications:

Expand/Collapse Section ImageExercise Specifications

  • The paper should conform to a single column format.
  • The title, author, and institution information should be centered at the top of the page.
    • This information should be offset from the rest of the document by aproximately two carriage returns (two <br /> tags).
    • Use <h1> for the title of the paper and <h2> for the authors and affiliations.
    • To keep a space from occurring between the author and affilliation, use a <br /> tag inside of a single <h2> tag.
  • All paragraphs should be formatted with appropriate block-level XHTML tags. Use the <p> tag and make sure you close every one.
  • All A-headings should be center justified, bold, and upper case. Hint: Use <h2>. A-headings are identified in the text files as all UPPERCASE.
    • To center them, use: <h2 style="text-align:center;">
  • All B-headings should be left justified, upper and lower case. Hint: Use <h3>. B-headings are identified in the text files as Upper And Lower Case.
  • References should be formatted using a bulleted list (<ul>).
  • In the reference list, the titles of books or journals should be underlined.
    • Example: <span style="text-decoration:underline;"> Immersion Corporation</span>
  • Web resources should be formatted using a bulleted list (<ul>).
  • Web URL addresses should be displayed using mono-spaced font (typewriter font) (<tt>).
  • Author contact information should be inserted as preformatted text (<pre>) and each line of the contact information should be indented 4 spaces from the left border. The "Contact the author at" text should be formatted as a normal paragraph outside of the <pre> tag.

Expand/Collapse Section ImageFinalization

  • Finished example - layout1.pdf
  • Copy and Paste to your web directory. If you have problems viewing your finished pages, please make sure you have followed the instructions from Exercise 1 under "When copying files to your web directory"
Note: This exercise is to be formatted by hand/hard coding. No page editors.