A good tutorial on DIV CSS layout technology_html/css_WEB-ITnose

Website Reconstruction & Web Standard Design Video (60 lessons, DIV CSS layout technology)

Currently, Yahoo, NetEase, Taobao and other websites use this method to restructure their websites in compliance with Web standards
Website Reconstruction The structure can speed up web page parsing, achieve cross-platform information availability and a better user experience. Website reconstruction reduces service costs with efficient development and simple maintenance. The most important thing is that it is easy to revise and achieve compatibility with the future.

Web standards are methods to achieve website reconstruction. The so-called WEB standards, that is, website standards, generally refer to website construction using a website design language based on the XHTML language. WEB standards are not a single standard, but a series of standards. collection. The typical application mode in WEB standards is "css div".

This tutorial focuses on the application of xhtml and css. It combines multiple examples while teaching the course, so that users can apply what they have learned, draw inferences from one example and learn how to design a standard-compliant Web website in a short period of time. .

This tutorial is divided into 60 lessons, each of which lasts an average of 15 minutes. The first 10 lessons focus on ideas, while the following content is practical tutorials, striving to enable users to master the core ideas of website reconstruction while learning to make standard websites.
Watch the video online:
1. About web standards
2. Traditional web websites
3. Knowledge of web standards
4. Web standards
5. DOCTYPE of xhtml
6 , css cascading style sheet
7. Traditional website production methods
8. Comparison of traditional and standard-compliant production processes
9. Benefits of web standards
10. Market share of each browser
11. Box model
12. CSS font and text style
13. Display mode and background of CSS box model
14. Web page layout skills
15. Box model achieves rounded corners effect
16. How to make a navigation bar
17. Use images to make navigation bars
18. The extension of images to navigation
19. Advantages of tables in web standards
20. Automatically retracting rounded rectangles Effect production
21. Text layout, text prompt function
22. Form production method 1
23. Form production method 2
24. Navigation bar sliding door production method
25. Use lists to create photo albums
26. The production process of the entire website 1
27. The production process of the entire website 2
28. The production process of the entire website 3
29. Dreamweaver library 1
30. Dreamweaver library 2
31, css file practice 1
32, css file practice 2
33, css file practice 3
34, css file practice 4
35, css file Practice 5
36, Practice 6 of css file
37, Practice 7 of css file
38, Practice 8 of css file
39, Practice 9 of css file
40, css file Practice 10
41, Practice 11 of css files
42, WAMP1 (PHP environment construction)
43, WAMP2 (PHP environment construction)
44, WAMP3 (PHP environment construction)
45 , WAMP4 (PHP environment construction)
46. Use php to create web page templates
47. sinolog’s website production 1
48. sinolog’s website production 2
49. sinolog’s website production 3
50. Website production by sinolog 4
51. Website production by sinolog 5
52. Application of table attributes
53. Use of css printing style
54. Building a website 1
55. Build a website 2
56. Build a website 3
57. Build a website 4
58. Build a website 5
59. Build a website 6
60. Building a website 7