Ивличев П.С. Практикум по информационным... Ч. 9
.pdf«
П. С. И ч , Н. А. И ч
9
2013
32.81
519.683
|
255 |
|
|
|
|
|
|
|
. C. |
– |
Авт ры: |
|
|
|
|
|
|
|
, |
|
- |
||
|
|
- |
; |
|
|
||
|
|
|
|
|
|
||
|
. . |
– |
|
|
|
|
- |
|
|
- |
. |
|
|
|
, |
|
|
|
|
|
|
||
|
. . |
– |
Реце зе ты: |
|
|
|
- |
|
|
|
|
|
|||
|
|
|
|
|
|
|
- |
« |
» |
, |
|
, |
|
|
- |
|
; |
|
|
|
|
|
|
|
. . |
– |
|
|
|
|
- |
|
|
|
|
|
|
|
|
|
. |
, |
- |
|
|
, |
- |
|
|
|
|
|
|
|
|
|
255 |
, . ., |
, . . |
. |
9. |
|
- |
|
|
|
|
|
|||
|
: |
: |
/ |
. ., |
. |
. |
– |
|
|
|
|
|
|
, |
|
2013. – 35 . |
|
|
|
|
|
|
|
32.81
519.683
© |
. ., |
. ., 2013 |
© |
|
, 2013 |
3
|
................................................................................................................... |
|
4 |
1. ....................................... |
СЭЦХ - |
|
5 |
|
1 . |
.................................................... 5 |
|
|
2 . |
. |
|
..................................................................... |
|
Notepad++ |
6 |
.............................................................. |
3. |
html- |
7 |
|
4 . |
....................................... 9 |
|
|
5 . |
.............................................................. 13 |
|
|
6 . |
......................................................................... 15 |
|
|
7 . |
................................................................. 15 |
|
|
8 . |
........................................ 16 |
|
|
9 . |
.......................................... 17 |
|
............................... |
10. |
– |
19 |
|
11 . |
............................................ 20 |
|
.................................... |
12. |
JavaScript |
20 |
|
13 . |
......................................... 23 |
|
|
14 . |
................... 25 |
|
.................................. |
15. |
Web- |
25 |
..................................... |
16. |
JavaScript |
27 |
2. .............................. |
СЭЦХ - |
MS АШrd |
28 |
................. |
17 . |
.html |
28 |
|
18 . |
.............................................................. 29 |
|
|
19 . |
........................................................ 29 |
|
|
20 . |
........................................................................ 30 |
|
|
21 . |
............................................................. 30 |
|
........................................................................................................... |
|
|
31 |
|
4 |
|
|
|
, |
|
|
- |
|
. |
|
|
|
|
- |
|
|
|
|
« |
|
|
», |
- |
« |
». |
|
|
- |
|
html- |
|
|
- |
. |
, |
|
|
- |
|
|
|
- |
|
|
|
|
|
|
2003-2010, |
|
. |
Microsoft |
Office |
|
|
|
||
, |
|
|
|
|
, |
|
. |
|
|
. .), |
( |
, |
, |
, |
|
, |
Arial. |
|
|
|
Courier. |
|
|
|
|
|
|
|
|
|
5 |
|
|
|
1. |
СtЦХ- |
|
|
|
|
1. |
|
- |
|
World Wide Web (WWW) |
|
||
|
|
, |
|
- |
|
|
. |
ААА – |
|
Web- |
. |
|
ААА – |
АОЛ- |
|
|
|||
|
. |
АОЛ- |
|
- |
|
|
|
||
|
– |
. |
АТЧНШаЬ |
- |
|
|
IЧЭОЫЧОЭ EбpХШЫОЫ. |
|
- |
|
|
Mozilla Firefox |
Google hrome. |
|
1 –
1. |
HTML. |
- |
Hello World.html |
. ( |
|
). |
, |
- |
, |
. |
|
2. |
1 |
|
, |
|
|
, |
, |
- |
. |
|
|
|
|
|
|
|
|
|
6 |
|
|
|
2. |
|
|
Notepad++ |
. |
|
|
|
АОЛ- |
|
|
- |
|
|
|
|
|
|
||
HTML (HвpОЫ TОбЭ MКЫФup LКЧРuКРО). |
|
- |
||||
|
|
( |
), |
|
|
. |
|
|
|
|
|
, |
- |
|
|
HTML. |
|
|
|
- |
.СЭЦ ( |
.СЭЦХ). |
|
|
HTML. |
- |
|
|
|
|
|
|
||
. |
|
( ) |
|
, |
|
- |
|
|
|
|
|
||
Web- |
|
|
|
. |
|
|
|
|
( |
, |
) |
|
- |
HTML (NШЭОpКН++, GШХН FТЬС |
.). |
|
|
|||
|
|
. |
|
|
WISIWYG – What You See |
|
Is What You Get. |
|
|
MS АШЫН |
|
||
|
АОЛ- |
. |
|
СЭЦХ- |
- |
|
, |
|
|
|
|
|
. |
|
|
|
|
(MТМЫШЬШПЭ FЫШЧЭPКРО, AНШЛО |
||
DЫОКЦаОКЯОЫ |
|
), |
|
|
- |
|
. |
|
|
|
HTML |
|
- |
|
|
|
|
|
||
< |
>. |
|
|
. |
|
- |
|
|
|
|
|||
. |
|
|
( |
|
, |
- |
|
) |
|
( |
|
|
- |
|
|
|
|
). |
/. |
- |
|
|
|
|
|
|
|
|
|
<div> |
|
</div> |
, |
|
|
|
|
|
|
|
|
< div |
class=”zagolovok” |
id=”nomИ1” > |
< /div > |
|||
, |
HTML |
|
|
Enter. |
|
- |
|
. |
|
|
|
||
|
|
|
, |
, |
, |
|
|
|
|
|
|||
. |
|
|
|
|
|
- |
html- |
, |
|
|
|
- |
|
|
|
|
|
|||
( |
), |
|
|
<!-- -->. |
|
|
|
|
HTML |
|
|
, |
|
|
|
. |
|
HTML |
|
|
<HTML> |
|
|
</HTML>. |
|
- |
|
|
|
|
7 |
|
|
|
|
, |
<HEAD> |
</HEAD>, |
, |
|
|
<BODY> |
</BODY>. |
|
|
|
|
, |
|
<TITLE>. |
- |
|
|
title |
|
. |
|
|
1. |
|
Notepad++. |
|
|
Ф |
– |
|
Hello World.html. |
- |
|
|
2. |
|
2, |
. |
|
|
|
. |
– H – HTML, |
К |
- |
|
|
|
|||
|
– К |
ANSI. |
html- |
. |
|
|
|
. |
. |
. |
- |
|
|
|
|
||
|
|
, |
html- |
|
|
|
|
|
|
, |
Tab. |
|
, |
|
|
. |
|
-
html- |
|
|
|
2 – |
Notepad++ |
|
3. |
html- |
|
Web- |
div span. |
div |
|
|
. |
span |
- |
, |
|
. |
|
|
<p>. |
8
<p> |
</p> |
,html-
.
div
div
div
<p>
|
|
3 – |
.html |
|
|
|
|
|
|
|
|
1. |
|
|
Notepad++ |
, |
- |
Ф |
– |
. |
|
|
|
|
|
Hello World.html, |
|
- |
|
|
|
|
<head>, <body> |
<title>. |
- |
|
HTML |
.html, |
|
. |
. |
2. |
.html |
|
|
|
|
9 |
|
|
|
|
|
|
|
|
|
|
|
3. |
.html |
|
|
, |
|
3. |
|
|
|
|
|
|
<div> |
<p> |
|
, |
|
|
|
|
|
|
. |
|
|
|
|
<title>. |
|
|
- |
. |
, |
|
|
|
|
|
- |
|
|
|
|
|
|
|
|
|
|
|
4. |
|
|
|
- |
|
|
web- |
|
|
|
||
|
|
|
. |
, |
|
, |
- |
|
(CSS). |
|
, |
|
|
|
|
|
|
|
CSS |
|
|
html- |
|
|
|
|
|
|
|
|
style, - |
|
|
|
|
html- |
|
|
- |
, |
|
. |
|
|
. |
, |
- |
html- |
, |
|
|
. |
|
|
|
|
, |
|
. |
|
|||
|
|
|
. |
|
|
||
|
|
|
class |
|
|
html- |
|
|
|
|
|
|
|
|
|
|
|
|
|
: |
.css. |
|
|
|
яИhtml- |
css- |
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
яИ |
|
И1 : |
И |
И1 ; |
|
|
|
яИ |
|
И2 : |
И |
И2 ; |
|
|
|
... |
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
. |
яИ |
И |
{ |
|
|
|
|
|
яИ |
|
И1 : |
И |
И1 ; |
|
|
|
яИ |
|
И2 : |
И |
И2 ; |
|
|
|
... |
|
|
|
|
|
|
} |
|
|
|
|
, |
|
- |
|
css- |
|
|
|
|
||
|
( |
) |
|
|
|
. |
- |
|
|
, |
|
|
|
|
. |
|
|
|
|
|
|
|
, |
|
|
|
|
|
– |
|
. |
|
|
|
|
|
css- |
, |
|
|
head |
|
|
link |
|
|
- |
|
href. |
|
, |
|
|
|
|
|
10 |
|
<html> |
|
|
<head> |
|
|
<title> |
</title> |
|
<link rel="stylesheet" type="text/css" href =" |
.css"> |
|
</head> |
|
|
<body> |
|
|
... |
|
|
</body> |
|
|
</html> |
|
|
1. |
4. |
Notepad++ |
, |
|
HTML |
.css, |
. |
|
4 – |
|
я |
|
|
|
|
- |
5. |
, |
|
- |
, |
(content); |
, |
- |