CSS & HTML Help!!!

windows

Guest
Ok, I have a site all done in HTML but my prof said that it would be better to have it in CSS, now is there an easy way about this, changing my code from HTML to CSS or should I just scrap the idea of putting it in CSS and keep it in HTMLHTML and CSS are not separate things. CSS is a means to add visual presentation definitions to your HTML documents. The prefered method now is to use HTML markup to describe the semantic structure of your document, and to use CSS to define how the document looks in the browser (and other media, too).

Now, without seeing your page and its source code, I can't truly know what your professor really meant (assuming s/he actually know what s/he's talking about). However, I would hazard a guess that you used HTML tables to create the visual layout of your page, and what your professor wants is for you to use CSS styling to achieve that layout instead of tables.Read the W3Schools Css Tutorial (<!-- m --><a class="postlink" href="http://www.w3schools.com/css/css_intro.asp">http://www.w3schools.com/css/css_intro.asp</a><!-- m -->) to get started and to start to understand CSS. Then take a look at the References post at the beginning of this forum and have a look through some of the links there and try out a few things that may interest you.
The next step is planning, decide how your going to setup your new version of your site. Where your going to have the divs and how your going to set it up, a little sketch often helps.
Then start creating it. I usually find it easier to start from a new document, this way I can make sure that I'm using the least amount of code needed to get the appearance required and I usually have less problems with the code. But it's up to you, I think there are some programs out there that strip your html doc of its useless crappy tags, then you just have to create the stylesheet and insert the ids and classes and other important code (DOCTYPE etc), but as I said, I prefer to start over, I get more experience that way too.
Then test that you have done your code correctly: XHTML Validator (<!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m -->) and CSS Validator (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator">http://jigsaw.w3.org/css-validator</a><!-- m -->) and if you also want to check it for accessibility (<!-- m --><a class="postlink" href="http://webxact.watchfire.com">http://webxact.watchfire.com</a><!-- m -->).
Well. Good Luck. :)NogDog you are right I did it in html tables and my prof just suggested css but if it takes too long to do i will just leave it as it is because it seems like a lot of stuff to do and also thanks toobathurst guy for the info maybe i'll start practicing with css
 
Back
Top