Div+css the separation and analysis of structure and performance in ideas and processes _ experience Exchange

Old topic: the separation of a classical poem

1. Give you an ancient poem, save it as a bunch of unformatted text, you understand its content, the structure of the processing. After publishing with Word, he has a structure
2. This structure actually contains the semantics and the expression
3. Use HTML to structure, throw away all forms of expression, only consider semantics
4. Using CSS for performance processing, including HTML default performance, he has a visual performance, the performance reflects the structure, but also reflects the user experience, the user experience includes interactive typesetting and visual experience
5. If you add a behavior, such as clicking on the comment number, slowly jump to the comment content.

And look at the CSS Zen Garden.
The same 5 steps above, forming the first version of the CSS Zen garden
And more template providers do the work is interactive line artwork + visual design. On the Web page is CSS

You can see from the coding point of view
The first step, the content processing for the structure, pure HTML writing
The second step, the structure processing for the performance, the pure CSS writing
The third step is to add behavior to the performance.

From a process perspective
The first step, the planning document
Step two, structure processing
The third step, interactive design (interactive style building)
Fourth step, visual design (visual style construction)
Fifth step, style building

Reverse thinking again
If there is no CSS Zen garden, designers design hundreds of of the design, and then make the page, the structure of the HTML will be the same? Analogy, if you plan to deal with two interactive and visual designers, will the structure of page construction be the same? The answer is certainly not the same, why not the same? Here is the root of the discussion, this is the question we need to think deeply!

