????????? ??????? [e-mail]

1
??????????? ????? ???????????? ???????

• ????????? ??????? moiseyev_at_yandex-team.ru

2
????????
??????? ???????? ? ???????? ? ???????????? ??????
??????? ?? ????????? ????? ???????????? 1,5
????????? ???. ????????, ??? ????? ??????????
???????? ?????? ???? ????? ??????, ????
????????????? ?????????? ???????? ? ??????
????????????? ????????, ? ??? ??????? ?????????
???????????????? ??????.
3
???? ???????????

• ??????????? ????????
• ??????????? ??????
• ??????????? ????????
• ?????? ??????? ???????????

4
1. ????????????? HTML ?????? XHTML
??????????? ????????

• ????????, ?? ????????? ???????????? ????, ?????
  ?????? ??? / area, base, br, col, hr, img,
  input, link, meta, param
• ?? ????????? ???????? body, head, html, tbody
• ?? ????????? ??????????? ???? colgroup, dd, dt,
  li, option, p, td, tfoot, th, thead, tr
• ? ????????? ??????? ???????? ?????? ????????
  ????????? ??? ???????
• ?? ???????????? ?????? ??? ?????????? ????????
  ?????????, ???? ???????? ????? ? ???????
• ???????? checked, selected, disabled ?????? ???
  ????????

5
2. ???????? ????????? ?? ?????????
??????????? ????????
?? ???????????? ????????, ???????? ???????
??????????????? ?? ????????? method"get",
target"_self", type"text"
6
3. ???????? ????????????? ???????? ?? ??
?????????????
??????????? ????????
????????, ??? ????????? ? ????????? windows-1251
?????? 109 ????????? nbsp ?? ?????? ? ????? 160
????????? ???????? ?? 545 ????. ??? ?????????
windows-1251 ?????, ????? ???????, ???????? ?????
???????????????? ???????? nbsp, mdash,
laquo, raquo
7
4. ????????? ?? ????????? ?? ???????? ????????
??????????? ????????
???????? ?????, ?????????? ??????? ? ???????????
?????????? ????????.
8
5. ????????????? ?????????? ????????????????
???????? ?????? ?????????????
??????????? ????????
????? ? ??????? ???????? ????????????
????????????? ???????, ??????? ??????????? ??
????? ?????? ?????????. ??? ???????, ??? ???????,
? ??????? ?????? ???????? ???????
???????????????, ? ?? ??????? ????.
9
??????????? ????????
??????? ????? ?????? ? ??????? ?????????? html, ?
??????????? ??????????? ??? ????????, ???????
????? ????????????? ? production. ???? ????????
?? ???????? ????? ?????????? ???????? ??? ?
?????? HTML 4.01 Transitional, ??? ? ?????
???????? HTML 4.01 Strict.
10
??????????? ??????

1. ???????? ???????? ?? inline ??????, ????????? ??
   ? css-????
2. ?????? ?????? ??????? ???????? ????????
3. ???????????? ????? ??????????? ????????? ? css,
   ?????? ?????? ????? ??????? ???????? ??????????
   ?????????
4. ???????????? ???? css-???? ?? ????????/???????
5. ??????? css-????
6. ????????? ??????? css ???????? ?????????

??? ???? ???? ????? ???????????? ??????? YUI
Compressor

• color006600 -gt color060
• ?????????? ?? rgb() ? ?????? hex
• ????????????, ????? ??? ???????, ???????????
  ????? ??????
• background, border, font, margin, padding

11
??????????? ????????

1. ?? ??????????? ??????? ??? ?????????? (embeded) ?
   ?????????? (inline) ??????? ? js-????
2. ?????? ?????????? ? ???????? ?? ???????????
   ????????, ?? ???????? ????????
3. ???????????? ???? js-???? ?? ????????/???????
4. ??????? js-?????

??? ???? ???? ????? ???????????? ??????? JSMin,
Dojo shrinksafe, Packer ? YUI Compressor http//co
mpressorrater.thruhere.net/
12
??????
???? ??????? ???????????? ???????? project.css
? project.js ???? ??????? ???????????? ??????
_project.css ? _project.js make - ???????? ?????
_project.css ? _project.js ?? ???? ??????? make
install - ???????? ????????? ????? ?? ???? ???????
?????? project.css _at_import url(global.css) _at_impo
rt url(common.css) / Header (begin) /
.b-head a, .b-head .service .exit a
color000 ...
?????? project.js include("global.js") include("c
ommon.js") function init(focus) ... ...
13
1. ??????????? ???????
?????? ??????? ???????????
?????????? ????????? ???????? ??????????? ??????.
?????????? ?????? ??? ??????????? ? ?????????????
???????? ? ??????? ?????? ??? ??????????? ?
??????? ??????????? ??????. ??? ???????????
??????? ????? ???????????? ????????? Adobe
Fireworks, Adobe Image Ready, GIMP ? ??????????
????????? optipng.
14
2. ??????????? ????????x ???????? ? ???? ????
?????? ??????? ???????????
???? ????????? ????????, ????? ??????????
????????? ???????? ? ???? ????
? ???????????? ?? ???
css background ? ???????
?????????? background-position
15
3. ???????, ??????? ?? ????? ????, ??????? ?
?????? ?????
?????? ??????? ???????????
????????, ??? ????????? (??? ? css ? js-??????)
???? ?? ?????, ???????, ??????? ?? ? ??????
?????, ?? ??????? ???????? ???????? ??????
?????????????.
16
??????
?????? ??????? ???????????
????? yandex.ru (???????? ????) GET /i/blank.gif
HTTP/1.1 Host img.yandex.ru User-Agent
Mozilla/5.0 (X11 U Linux i686 en-US
rv1.8.1.3) Gecko/20061201 Firefox/2.0.0.3
(Ubuntu-feisty) Accept text/xml,application/xml,a
pplication/xhtmlxml,text/htmlq0.9,text/plainq
0.8,image/png,/q0.5 Accept-Language
ru-ru,ruq0.8,en-usq0.5,enq0.3 Accept-Encodin
g gzip,deflate Accept-Charset
windows-1251,utf-8q0.7,q0.7 Keep-Alive
300 Connection keep-alive Cookie
YX_HIDE_SPAMBOX1 yabs-frequency/1/xBqc0D41F1Tm9
W3H0JnytIK0qG4dThic0D01F6Lg9G3G0IS7C2G0q04ye3mV0D0
1FFXw9G3G0JpTs1y0q04yn74H0Cy1FERD9G3F0SSQ82O0pm4kn
iibGCy1Gm6AGYP0pm770aFJ9K3F0GS1HWCb0Cy19z169W3C0Jp
0FYO0om6yv2SO0Ci1VFpB9G390JmdhGi0n04yQwSZ0CG1NBwL6
C340Vp___y0/f0BH0GwC0G00/fGBH0GuG9pM15GSR3XE12Wa0
mail_tagyandex.ru YX_SEARCHPREFSlangall,famil
y,gamma,numdoc10,target_blank,banners1,search
_form,charset,ton1,shsd,url1,wstat,t2,hltit
le1,favicons1,hltext1,extradoc,size1,tose1,r
elev1,date1,descsometimes yandexuid4462161175
173775 yafolder497549473A1590000000002319964
mesortdate LEF8fVwJ8f3oKUWEPYllyYVtde0tWQVd6Myc
lVwtYLnU4N3FZMihIwUIKR8cHWMaYQMlITgUSUjHG1KNyFZ
g.1176294427.494.269853.95de5458b4817a01b9345b28
a834ab8d yandex_fioboochie20snoochie
yandex_loginsnoogans yandex_nickname
yandex_mailsnoogans Session_id1176294427.872.0.
7086205.21560859414.39549.52250.17a1934d6a7fa251
d98db8e6250d1d93 If-Modified-Since Thu, 09 Oct
2003 134205 GMT If-None-Match
"1731116325" Cache-Control max-age0
????? yandex.net (???? ?? ????????) GET
/i/blank.gif HTTP/1.1 Host img.yandex.net User-Ag
ent Mozilla/5.0 (X11 U Linux i686 en-US
rv1.8.1.3) Gecko/20061201 Firefox/2.0.0.3
(Ubuntu-feisty) Accept text/xml,application/xml,a
pplication/xhtmlxml,text/htmlq0.9,text/plainq
0.8,image/png,/q0.5 Accept-Language
ru-ru,ruq0.8,en-usq0.5,enq0.3 Accept-Encodin
g gzip,deflate Accept-Charset
windows-1251,utf-8q0.7,q0.7 Keep-Alive
300 Connection keep-alive If-Modified-Since
Thu, 09 Oct 2003 134205 GMT If-None-Match
"1731116325" Cache-Control max-age0
17
4. ???????? ??????????? ??????? ?? ???????
?????? ??????? ???????????
??????????? ???????? ???????? ????? ?????
???????????? ?????? ????????, ???????, ?????...
??? ?????? ???????? ???????? ????? ???????????
??????? ???????? ? ???????. ????? ??? ?????????
?????????? ? ???????? ????? ??????????
(???????????) ?????? ??????????? ?? ????
????????, ?????????? ????????? ???????????. ?????
????? ????? ? ???? ???????? ??????????? ? ???????
?????????? Expires ??? Cache-Control (???????? ?
HTTP 1.1).
18
??????
?????? ??????? ???????????
Expires Thu, 15 Apr 2010 200000 GMT ???
Cache-Control max-age315360000
19
5. ???????? ????????? html, css, js ?????? ??
???????
?????? ??????? ???????????
??? ?????? ??????? ??? Firefox Live HTTP
Headers (https//addons.mozilla.org/en-US/firefox/
addon/3829) ????? ??????????, ?????? ?? ??????
?????????? ??????
20
??????
?????? ??????? ???????????
? ???? ?????? ????? ??????? ????????
? ???? ?????? ????? ??????? ??
????????
21
?????????????
??????? ?????????? ????????? ? ??????? ????????
?? ?????? ? ?????????? ????? ?????????.
22
????????? ??????? ????? 111033, ??????,
??????, ??. ?????????? ?.1, ???. 21. ??????? 7
[phone]???? 7 [phone] ??.
????? moiseyev_at_yandex-team.ru