Div+css the separation and analysis of structure and performance in thought and process _ experience Exchange

The old topic: the separation of an ancient poem

1. Give you an ancient poem, save it as a pile of text without any form, you understand its content and do the structure. After using word layout, he has a structure
2. This structure actually contains semantics and performance
3. Structured with HTML, leaving out all forms of expression, taking into account only semantic
4. With CSS performance processing, including the default performance of HTML, he has a visual performance, this performance embodies the structure, but also reflects the user experience, the user experience includes interactive layout and visual experience
5. If you add behavior, such as clicking on the annotation serial number, slowly jump to the annotation content.

And look at the CSS Zen Garden.
It is also the top 5 steps to form the first version of the CSS Zen garden
And more template providers do the work of interactive lines + visual design. On the Web page is the CSS

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

From the perspective of the process
The first step is to plan the document
The second step, structure processing
Step three, interactive design (interactive style building)
Fourth step, visual design (visual style building)
Step fifth, style building

And then think backwards.
If there is no CSS Zen garden, the designer designed hundreds of pieces of the design, and then made the page, HTML structure will be the same? Analogy, if your planning, to two Interactive and visual designers to deal with, the structure of the page construction will be the same? The answer is certainly not the same, why not the same? The fundamental point of this discussion is that we need to think deeply about it!