HTML/CSS Exercise
- (Both of you...) Select a short story book from Project Gutenberg, download (click & save) the book in "Plain Text UTF-8" format, and pick out a single story in the text file to convert to HTML.
- (Player one...) Create a plain HTML file with the story: no CSS, no visual design except bold and italics. Use the simple HTML example as an example/basis for your work, and use the W3C Validator to ensure your file is valid XHTML 1.1.
- (Player two...) Without changing the HTML, except to have it use your new CSS file, develop a visual design for the page using CSS. Check the validity of your CSS using the W3C CSS Validator.
As you work on this, please consult the XHTML reference. The W3C doesn't seem to offer as nice a reference for CSS, but there is a reasonable CSS reference at SitePoint. Another great resource for learning about HTML and CSS is "view source" (or in the case of a .css file, loading the page directly into your browser to view it).