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

Turn in:

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

Details:

This exercise is designed to familiarize you with inline Cascading Stylesheets (CSS) and how CSS can be applied to XHTML to create custom styles out of standard XHTML tags. For this exercise you will use the one of the papers you formatted in XHTML during Exercises 2 & 4 (layout1.txt). Use layout1.html from Exercise 4 (that has the hyperlinks) and convert it for this exercise.

Starting from where you left off in that exercise, add the appropriate inline style attribute to the tags listed below so that the pages use CSS for styles. Note that you may have to modify your prior XHTML coding to match the new specifications if you did not use the specified tags on those exercises. If you have to modify existing XHTML tags, don't forget about the Find and Replace commands that are available in Notepad! They will make revisions go more quickly.In this version of the papers, there should be no <center>, <font>, <em>, <i>, <strong>, or <b> tags and also no align or valign attributes used. Alignment and rendering of all of the elements should be as a result of CSS not XHTML.

Expand/Collapse Section ImageExercise Specifications

Create an inline CSS style for the follow tags and replicated it throughout the document using copy and paste:

Expand/Collapse Section ImageFinalization

Finished product example - layout1.pdf (it will look like a script/italic font on the lab computers, that is correct and varies from this example.)

Note: This project is to be done by hand/hard-coding. No editors!