Learning Web site Construction Technology CSS Layout experience

css| Website Construction | experience

From the beginning to know CSS (DW4), I knew the strong CSS, but never used CSS layout, because I have tried to learn, but it is too difficult
And with the DW table, see and get, do the page is very fast, typesetting is also much easier, due to the recent job search, many companies have asked Div,css, so I try to learn again

1. Learning Style

I think that looking at someone else's code is a very good way to learn (if you need some basic knowledge), you can get rid of some repetitive, or CSS-independent, code when viewing other people's code, which will be more beneficial to our analysis, and you can learn more about what others are doing, a little deeper, You can think about why you're doing this, and of course they're not necessarily all right, even Taobao, I found that they have a lot of CSS inside the redundant code, I once from Taobao's web page code to learn a lot of things, I put the basic framework to retain, and then analysis, and I will my analysis recorded down, You can view here:
Http://www.dayanmei.com/blog.php/ID_536.htm

2. Practice Mode

In the understanding of some basic layout methods, and some of the properties of the container, you can try yourself, write some simple layout, encounter problems, you can search in Google, or like the ideal forum and some other discussion of the standardization of the Forum to ask, there will be a lot of kind-hearted people's OH

3. A Handbook
This can be very useful when you encounter a problem or when you are not familiar with a property, or if you are not sure about the compatibility of attributes.
Manual can go here to download
Http://www.w3cn.org/resource/down/2004/73.html

4. Write more and practise more
When you find yourself writing a few more layouts, or having some problems and solving them, you have mastered the basics of the layout.

How to learn to standardize

1, several books, several websites, several posts, a few blogs

"Website Refactoring" set off the first related works of domestic web Standard upsurge. The theoretical nature is more, the whole book involves very few specific operation and code parts. Beginners ' first reading is likely to feel no practical use. Suggestions in the reading of "CSS Web site Layout" has a certain technical basis for the study, to reflect on their previous learning and design process problems, so as to effectively improve.
"Style sheet Chinese manual" the necessary tools, I usually on the desktop at any time to query. Detailed usage instructions and examples are provided.
"CSS Web site layout" is a relatively new standardized book. Show you how to write compliant XHTML and CSS code, and show you some common layout and page effects code. This book is very suitable for beginners, basically for the example of the layout, the effect of the actual operation, a more systematic talk about how to make standardized Web site. This book is only about concrete implementation, the concept of standardization, the goal of Web site reconstruction These guiding the actual operation of the concept of things almost no. Can study this book after reading "website refactoring", the combination of the two learning effect is good. The current version may be due to time problems, proofreading is very hasty, there are a lot of typos and problematic sentences do not, but involved in the code to find no errors.
The CSS authoritative guide details the rules and definitions of each of the CSS1.0 attributes, and looks at the many tempting things CSS2.0. is of great significance to the implementation of web standardization. Through the study of this book can understand the browser how to resolve the rules and definitions of attributes, for the accurate realization of design intent to provide protection.
"HTML and XHTML authoritative guide" should be an authoritative reference book, there is no need to read through, can be used in the actual design of the production process. Describes the use of HTML and XHTML rule definitions in detail.
As the main technique of the behavioral layer, the JavaScript Authority Guide does not learn the Web standards in its entirety without learning JavaScript.

Web designers initially contacted Web sites where standardized learning must be accessed and read carefully. Contains important information such as tutorials, information, resources, and more.
 Cave Radon ò?lt;/a> This needless to say, to a few moderators enthusiastic industrious here salute. Many cattle people dive with this. But the recent study miasma  Rhyme is willing to happy  wave the ape Chiu 肜 the hacking cuisine a Lin 赾 SS performance level of friends more.
Csser.org This website does not know how to turn off ... A period of time not to see, waiting for the webmaster again open it.
As one of the early Web sites in the portal, NetEase's latest version is worth studying.

Below are some of the web standards of Cattle Friends blog, and then they can learn a lot, and through the blog so cordial form of learning effect should be very good. Suggest meditation to read their series of tutorials.

http://www.realazy.org/blog/
http://www.andymao.com/andy/
http://old9.blogsome.com/
http://www.greengnn.com/
http://blog.pr1984.com/
http://www.loaoao.com/

2. How to Learn

• Write
  Read the posts, websites and blogs I recommended above. The purpose of the Internet is to share and disseminate, those who touch the early understanding and practice of more in-depth friends to provide us with experience and tutorials. To calm down, you can't find the answer just for an effect or a layout implementation. But to understand the tutorial to bring us the realization of ideas. In order to study systematically, we should collect some problems to summarize the extraction. Read the time to write, write some code snippets, some layout structure, some effect of the implementation. Even if the book to knock out the code to deepen memory and understanding, the effect is much better than simply through the effect.
• Changes
  Change, not plagiarism. Save someone else's site, change some of the content, and see what changes the page shows, in these changes to understand how you changed some of the code to achieve the effect of the page. This is a very important way of learning. The change in the effect you see comes from your changes, which in itself is a process of deepening memory and understanding. Another way is to simplify the complex page, simple to demonstrate the effect of the main, the code less seems clear to facilitate learning. Or the simple layout filled with content to see how the page shows, will affect the layout, adaptive or fixed size, beyond the fixed size of the content hidden or flow to the structure? Are there any bugs? The frog never catches a dragonfly standing there in peace and quiet, only the Dragonfly flies up the frog can judge to prey.
• Go to bed
  Thinking before going to bed. Outside the monitor to think about what to learn before, there must be a certain distance and space height to think about, such as the layout today is not reasonable, there is no need to be so complex, if the float changed to absolute positioning it. Wait, like a graphic design, sometimes the chair back, slightly away from the screen, the details of the previous processing can have a new understanding.
• Collection
  Good memory is not as bad as writing, always to post questions is not a way. Gather the useful tutorials that you see and sort them out, such as layout code, navigation effects, browser-compatible hack, and so on. Set up your own document library, a long time to organize, if the appropriate conditions do not forget to share with friends.
• Practice
  To make a complete website/Web project, it may not be complicated or large. But at least have a complete page, as far as possible with familiar technology to achieve. Test yourself and find problems to keep yourself motivated to learn.