Assignment: Write a Page Using XHTML and CSS

Assignment: Write a Page Using XHTML and CSS

By now, you should have been sent a document containing text that I’d like you to convert to a valid XHTML Strict document. Match the formatting found in the document as closely as possible, paying particular attention to text alignment, font size, and font weight. Some of the formatting will require CSS, which you should write in either an external file (this is preferred) or in the head section of the XHTML doc. 

The goal of this project is to test your ability to code the document from scratch, so avoid using applications that generate the HTML code for you, such as Word. They almost invariably generate more code than is actually needed and your grade will be docked considerably if you use one. Instead, I recommend you use a basic text editor like Notepad or an editor designed for HTML coding if you have experience with one.  (We'll discuss some of these later in the course.)

You can refer to the links below for an example in which I've replicated a document similar to the one you've been assigned:
Example document
My XHTML/CSS solution

You may be tempted to find your assigned document online and copy its source code. To discourage this, I’ve made small modifications to each document. If I find that you’ve submitted a document that matches the original and not the one that I sent you, I will consider it an academic integrity violation (resulting in a grade of 0).

For full credit, your page must pass through the World Wide Web Consortium’s page validator without errors.

Your e-Portfolio

From this point on in the course, you should be publishing your assignments to your PSU e-Portfolio (or to some other web host, if you prefer). 

1. Following the instructions in e-Portfolios, connect to your web space.
2. There will possibly be a default index.html page in your www folder.  Modify this page (or create a new index.html page altogether) to include links to your first three assignments, along with anything else you want to include on your page.
3. After uploading your index.html page, I will be able to view it through the URL xyz123geog863.webhostapp.com, where xyz123 is replaced by your 000webhost website name.  (You should test this to confirm.)  Note that when a URL ends in a folder name rather than a file name, the web browser looks for a file by the name of index.html or index.htm in that folder.  This is why index.html can be omitted when attempting to view that page.

Deliverables

This project is one week in length. Please refer to the Canvas course Calendar for the due date.

1. Click on the Assignment 3 Submission to submit a link to your project page (a link to your e-portfolio index page is OK too if it contains a link to your project). (70 of 100 points)
2. I will be checking your page against the World Wide Web Consortium’s page validator. For full credit, your page must pass through without errors. (25 of 100 points)
3. Be sure to include a link to your app from Lesson 1 in your e-Portfolio (5 of 100 points). 
4. Complete the Lesson 3 quiz.