2. 1. , 1. 2. 1. codestyle2. - 3. 3. 1. 2. codestyle3. , LOVATA
Group, EDU 2009 2 3. 4. - 1. 2. 3. 5. 1. 2. WebHiTech 2009 , LOVATA
Group, EDU 2009 3 4. 23.04.2009 liveinternet.ru 17%MSIE725% MSIE6
19%Opera 9 20% Firefox19% , LOVATA Group, EDU 2009 4 5.
WebStandards Group : 1. ; 2. ; 3. ; 4. . :
http://webstandardsgroup.org , LOVATA Group, EDU 2009 5 6.
WebStandards Group - WSG-: 1. ( ); 2. -; 3. - . :
http://web-standards.ru , LOVATA Group, EDU 2009 6 7. WebStandards
Group - - 2007 .
-http://webdev.lovata.com/2007/11/19/tretya-vstrecha-wsg-russia ,
LOVATA Group, EDU 20097 8. WebStandards Group - , WSG-: 1.
2007-2008 2. HighLoad 2007, HighLoad++ 2008 3. ClientSide 2007 4.
UA WEB 2008 5. WebHighTech 2008 , LOVATA Group, EDU 2009 8 9.
WebStandards Group - 2009 : 1. web-standards.ru; 2. WebHiTech 2009;
3. WSG- . , LOVATA Group, EDU 2009 9 10. WebStandards Group - WSG-?
1. Web StandardsGroup (http://webstandardsgroup.org); 2. WSG-; 3.
WSG- . , LOVATA Group, EDU 2009 10 11. . 1. 2. codestyle. 3. -. ,
LOVATA Group, EDU 2009 11 12. , , 1. . 2. , 99% . 3. html- . . . ,
LOVATA Group, EDU 2009 12 13. , , , ! , LOVATA Group, EDU 2009 13
14. codestyle Codestyle , . . , LOVATA Group, EDU 2009 14 15.
codestyle : 1. header; 2. content; 3. sidebar; 4. footer; 5. extra;
6. .. , LOVATA Group, EDU 2009 15 16. - , , - . , , (). , LOVATA
Group, EDU 2009 16 17. - . , LOVATA Group, EDU 2009 17 18. . 1. 2.
. 3. codestyle. , LOVATA Group, EDU 2009 18 19. : 1.
http://vitaly.harisov.name/article/independent-blocks.html 2.
http://clubs.ya.ru/yacf - , , , . . , LOVATA Group, EDU 2009 19 20.
: 1. , id javascript; 2. , CSS Reset; 3. ; 4. . , LOVATA Group, EDU
2009 20 21. , . , , . , LOVATA Group, EDU 2009 21 22. : 1. (layout
blocks); 2. (content blocks). , LOVATA Group, EDU 2009 22 23. . ,
(.b-news ul -> .b-news .b-news__list). , LOVATA Group, EDU 2009
23 24. , , . : 1. .b- (block) 2. .l- (layout) 3. .h- (holster) 4.
.n- (navigation) 5. .m- (modification) 6. .g- (global) , LOVATA
Group, EDU 2009 24 25. codestyle : 1. 2. 3. 4. 5. 6. , LOVATA
Group, EDU 2009 25 26. codestyle CSS- : (Dimensions) 1. (Boxes) 2.
(Positioning) 3. (Miscellaneous) 4. (Text) 5. (Fonts) 6. (Paging)
7. (Tables) 8. (Interface) 9. (Color/Background) 10. (Aural) 11. ,
LOVATA Group, EDU 2009 26 27. codestyle . 1. 2. . 3. Internet
Explorer Conditional Comments. 4. CSS- CSS-. , LOVATA Group, EDU
2009 27 28. - 1. 2. 3. , LOVATA Group, EDU 2009 28 29. , LOVATA
Group, EDU 2009 29 30. , LOVATA Group, EDU 2009 30 31. , LOVATA
Group, EDU 2009 31 32. : 1. ; 2. (10px); 3. (10px); 4. (1.8em)
(1.4em) quot; quot; ; 5. (#737373). , LOVATA Group, EDU 2009 32 33.
HTML: CSS: , LOVATA Group, EDU 2009 33 34. (.b-news ->
.b-news_main). , LOVATA Group, EDU 2009 34 35. HTML: , LOVATA
Group, EDU 2009 35 36. CSS: , LOVATA Group, EDU 2009 36 37. HTML: ,
LOVATA Group, EDU 2009 37 38. CSS: , LOVATA Group, EDU 2009 38 39.
HTML: CSS: , LOVATA Group, EDU 2009 39 40. :HTML:CSS: , LOVATA
Group, EDU 2009 40 41. CSS - sprites: : : , LOVATA Group, EDU 2009
41 42. CSS - sprites: CSS: , LOVATA Group, EDU 2009 42 43.
.g-active 1..g-hide 2..g-hide_txt 3. .g-float (.g-float_left,
.g-float_right, .g- 4.float_none) .g-clear (.g-clear,
.g-clear_left, .g-clear_right) 5. , LOVATA Group, EDU 200943 44.
.g-active : CSS: , LOVATA Group, EDU 2009 44 45. : 1. CSS-; 2.
CSS-; 3. ; 4. .: 1. HTML; 2. - . ;) , LOVATA Group, EDU 2009 45 46.
WebHiTech 2009 - .: 1. ; 2. ; 3. . , LOVATA Group, EDU 2009 46 47.
WebHiTech 2009 - , , - , , . ., , . : http://webhitech.ru , LOVATA
Group, EDU 2009 47 48. ! ? [email protected]
[email protected] , LOVATA Group, EDU 2009 48
