Convert an Entire Site to CSS, Resources
by Shirley E. Kaiser, M.A., SKDesigns
Copyright © 2001-2016, Shirley E. Kaiser, M.A., SKDesigns. All rights reserved. Published at websitetips.com with permission.
On this page:
Converting an Entire Site to CSS
Steps 1 through 6 of this tutorial covered only the very basics of converting an existing site to help get you started. In addition, though, you can adjust white space, margins and padding, and do your entire layout with CSS positioning. At the minimum, though, even just converting all your old HTML
font tags to CSS will help a lot, as this tutorial series covered.
When you think about what and how much to convert to CSS, every site will have its unique qualities and elements to consider. If the markup is consistently handled throughout the site and is high quality, W3C validated, it will probably be easier to transition the site to CSS. In some cases, it may be easier to pull out all the content and place it all within new templates. In other cases, it may work fine to strip out the old HTML markup and replace them. Sometimes even a search/replace can handle much of it.
How do you decide which approach to take?
Carefully review the markup, perhaps even trying one page to see how quickly you can strip out and replace the old tags. If it's time-consuming and unwieldy, it's probably easier to create a new template and then add the content to the template.
Is it worth it?
In the long run, it's definitely worthwhile! I've converted quite a few sites from old HTML markup to using CSS with external style sheets, so I speak from firsthand experience.
You'll be glad you upgraded the site. It will be so much easier to maintain, to change anything, and your styles will be much more consistently handled throughout your site. In addition, the Web pages will undoubtedly load faster, and future redesigns will be a whole lot easier as well. All in all, it will make the site far more efficient.
Yes, validating matters. It will help you find errors, ensure that your code is done correctly, and your pages ought to work better with a variety of browsers and platforms, too.
- HTML, XHTML, and CSS, Sixth Edition: Visual QuickStart Guide, by Elizabeth Castro. Peachpit, August 2006.
- CSS: The Definitive Guide, 3rd Edition, by Eric Meyer. O'Reilly Publishers, (November, 2006).
You'll find many more book recommendations on CSS in our Recommended Books Books on CSS, HTML, XHTML, Web Standards section.
Online Resources via WebsiteTips.com
Brainstorms and Raves is a daily weblog or column, also by SKDesigns, that includes the Web, design and layout, CSS, accessibility, standards, usability, typography, and much more. There are searchable archives, too.