????? ? ???????? ????, ???? ?? ?? ?? ?????????, ?? ?????? ???????,

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

• ??? ????? ???????
• 2. ????????-??????????????? ????????????????
• 3. ?????? ?????? ? ?????????

2
??? ????? ???????
????? ? ???????? ????, ???? ?? ?? ?? ?????????,
?? ?????? ???????, ?????, ??????, ????????,
??????, ?????????? ? ??? ?????. ???? ?????? ??
????? ????????. ????????, ????, ?????????,
????????????? ???? ? ???????????? ??? ??????
????????? ???????, ??????? ?? ????? ?????? ???
?????????. ?????? ?? ????? ??????? ?? ???
????????? ???????????? ? ??????????????.
???????????? ??????? ? ????????? ?????? ?????
??? ???????? ? ???-?? ??????. ??????????????
???????, ? ?????? ???????, ???? ?? ???? ??
????????. ?????? ??????? ????? ????? ?????
????? ?????. ??? ??? ????? ???????? (????????,
??????, ?????, ???? ? ??????), ? ??? ?????????
????????? (????????, ??? ???????, ??????,
?????????? ? ????????? ??????? ??????, ????,
???????, ????? ? ??????? ?????????? ???????????,
???????? ? ???????????? ????????? ?????????
????). ???? ??????? ???????????? ???????, ??????
?? ???????? ? ???????? ?? ?????????. ?????????
??????? ????? ????? ??????? ???????? ? ?????????
??????? ?????????. ?????, ????????, ????????
????????? ????? ?????? ? ?????????, ????? ??????
? ????????.
3
???????????, ?? ?????? ??????? ?? ?????? ??
?????????? ??, ??????? ?? ???????????. ???
?????? ?????????, ?????? ??? ?? ??????? ???
???????? ?????? ??????, ????? ?? ????? ?????? ??
??????, ???-?? ?????? ??? ?????????????? ?
??????? ??. ?????????? ?????????? ? ??????????
??????? ? ????????, ??????? ?? ????? ????. ? ???
??????? ?????? ??????????? ?????? ????????????, ?
??????? ??????? ???????? ????????? ??????. ?
????????? ?????? ??? ?????? ???????? ?? ?????
??????? ?????????, ??????? ? ????????????????
?????????? ?????? ????? ???????, ????? ??? ??,
??? ?????? ??????? ???????? ?????????,
??????????? ??????, ???? ???????? ?????????,
?????????????? ?????? ? ?.?.
4
??? ??? ????????? ?????, ???? ??? ?????? ??????
?? ??????? ? ???, ??? ??????? ??????????, ?
????????? ?????? ???, ?????? ??????? ??
??????????? ? ??????, ??????????? ????,
?????????? ???????? ? ??????????? ???????
????????, ?????????? ???????????? ????????????
??????? ?????????? ??????????.
? ?????????, ?????? ?????? ?? ????????
?????????? ?????? ??? ?? ???????, ??????????
?????? ???? ?????? ???????? ??????????? ???
????????. ? ????????? ????????? ?????????? ?????
????????? ?????? ????????????, ???????????????
??? ??? ?????????. ?? ? ????? ????????????
?????????? ?? ????? ??????????? ??? ????? ???
????? ?????, ????? ???????? ??????? ?? ???
??????, ?????????? ?????????? ????? ???????.
5
?????? ??????? ????????????? ???????? ?
???????????, ????? ??????????? ????????
????????? ????????-????????????????
????????????????. ????? ????????? ? ?????????
????????? ??????, ????????? ??????? ???????
????????? ?????????, ??????? ? ????????????????
??? ?????? ?????????. ??????? ???????? ??
???????????? ??????????? ?? ??????? ??????, ?????
??? ?? ??? ??????????? ???????? ?? ????????
??????? ?????????, ???????????? ??????????
??????????. ? C ?? ???????? ? ????????
??????????? ???????, ?????????? ???????, ?
??????? ?????? ??????? ??? ? ??????? ??????????
?????? ??????????? ?????? ????????????. ???????,
????????????? ??????, ?????????? ???
???????-????????. ? ?????? ??????????????? ????
??? ????? ???????-???????, ??????????????? ???
?????????? ????? ??????. ????????, ?????,
?????????????? ?????????? ????, ????? ?????????
???? ???????-??????? ??? ???????? ????? ?? ????,
?????? ??? ?????? ????? ?? ????? ? ?????? ???
??????? ? ??????? ????????? ?????.
6
????? ??? ??, ??? ?????? ?????? ?? ????????
??????????, ?????? ?????? ?? ??????. ???
???-?? ?????? ??? ??????? ?????????? ?? ????????,
?????? ??? ?? ??????? ?? ??? ???????, ??? ? ??
?????? ??????? ?????? ??????, ?????? ???
????????? ?????? ????????? ??????????? ???????
??????. ????????, ??? ?? ?????? ?????? ?????
????? ??? ?? ???????? ????? ????????, ??? ??
????? ? ??? ?? ???????? ??????? ?????
???????????. ????? ?? ?????? ??????, ???????
???????????? ???????? ?????? ????????? ?????
???????. ??????????? ??????? ?? ?????????
??????? ?????????, ?????? ?? ??????? ??????????
??????? ???????-??????? ? ???????????
???????-??????? ??????? ????????? ?? ??????.
????? ??? ???????? ???????? ????? ? ???????.
7
?? ???????????? ????????? ? ???????????, ?????
??????????? ?????, ??????? ? ????????-???????.
?????? ??????????????? ??????????? ????????????,
? ???? ??????? ????? ????????? ?????????, ?????,
??? ????, ????? ??????, ?????????? ??????? ?
????, ??????? ???????? ? ????????? ?????? (?.?.
????????? ????????-????????). ??? ? ???????????
??????????, ??? ???????? ???????????? ? ??????? ?
????????. ????? ?? ?????? ??????????, ??? ???
????? ? ??? ?????????????. ? ??????? ??????????
??????? ???? ??????????? ????????. ????????,
?????? ?????????? ????? ? ???, ??????? ??????? ?
???? ? ????, ?? ?? ? ???, ??????? ??????? ? ?????
?????? ???????????. ??????????? ??????? ??????
????? ????????, ???????, ? ???????? ?????????????
??? ? ?????????, ?????? ???????????? ??????.
???????????? ???? ????????? ???????? ??????
?????? ???????. ????????, ?????? ???????????
????? ????? ??????? ???????, ?????????????? ?????
????? ?? ?????. ?????? ?????? ??????????? ?????
????? ?????? ?????, ?? ???????????????, ?? ??
??????? ?????? ?????? ?????. ????????
??????????????? ?????????? ?????? ??????.
8
????????-??????????????? ?????????????? (OOD,
Object-Oriented Design) ?????????? ???????????
??????????? ?? ?????, ??????? ? ???, ???????
?????????? ???? ??? ???????? ???????? ?????????
????. OOD ?????????? ?????????? ?????????????,
????? ??????? ????????????? ??????, ????????,
?????? ??????? ????????????, ????? ??????????
?????????????? ????????, ?????????, ?????????
??????? ?????????? ? ????????? ?????? ????? ?????
??????. OOD ?????????? ???????????
????????????, ????? ????? ?????? ????????
???????????? ????? ?????????? ?????????????
???????????? ??????? ? ?????????? ? ??? ?????
??????????? ?????????? ?????????????. ??????
?????? ????????? ????????, ??????????,
???????????????? ????? ?????? ??????
??????????, ??, ? ?????????, ??? ????? ?????
??????????? ? ??????????.
9
????????-??????????????? ??????????????
?????????? ???????????? ? ??????????? ?????? ?
???????? ?????????????? ???????????? ???????????,
? ??????, ????????????? ???????? ???????????
?? ?????????, ????????? ? ???????????????,
????? ??? ??, ??? ?? ????????? ??? ????????
???????? ????????? ????. OOD ?????????? ?????
???????????? ????? ?????????. ????? ??? ??, ???
???? ???????? ???? ????? ????????? (????????,
??????? ???? ??????? ??????? ????? ?? ??????
??????), ???????????? ??????????? ? ???????.
?????? ??????????? ????? ????? ????????
????????? ????????? ???? ?????? ?? ????????????
?????, ????????? ?????? ???? ??? ????? ?? ?????.
10
???????? ? ???????? (?????????) OOD
????????????? (?.?. ???????????) ? ????????
???????? ? ???????? ??????? ????? ??????? ?????
?????. ??????? ???????? ????????? ????????
??????????. ??? ????????, ??? ??????? ?????
?????, ??? ????????????????? ???? ? ?????? ???
?????????? ????? ???????????? ???????????, ??,
??? ???????, ?? ?? ???? ?????, ??? ???????????
?????? ??????? ?????? ?????????? ?????? ??????
????? ????????. ?? ??????, ????????, ?????
????? ??????, ?? ???? ??????? ????, ??? ????????
?????????, ???????, ??????????? ? ?????????
??????? ??? ?????????? ?????, ??? ?????????? ?
???????? ???????????? ? ????????, ??????? ???????
? ??? ?????. ???????? ??????????, ??? ??
??????, ???????? ?????? ? ???????????
?????????????? ???????????? ???????????.
11
?????, ???????? C, ???????? ????????-??????????
??????. ???????????????? ?? ????? ????? ????????
????????-??????????????? ?????????????????
(OOP), ? ??? ????????? ????????????? ???????????
????????-??????????????? ?????? ? ????????
?????????? ??????????? ???????. ? ??????
???????, ?????, ???????? ?, ????????
????????????, ?????????????? ????????????????
???????? ? ?????????? ?? ????????. ? ?
??????????? ???????? ???????? ???????. ? C
??????????? ???????? ???????? ?????, ? ????????
?????????????? (??????? OOP ??? ???????
?????????) ???????? ????????? ???????.
?????? C ???????? ???????, ???????
????????? ????????, ? ??????, ??????? ?????????
????????. ?????????? ?????? ????? ????
??????????? ???????? ????????.
12
?????? ?????? ? ?????????
? ???????? ??????? ????? ???????? ??????????
????????? ???????? ??? ??????????????
???-????????.
????????? ?????? ????????
??????? ?????? ????????? ??????, ? ???????
??????? ???? ????????????? ????????? ??????. ???
??????? ?????????? ? ??????????????? ?????
????????????? ????? ?????????.
13
?????? document ???????????? ????? ??????
?????????, ???????????? ????????? ?? ??????.
????? ????, ? ?????? ??????? document ??????
????????? ??????????? ???????? ?? ???????? ??
???????. ??? ??????? (?? ???????? ???????????)
?????? ???????????? ??? ??????? ? ?????????
?????? ??? ????? ????????. ??? ????????? ?
?????? all ???????? ???????, ??????????? ???
???? ????? ?????????, ? ????????? images 
???????? ???????, ??????????? ??? ????? IMG.
?????????? ??????? ???????????? ???? ??? ??????
???????  ??? ?????? ??????????? ????? ???
?????? ? ???????? ???????.
?????????? ??????????? ??????????? ???????
????????? ???????, ? ??????? ????????
?????????? ? ?????? ??????.
????????, ?? ???????? ???????? ??????. ???????
???????? ?????????? ???????, ???????????? ???
???????????????? ???? IMG.
14
????? ???????? ??? ????????? ???????
?? ??????????? ???? ??? ???????? ????????? ??????
????????, ?? ????? ??????????????? ?? ?????
HTML-???????? ????????? ??????? ?????????, ?????
????????.
???????? ???????? ??????? document src
????? HTML-????????
lthtmlgt ltimg id"my2" src"redcar.jpg"
style"positionabsolutetop260left310" onmouse
over"document.all.my2.src'phantom.jpg'" onmouseo
ut"document.all.my2.src'redcar.jpg'"gt lt/htmlgt
15
?????????-???????????? ?? ?????? ?? ????????
???????? ???????? ??????? document visibility
lthtmlgt ltimg id"my1" src"phantom.jpg"
onclick"document.all.my2.style.visibility'visib
le'"gt ltimg id"my2" src"redcar.jpg"
onclick"document.all.my2.style.visibility'hidde
n'" STYLE"visibility'hidden'"gtltbrgt ??????
???????? ??? ?????? ?? ???????? ltbrgt ????? ?
????, ? ???????? ??? ?????? ?? ??? lt/htmlgt
16
???????? ???????? ??????? document visibility
?????????-???????????? ???????? ??? ?????????
lthtmlgt ltimg id"my1" src"phantom.jpg"
onmouseover"document.all.my2.style.visibility'v
isible'"gt ltimg id"my2" src"redcar.jpg"
onmouseout"document.all.my2.style.visibility'hi
dden'" STYLE"visibility'hidden'"gtltbrgt ??????
???????? ??? ????????? ??????? ?? ????????
ltbrgt ????? ? ????, ? ???????? ??? ????? ??????? ?
?????? lt/htmlgt