What are the main steps in converting Existing website to CSS?

A CSS based website is the site in which all the styling and the layout of the website is controlled via CSS. All the CSS code is placed in external CSS files and called inside the webpage. Whenever an HTML page is downloaded this CSS file is called. In order to convert an existing website to CSS following important steps should be taken.

Replace all table tags with the div tags. Give a unique id to each div. Now using that id, define a new CSS class and adjust the positioning and styling using the CSS.

Define the classes for all important tags in CSS, like image, paragraph, H1, H2, HR, etc. etc. Now give the required styling to each class using the appropriate properties like font size, font name, position, float etc.

Now search the web pages for any inline CSS defined. Inline CSS means which is defined inside an HTML tag. An example may be like this:<span style=”color:#FFFFFF”> blah blah </span>

Here you can see inline styling.

Remove this inline styling. Define a new class and associate these properties with that class. Then replace the above inline CSS with that new class name. For example we defined the new class called “td_style” then the above tag will become:<span class=” td_style”> blah blah </span>

Repeat this process for all the inline CSS defined. Add all these classes in a

separate CSS file and link it with every page.

These are some basic steps to do the conversion. But this topic needs a comprehensive discussion.

Profitable home based business|home based candle jewelry business

 

What are Fake FBI emails, how to identify them|fake fbi email

 

This entry was posted on Saturday, February 2nd, 2008 at 12:57 am and is filed under Website Design Tips. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.