Are there any online tutorials which show an HTML-only site being transformed into an XHTML/CSS site?

in a step-by-step process? I'm looking for a site like this to help me learn CSS in an interactive way.

Public Comments

  1. Please check this site, http://www.w3schools.com/default.asp it might help you or go to www.w3.org
  2. There is really nothing to show. All you are doing is stuff like this: <p> Blah <FONT Color="red" Size="+3">BLAH</FONT> Blah </p> and replacing it with css file: .bigred { color: red; font-size: 2em; } html: <p> Blah <span class="bigred">BLAH</span> Blah </p> That is, you take the formatting out of the html and put it somehwere else. This at first might seem counterproductive. It isn't. As for xhtml, that means little more than putting trailing / characters in everything: html: <br> xhtml: <br /> Xhtml would be a good thing, except most people declare their file correctly - like this for example: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> And then negate it by declaring: <meta http-equiv="Content-Type" content="text/html"> which says "this is really just html for extra / characters". It is pretend xhtml. But real xml is much more demanding and makes it harder to add javascript (too bad though. Sometime things of greater benefit just take more work.) http://www.w3.org/TR/xhtml-media-types/ For getting a good handle on this stuff, try http://december.com/html/ which covers everything and has lots of demos and handy tools. (When there, you are expected to right-click and view the source to see how things are done.)
Powered by Yahoo! Answers