That in exchange

In exchange W3C - the organization engaged in standards for a web - suggests us two specifications: HTML 4 and CSS 2. I at all do not suggest you them to read now. Do not take in head. These are the exact detailed directories, and their reading as a piece of art of anything, except for a headache and disappointment in vital ideals, will not bring. Especially, the essence, what for both of them exist, there, in general, and is not explained.

I and have put links only because there should be links to specifications in clause{article} about HTML and CSS!

And the essence will be, that we are offered to divide{share} "compote" and "flies" - contents and registration of pages, and to use for that and another different means. HTML - for the description of contents, his{its} structure, and CSS - for registration and imposition.

Here it is important to stop and get a grasp of last offer of the previous paragraph once again. The key idea of all this clause{article} has imperceptibly lodged in him. That is it is, literally, from HTML everything is thrown out, that is connected to that as he looks, and in CSS to bordjurchikam and to colors (with which he began) means for accommodation of elements on page, movings, otstupanija and so forth are added.

HTML 4 is not language of registration of webs - pages.

He is language of a logic marking of pages. Earlier, creating the HTML-document, you thought that this heading will be made fat verdanoj golden color and otcentrovan in the middle the big dark green cell. Now all this is offered to be thrown out, and to write simply: <h1> Heading of page </h1>

. Everything connected to formatting is thrown out: fonts, borders of tables, color of links, spaces at, fony cells of tables, a centering …

And if earlier you looked at a breadboard model of page, and saw eyes, that it at us a cap from above, and it at the left hardly other color - sajdbar with links, and the everything else - the basic part of page now you are offered to write directly all this hands:

<div id=header>

<h1> the Company </h1>

<small> Kul`nyj the motto </small>

</div>

<div id=main>

<p> The company has been based...

</div>

<div id=sidebar>

<ul>

<li> <a href = ""> Products </a> </li>

<li> <a href = ""> Clients </a> </li>

<li> <a href = ""> Contacts </a> </li>

</ul>

</div>

Actually, that you do{make} now in HTML is a certain map of page, no more that. Structure. Even that <small> in heading the minor phrase on value inside a cap means not ” <font size=1> ”, and ”, a subtitle “.

And already further you take in hands CSS - language of styles - and start to display and make out him{it} all this structure on page.

No, CSS is not ridiculous new syntax which underlinings{emphases} links have thought up to clean{remove}.

CSS it is offered for creation completely all registration of page. Starting{beginning} from colors, design pictures and effects, and finishing{stopping} an arrangement of blocks and the task of their behaviour at change of the sizes of a window and the sizes of fonts. All this, using structure as an initial data set, instead of as an end result.

That in it good

I understand, that on this moment all sounds a little slozhnovato and if to take into account, that I have designated complexity of job by one of minuses of the tabulared approach, especial logic in replacement of one complexity by another it is not visible. But she is.

First, the part of this new complexity speaks idle time neprivychnost`ju. Other part - objectively is, but she is not simply so and that the result was better. Basic pluss of the approach with division of contents and registration:

The general{common} style for all site

CSS it is designed so that the design and style of all site was stored{kept} in one place (it is possible even literally in one file though it is not so convenient for the big projects). And it means, that during development of it of a site, and during various "redesigns" and "restylings" it is absolutely not necessary for you, as earlier, to change all HTML'nye files or patterns, it is enough to make changes only in CSS.

The small size of pages

In spite of the fact that all the same in files totally remains both contents, and registration, syntax CSS conduct to the smaller size of files. For example, if you (or Dreamweaver) for each link in a code wrote yours earlier:

<font face = " Verdana, Arial, Sans-Serif " color = " * 880000 " size = "2">

         <b> <a href = ""> </a> </b> </font>

That now you write in HTML:

<a href = ""> </a>

And in CSS:

a {Font:Bold 10pt Verdana, Arial; Color: * 880000;}

Also will save bajty on each link. Because in CSS it is enough to write a rule only once.

Dag Bauman has somehow lead{has somehow carried out} experiment, has translated a home page of site Microsoft on CSS, has received reduction of volume with 40KB up to 15KB.