|
Turn in:
- A folder named your "Lastname, Firstname" containing:
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 Exercise 2 & 4 (layout1.txt).
Use the version you created for Exercise 4 (that has the hyperlinks).
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.
Create an inline CSS style for the follow tags and replicated
it throughout the document using copy and paste:
- The body tag should have the following properties & values:
- background-color: #ffffff
- The underline <u> tag should be replaced by the <span> tag and have the following properties & values:
- text-decoration: underline
- The title should be rendered using <h1>. A style should be assigned
to <h1> using the following properties & values:
- font-family: Arial
- font-style: normal
- font-size: 20pt
- text-align: center
- All A-headings using the <h2> tag should be modified to include a style
with the following properties & values:
- font-family: Arial
- font-weight: bold
- font-style: normal
- font-size: 14pt
- text-align: center
- All B-headings using the <h3> tag should be modified to include a style
with the following properties & values:
- font-family: Arial
- font-style: normal
- text-align: left
- margin-left: 30px
- font-size: 12pt
- All body text using the <p> tag should be modified to include a style
with the following properties & values:
- font-family: Times Roman
- font-style: normal
- font-size: 11pt
- text-align: justify
- text-indent: 1em
- margin-left: 30px
- margin-right: 30px
- All unordered lists using the <ul> tag should be modified to include
a style with the following properties & values:
- margin-left: 60px
- margin-right: 60px
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!
|
