Tutorial on CSS by dreamsonline

[dreamsonline]

Hello,

Well if you are reading this post then its obvious you are interested in this latest and coolest way to design web pages using tableless CSS ofcourse.

But before I start with the actual tutorials let me tell you the advantages of CSS.

Suppose for example my website -> www.dreamsonline.net
This page is done with table nested inside tables nested inside tables nested inside tables... ok now lets stop that.

So the size of the page is around 30kb and if you count the images too it would sum up to a total of around 70kb.

Now when you view the page you are using by bandwidth which I am paying for. Now suppose if 100 people see my page in a day, they would be utilizing 7000kb (7 MB) of my bandwidth. Now count that for a month. Its 210 MB of data transfer per month. If I had done the same page in CSS my page size would have become 10Kb and also I would need lesser images so that total would be around 40Kb. Now for a month I would be utilizing 40*100*30 = 120Mb of data transfer per month.

Its almost half. So now i need less bandwidth which means lesser money to invest on hosting and also the pages would load faster.

And the pages would be free from tables the code for the page structure would be bare minimum and the percentage of content would be more in the page which will help me get a better ranking in google.

And the most impotant is since the design is now seperated from the content you can redesign the design using css and your whole site is updated within no time.

From next post I would be starting the basics of CSS. So get your notepads & browsers ready.

And before I start please ask me if you have any doubts.

[Guttu]

Rather than learning on other sites
and take pain for searchin
I'll get the readymade stuff here

Thnx for starting new thread
Plz post "what is CSS" which u posted in that thread
here tooo
so that this will b complete

And am eagerly waitin for ur tuts

[dreamsonline]

I am posting this thing here again so as to keep entire series in one single location...

Ok first hope all know CSS means cascading style sheets.

I hope you know what cascading is?

Tableless page means to use layers. The most important thing why we should learn css now is because the web is evolving and slowly content would be seperated from design entirely.

If anyof you have used blogs & or take this forum for example here the design is controled through CSS and the content is stored differently.

This helps to redesign the website in no time.

In a page the different areas of a website are kept within layer "DIV" tags and the properties and attributes to the div tags are given in the css files.

And guys when you learn css you will also have to learn about XHTML. Well dont hold your head. I will explain you about that in a single post.