Project for beginning Web site creator

A co-worker came up with this suggestion for an intern of his. It’s a great idea for a budding Web site developer.

I thought the process of learning XHTML might be a little more fun if you weren’t just reading a book. To fight the tediousness, I have come up with a little project that should help you grasp XHTML/CSS and perhaps be beneficial to you in the future. The goal is for you to create your own personal website. A place where you can put some information about you, your resume, and some pictures. While creating this site, use a text editor.  Using a text editor will help you understand what is going on and how websites actually work.

Your site should include the following:

At least three pages that are linked together. (Home page, Resume, Pictures, etc…)
It should use an external CSS to change the presentation of the site. (What’s the difference between an external stylesheet and an inline one?)
Add color to your site
Put in a background picture
Alignment
Anything else you’d like to try
You should include the following XHTML elements:
Headings
Paragraphs
Line Breaks
Tables
Lists
Links
Formatting (bold, italics, etc..) with both HTML and CSS. (Why is CSS better?)
Image
Horizontal Rule
Your site should be valid XHTML 1.0 Transitional. (Check markup at <http://validator.w3.org/>http://validator.w3.org/)

I’ve also found a couple sites that may do a more concise job of explaining HTML to you. I’d recommend checking these out.

w3schools.com HTML Tutorial
<http://w3schools.com/html/default.asp>http://w3schools.com/html/default.asp

w3schools.com XHTML Tutorial
<http://www.w3schools.com/xhtml/default.asp>http://www.w3schools.com/xhtml/default.asp

HTML.net HTML Tutorial
<http://www.html.net/tutorials/html/>http://www.html.net/tutorials/html/

w3schools.com CSS Tutorial
<http://www.w3schools.com/css/default.asp>http://www.w3schools.com/css/default.asp

Remember to have fun and not get overwhelmed. 🙂