i

21 !

HTML

-.

21 !

-
-
2006

681.3.06
32.973.202
80

80

. .
- 21 ! .: -,
2006. - 224 : .
ISBN 5-94157-799-0
, " " . FrontPage Adobe Photoshop.
,

.

681.3.06
32.973.202

:

.

02429 24.07.00. 21.10.05.

70x100Vie- . . . . 18,06.
3000 . No 1396
"-", 194354, -, . , 5.
-
77.99.02.953..006421.11.04 11.11.2004 .
.

" ""
199034, -, 9 , 12
ISBN 5-94157-799-0

. ., 2006
, "-", 2006


. !

. , , ?!

. "".

13
. .

17
. ? "".
FrontPage, ,
. .

21
37

. "" "". Adobe

Photoshop,

45

. "". ""

57

. "".

69

. "", "" .
HTML
. "". "" HTML-
. "". , ""
""?!
. .

. .

75
93
111
117
127

jV_

. .
HTML-

135

. !

141

. .

149

. .

159

. "".
JavaScript

163

. .

169

. !

175

. ?

. , "" !

185
193

197

1.

199

2.

213


!
, !
, , .
, .
,
, . , , , - .
, , . ,
, ,
.
, ,
, "",
. , ,
. .

" ! ", , ,
" ".
.
, , ,
.

-,
!
, , ,
,

. , -
" ! ".
:).
, , :) , , .

:).
,
- :).
:).
.
"-",
, .
, ! , ,
.

, ( !). . :).
! :) ?
, . ,
90. ? ":)" , , ! "". . . ,
;) , :( ; , :)), :(( ,
. "" ":-)",
.
":)", , :).

! :)
, :
.
! ,
!

2003 " !
". - 16 000 .
. ?..
: , . , : , .
, ? , .
. !
,
. http://subscribe.ru;
http://content.ru http://maillist.ru .
, , , ,
.
, ! " ! " http://prostosite.ru/.

. . ,
:).
. " -
21 !". "".
:).
! :)
: - ,
...
?
: " 1, 1..."
?
. " 2, 2..."
2 ?
! ! " 3,
3..."
-?
!

:
, ... !., !!!

:
" "...
?!

, ? .
,
, ,
e-mail, o.m.morozova@mtu-net.ru. , !
, ,
: , 5.6.
, , . , , ,
, , . ,
, , . , .
, :).

, !!!
21 - ( ), , .
.
, , ( !) .
:). Microsoft FrontPage, . ,
, .
,
(
, "Microsoft Office", " "
. .). ,
.
, (
), Adobe Photoshop.
. , ,
.
, ,
... ? , :).

, , , .
-, ,
. , "
".
, , "", "", ""
"".
, - . ,
... - :). , .
,
" " :).
-, -! .
, , -
, . . .
, , . , . .
,
. ,
. dial-up,
( ), , . ,
-, -...
, .
, .
, . unlimited, ,
. ,
( ).
, . , , .
:).
,
. , , Internet Explorer, Windows.
, , Netscape Navigator, Opera Mozilla.
, Web-
.
,
. -, HTML.

,
( e-mail).
, , , ,
, , - ...
, ,
(, ).
? ? , ,
. .
, ,
. .
, , , .
... ,
( ),
. ,
, ,
. ?
( ). ,
! FrontPage, " ()". , .
. - - ... , FrontPage - "" .
! ( ) ,
() ...
!
, . . .
:). , ...
!
,
. , ...
, ?
, ... . , ,
, .
. ,
" ".
, !


, , ?!

, "". , "" . ,
. , , , , . , !
, , , ,
. ,
. . ,
. ,
- ,
, :
" , , ?!"

, ...
, , ...
-!
,
, ...
,
, ?
, , , . , ...
.
.
.
, ?

.
, -, , (), ...
, .
, , " , ", :
" ".
"". , , ,
"", ,
, :).
"". , .
, , , ... "" .
, , "". "" ,
, () ,
, .
, , , ...
, , ! .

(http://shsz.prostosite.ru/), , :), :

, , , .

, ,
.

, , , , , , , " " .

.
, ,
. . ,
, - .
, , ,
. , .
, , , .
- .
, , , , .

 , , ?!

, , ,
. , , !
, : "", "" "".
, , .
, , .
"", ,
:).
"",
: "" "" , . "
", , , . !

:)

, ?
!

, Windows ...
1000 ?!

, "".
, . , .
, , , ,
!
, ! .
. ? ( )
. - 20012003, , .
, ,
23 .
20012003 ( 2004 ),
- , , ? :) - , , , . ... .
, ,
.

? , ,
:).
? ,
. , ! ---!
, ? , , , ?
.
. .
, , , " ?".
, , . , , ,
, .
"".
, .
, . , ,
, .
, . .
. -
... ,
.
,
. , , .
"" .
( ). , . ,
, .
.
, . .
, , . , ,*
, , ,
. !
, . ? ? ? . .

 , , ?!

11

? , ?
, , , . , .
.
, . , , (
"" ), ,

. , :).
, .
:).
, - .
, ,
, , ,
, . , . ,
.
, ,
. .
"", , , . , , .
,
(, ). ,
100200 ( , ,
).
, ? , , , ,
(). , , , ( ), ""
, (
!)... , - ,
, , .
, , - ( , ),
1020 ?! ?
- ,
, .

12

! , :). , . ,
, . ,
, !
, . ,
, "",
, , ... .
, , ,
( :)). , , !

! :)

:
. e-mail.

! . ,
, , !

"".

, . , ,
.
, , .
, . , , . .
, .
, . , ? , . , , , , !
, , , .
,
.
. , , ,
! , , , , !
"", .
, , , . " " .,
. .
" ",
.
, , ;
, . ,
, , .

J4

, ,
(, , , ), . (, , ! :))
, . ,
, . .
: .
, . (
!)
, ,
. , ,
, .
, http://prostosite.ru/. , , . , , ,
.
.
.
.
.
.
.
.
.
.
.
Windows.
.
.
.
.
.
.
.

 "".

15

. 80%
()
. , , . .
. ,
.
. .
.
.
, . , "" ,
"".
, ,
. .
, , .
.
.
" ". .
? , ,
( ), ,
( ).
, ,
, ... ,
. 2.1.

. 2 . 1 .

16

,
. ,
, , . , , . , , , ,
.

.

! :)

: . 300 .

: " .
100 000 000 ".
P.S. - . 1 " ".

!
( ?). ,
, .
.
-. .
- , - , - , , , ,
...
, , -
, .
, "sitting and doing nothing", , - , "".
, ,
! - - , . "" !
.
... , .


.


-! ,
.
, . , ,
, .
,
.
" ". , .
, , , ?
, , : , , ,
.
. "" (
:)), .
( ) , , . , , , .
, . .
, : -, ?
, ,
, , , , e-mail, .
. , , (,

_/S

... . .) 1, .
,
. , ^. , , , .
, - , - .
. .
, ,
. .
.
, , ,
? ,
?
, ? , , ,
, ,
. ,
. , .
, , ,
. ,
, , , , .
, - - ,
. ., ,
(, ,
).
, , , . ,
, "" , - . ,
- , .
, - ,
, , .
, - ,
. :).

, , , . , .
? , . , - .
: , , .

,
.
, , ,
, .
, , .

19_

?
"".
FrontPage,
,
,
Microsoft FrontPage, .
, , - . ,
, , :).
FrontPage,
.
, ,
.
"", " ", "site", "my site" . . .
( site) , . . . , .
, , FrontPage.
- , , . , . .
, , ! , - ?
? , , , !
! , .
, ,
! , !
? ! FrontPage. ,
(. 4.1).

22

S..7. 7T..II

E ] Microsoft

1 . .
';" "-"BS- '; i j a a j g a y - ] i stsie<?: * l *
i ( -)

j()

\ ;|= : i ^

_*1

new_l .htm

&}

$'

<'

// / | * J
|| , F l

>1
D 56.6

. 4 . 1 . Microsoft FrontPage

,
, . 4.1, , :).
.
, - , , .
, - , .
.
FrontPage .
.
(Table), (Insert) .
, .
(Table) (. 4.2).
, (. 4.3).
?
(rows) (columns)
(. 4.4).

 ? "". FrontPage..
. | .

23

. 4.2. FrontPage

'

'

:
:

...

jr)

* :
50

^7]

: J
: j

- -

(8

[~""'

. 4.3.

. 4.4. .

(Layout) :

(Aligment) :
(Default)
, ;
(Left);
(Right);
(Center);

24

(Border size);
(Cell Padding);
(Cell Spacing);
,
(Specify width) , . ,
(in pixels) (in percent). , ( ), ,
.
, . 4.3.
(. 4.5).

Microsoft FrontPage RUS

';

I . . 2
i - ( -)

B^ilI;iEi=4Ji'-i

_l.htm

|\/HTML/ /| t J
|| , F1

> j
56.6

. 4.5. 50%

NUM

 ? "". FrontPage...

25

. 4.6. [[]

!
FrontPage.
(. 4.1) [3]] .
(. 4.6).
,
. , , . 4.6
. ,
. , (. . 4.5).
, .
"" . , , .
, , , , . .
, - , , .
, .
(Table). . (Table), (. . 4.2). ,
. .
(. 4.7).
( .). .
(. 4.8).
: , , , .
, -*
( ,
). , ,
9.

26
.

J .

. 4 . 7 .

. 4.8.

. , ,
, . , .
Ij2l (). . \ (Table) (. . 4.8). ,
, . .
Coil
, \ .
,
, . 4.5. .
, . .
.
. , , , , .
, .
:).

 ? "". FrontPage...

27

! ? ,
! . .
, (Table)
(. . 4.8), ,
(Insert row) .
. ,
. . 4.14.
.
, ... , , ?
. ,
(. 4.9).

. 4.9.

, "* (. 4.10) .

. 4.10. ,

(. 4.11).

. 4.11.

, , . (. 4.12).

: (Insert row) (. 4.12). . 4.14.

28

Cut
Copy
Paste
<
Tlieme...
|/<!



...
...
...
...
...
I

H I

'. , .

Alt+Enter
\ I :',

. 4.12.

, ,
. , , :).
.
, .
, () . (Table),
.
(Insert) (Rows or Columns).
(. 4.13).
,
(above) (below). , .
, ,
(. 4.14).
. , , . ?
, "" .
.
, .
, ! ?

 ? "". FrontPage..

29

* !

Number of rows:
:

Above selection
ft Below selection

. 4 . 1 3 . /

in

| Microsoft FrontPage RUS

. .
^ -

\@<&? . I: <7 -> -

[ * (-)

' " *

.:(': *:;: ^ : -!

!-- ^ ! 1 I I

|:

- -

new i.htm

\/HTML/, /j
, F1
!!

; 2 56.6

NUM "J

. 4.14.

, . :
(Table) | (Insert) | (Table) (. . 4.2).
2 3. 1396

30

. 4.15.

(. . 4.3) ,
, . 100%
. (. 4.15).
"" . , - , , .
, .
,
"".
.

. !
?
() .
. , , , (. 4.16).
,
.
, , , . , ? . "" , : (Table) |
(Select) | (Table). , , .
(. . 4.12).
(Page properties).
(. 4.17).
, , ,
, . . , ! ,
, ,
.

 ? "". FrontPage...

| . .
| - ( -)

new_liitm

/ i f

_ _
1;
:
||
!:
|{

:
i

;
// / |
2(1 * *i6

NUM

. 4 . 1 6 .

-- : (
:

I ~ :

| _*J

: |2

-TJ

S
| ~
50

<8

:
:

|1

jjj

| Automatic j r j

C D Q U

'

'

: | Automatic ^ J
: | Automatic

jrj

] Automatic

(...

...

_ ^

. 4 . 1 7 .

31

32
Borders and Shading

->

j j
:

[ s o l i d '""
[dotted
'dashed
jdouble
I groove
fridge
inset
loutset
1

:
Automatic
:

~Jj

QeBO:

--->

Cancel

. 4.18.

solid dotted dashed double groove ridge inset outset

. 4.19.

FrontPage , , . .
(Format) | (Borders and Shadows) (. 4.18).
(Borders) . (. 4.19).
(Shadows) .
. .
, , !
, , ,
? . .

 ? "". FrontPage...

33

S3V6 irv

3 *

site

File oame:

- Tools"

,.

index

Save as type Web

Save
Cancel

. 4 . 2 0 .

(File) | (Save as).

, , index (. 4.20).
index? ,
. .
, FrontPage,
, , index.htm.
HTML,
. .
, index.html, ,
, () htm.
, HTML . - , . "html", (. 4.21),
"htm".
,
. , ,
!

34

H
Save Ln:

I " site

_ ^ j * ( ; Q >' CJ El Tools

S>_private
Ci images
Index

File name:

.,. 1

lndex.html

Save as type |

_]

Save ^ ]
Cancel

. 4 . 2 1 . HTML

.
, , , . , : , ,
. , .
, index site.
.

.
FrontPage,
FrontPage Web. FrontPage Web, , .
Web .
(File) | (New) | (Web) (. 4.22).
(. 4.23).
Web,
. , ,
One Page Web.

 ? "". FrontPage...

35

. .
D ..
>

Ctrl+O

Ctrl+F4

JtJ ..

Ctrl+N

.
. 4.22. Web FrontPage

1
-

Web

One Page Web

Corporate
Presenc...

Customer
Support Web

Discussion
Web Wizard

Empty Web

Import Web
Wizard

S
3
Personal Web Project Web

jC:\Documents and Settings\site

Create a new web with a single blank

page.

OK

Cancel

. 4.23. Web

,
. site (
, ). , .
. , Web .
( . 4.23 ,
). (. 4.24).

36

Microsoft FrontPage RUS - C:\Documents and SettingsUite

: . .
.! D ' ? ' Q U s ! : : S 3 i

s *: < ? ; 1 * " ' ; ' ! 1 1 1 - - 1 > 1 3 | | ' :

- ( -)

- C:\Docurnents
* CJ _private
* images
i index .htm

- !^ /

1
11-!
1 1 1 : 1 :

new_l .htm

\
i ::
:
i
I
!
1
:

::

! \ /HTML/ 71 4- \
- 0 56.6

NUM

. 4 . 2 4 . site

,
. FrontPage Web . ,
.


.


, , ,
. -, ! , ,
, .
, .

index. . , .
, . "index" , HTM (HTML). ,
, (. 5.1).
index FrontPage ,
,
Microsoft FrontPage (. 5.2).

, , FrontPage -.
, , -, FrontPage,
| .
(. 5.3).
, ,
FrontPage

. , .
, .
FrontPage . . ,
, , , ,
(Open with) FrontPage (. 5.4). .

38

0-/1

-Slip ^' ^

: CiC:\Documents and SetHngs\site\lndex.htm

. 5.1. index Internet Explorer

(

...

Ctrl+O

Microsoft FrontPage
CW+S

-' < i i i

...

. 5.2. FrontPage

J \ |

~ - .
~ .
W [&__ FronPagejf^K. ^ ]
:

"
~' ,

"

. 5.3.

39

Internet Explorer

Microsoft FrontPage
Scan with Norton AntiVlrus
WlnRAR
> 3
9 WlnZip
> Microsoft Word foi Windows

> id WordPad (MFC)

...

. 5.4. FrontPage

, .
FrontPage, ,
(File) | (Open web) (. 5.5).

Look In:

| Documents and Settings

Tools

- Users
AII Users.WINDOWS
Default User
^Default User .WINDOWS

Folder Qame C:\Documente and Seffings\site

Open
Cancel

. 5.5. FrontPage

FrontPage, ,
, .
, ,
index FrontPage, , . :).

. . , -,

40

- . , index
. , , , 80% (!) , index! ,
, , .
.
.
? . , ? , . ? .
, ,
, .
, ( ), , ( ).
. , .
. . , .
? , , ,
. , .
, ,
, , , .
, , , , .
:).
, . . , , : + = ... ? ,
, , !
... , . , .
, ... -,
, ... , , , , !
, , , .
, , , ... ... , , .

41

, ""
: + + , . , ,
. -, .
+ ... ,
. , - ...
, , ! , . , ! , ,
, + ,
! , , , - + . ., , , "".
.
, . 5.6 (,
), . ?
, , , "" , -, -
-. ! :)
"", , ,
( ), "" , , .
, ,
( , , , ),
.
, , ,
.
,
. :
.
+ + .
.
.
.

42_

, . , ,
, .
, , , , , , ,
. !
, ,
! , , ...
! ! :)
, ,
. , , ,
... .
, , , - ,
, , ,
, .
, ,
" ", , .
"" .
, , . , .
, , , . ,
:).
, ,
.

+ +
,
+ + :
(. 5.7). . -!..
, -
. , , ,
, . , .
, , . ,
- "" . , "" , , " + + ".

43

ICIMOJ)

, , ...

Copyright f

"'

>

II

. 5.7. " + + "

, .
+ . . , , . : ; ; (. . 5.8).
.
. . ,
, .
, ,
. . (, Paint, Windows)
(Invert). (. 5.9).

. ,
. , . . , , :).
" " . . 5.10.

44

, , . , , , , , .
, ? ! .
.
. :

(Page properties). (. 5.11).
(Background) .
!
, Adobe Photoshop.
, , , , , ... , ! !
Photoshop, , ,
, . , ! :)

! | Workgroup|

..
~

JUJ :

:
i . Automatic
Standard colors:

~ ;

jrj

: j Automatic J J

Custom Colors...
C IOODD

[ Automatic

Automatic

i I

Document's colors:
ColorsI
OK

. 5.11.

Cancel


"" "".
Adobe Photoshop,

, Adobe Photoshop. , ,
Web-,
.
, .
. , Photoshop ,
.
, ... , , ... . .
-, , , , ,
! Photoshop , , :
?
, Photoshop ,
" " . ,
, (-
:)) ,
. , , .
, , ! , , , .
, , , " " :).
, , Photoshop "For DUMMIES", , -, " ". Photoshop , .

46

, Photoshop, ,
, ,
.
, Photoshop?
, . Photoshop
! , :
, . . ,
Photoshop , , , .
, , , ! ,
, , Photoshop, , ,
! :).
, . 6.1.

-3

. 6 . 1 . Adobe Photoshop

, ? ,
"Adobe Photoshop", , .
, Photoshop, .

 "" "". Adobe Photoshop,

(Window). : , , .
.
, .
. 6.1. Photoshop,
.
1 . 6.1 .
FrontPage. ,
, Photoshop . .
2 . 6.1 . . - .
Photoshop,
. (Navigator),
. 6.1 3. , ,
,
" ". , .
4 . 6.1 (Color).
.
5 . 6.1 (History).
, , . , :). , -
. , 2, 3, 4 5 , . . 6.1 .
, , . , , , ?
, . .
?

, . ,
http://prostosite.ru/ "". ,
600 ! ,
:).

, .
.

47

48

, , ?
, , ,
. . .
, , . , . , ,
, . (
, , ) :
"!". , ,
, !
, " "! , , . ( !),
,
- , ,
"Bgl.gif". , , GIF!
GIF JPEG , .
. ,
.
? , , ,
, !
- , , , !
, , " "!

. . ?
! , . .
... "".
Photoshop
(File), (New).
<Ctrl>+<N>. (. 6.2).
(Name) . , .
(Preset Size) , , 4, A3, 800x600 . .
.

 "" "". Adobe Photoshop,

49

; -1

[v]

:
: 200
: 200
: 72
: RGB i *
:

|
j.vj |

... |

v ;

! /

iv | :

: 8

; v |;
v

:
117,2

. 6.2.

(Width) (Height). ,
. , 200 .
(Resolution) . 72 , . (Mode)
. RGB, .
, (White),
(Background Color) (Transparent).
.
Photoshop.
, ,
(. 6.3, 1), (. 6.3, 2).
(. 6.3, 3).
( ) . 6.3.
...
, :).
Photoshop , "". , . ? ,
, .
, , . , .

50

. 6.3.

, , ,
. , - . , .
Photoshop , , . , , , . Photoshop (Filter).
.
. : (Filter) | (Texture) |
(Texturizer). (. 6.4).
Texture () , : , , .
Brick () , Scaling (),
Relief () Light Direction ( ), (. 6.4).
! -, , ... - ! -, , Photoshop !

 "" "". Adobe Photoshop,

Cancel

. . .

100*4

-Texture: !Bncfc
Seeing

[188

UI,:M,.",.,,,,

Rrtnf
Sir
Light Direction: ;TopRighL

vj
_^

. 6.4. ""

,
/
(Hue/Saturation). : (Image) | (Adjustments) | / (Hue/Saturation).
, (Hue), (Saturation), (Lightness),
(. 6.5).

; |

1:

;j*j"
|~

"|

\~
1

'""1""""]!

..,

UJ
:

'
[

...

. .

-j

| |
[[

. 6.5. /

51

52_

/ (Hue/Saturation)
: (Image) | (Adjustments) |
(Color Balance) /: (Image) | (Adjustments) | / (Brightness/Contrast).
(. . 6.6).
? !
, !

: | U images

Recent

fon.jpg

jjJ

;JPEG(*.JPG;*.JPEG;*.JPE)

IY!

Save Options
Save:

Q ] A s a Copy.

C]lCC : SROBIEC61966-2.1

o w L Case Extension

. 6.7. Photoshop

 "" "". Adobe Photoshop,

, . site, ? , , . , ,
site, , , ! images. , ?
Photoshop,
(File) | (Save as) fon.
! ,
, JPEG (. 6.7).
. fon.jpg images.

, "" ? ! , , ! (
...). - ,
- ! :)
. ? ,
! ? , , ,
: , Photoshop ! ( , ).
, , . - ! , , .
(. . 6.3) ... ? , . - , , . , , -
! !
- ! , , , ...
, !
, , ,
, - -
. , , ... , :).
- , .
, , :
(Filter) | (Render) | (Clouds). !
(. . 6.8).
, , ,
: (Filter) | (Render) | (Clouds).

53

54

<Ctrl>+<F>.
. , .
"" . - , "" , "",
(, fon2.jpg),
fon.jpg ( " ").
, - .
, - .
, , ... , ... fon.jpg.
FrontPage, index, , . ,
, (Page properties).
(Background).
,
images (fon.jpg) (. 6.9).

I | | | Workgroup |

~
"
images/fon.jpg
i

..

.,

f J .

Automatic

. [ Automatic

jjT]

j r j : \ Automatic

_VJ

I Automatic

rj

Cancel

. 6 . 9 .

 "" "". Adobe Photoshop,

55_

, (. 6.10). ,
"" , .
, , .
, : JPEG, GIF, PNG-8 PNG-24. ,
PNG ,
JPEG GIF. - .
, .
JPEG 16 , , .
GIF 256
, , , , . . GIF
, .
, , : . , JPEG. , GIF. ,
.
, , , .
" "!


"".
""

, ,
, . , , , . ,
, , , , ,
! :)
, , ,
. ,
,
, ( , !). ? ,
, !
? ? ?
? ? <...>
, , :
, ,
, . ...
, ,
, , " ". , ,
, .
, , , , ,
, . , , , ,
, ,
. ., -, ? - ,
.

, , . , , , ... .

58

,
. , ... , . .
, , , , .
,
. , ,
, , , . . . .

.
. 7.1.
7.1.

, , . 10 .
30 90 .
,
, ,
. , ,
"". , .
: , . "" :
. , .

, , . 10 .
30 90 .
,
, , .

 "". "" ...

59

, ,
"". , .
: , . "" :
. ,
.
(
, )

, , . 10 .
30 90 .
. . , .
, ,
"". .
.
:
. . "" :
. , .

,
, , , . . " ".
? : ! ,
, ,
. , , , , , .
: . - ,
. , .

60

, , .
,
. , , . ,
,
.
, (. . 7.1).
"
" .
, , , "" .
. ,
,
, . . 7.1 , . .
, , ,
.
,
. .
, . . , - . - -
, - .
, FrontPage , (Formatting).
, . FrontPage,
(View) |
(Toolbars). (Formatting) , .
(Formatting) . 7.1.
.
1 . 7.1 .
. , ,
. . 7.2.

 "". "" ...

(4)

()

61

(7)

( )

i* ( )

(1)

(2)

! /

(3)

\= ;
(5)

. 7 . 1 .
7.2.

1 6

2
3
4
5

, 2 . 7.1 . . , ,
.
: (Serif),
(Sans Serif), (Decorative),
(Script) .
. 7.3.
7.3.

Times

Book Antiqua

Garamond

3 . 1396

62

7.3 ()

Arial

Impact

Cyrvetica

Night Sky
Beresta

, , ...

HogwartsWizard

HoVartSWiar4

Betina
BirchCTT
Boyarsky

Symbol
Wigdings

1 X $8e c&2S #

, , .
. ,
.
, .
,
, .
,
. ., .
, , . ,
- , ,
, . , ...

 "". "" ...

63_

, , . ,
.
, - -
, , , . ,
- (, Photoshop). , ,
, ?

(, ,
, ) - ,
.
( ): Arial, Arial
Narrow, Book Antiqua, Bookman Old Style, Comic Sans MS, Garamond, Georgia,
Times New Roman, Verdana.
, 3 . 7.1 . FrontPage (. 7.4).
7.4.

-
...
...

...

...

...

!
, (Normal).

. , ,

64

, , ,
"- ", :).
.
, 4 . 7.1
: , () .
! - . ! , , , .
, ! :)

5 . 7.1 . ,
(. 7.5).
7.5.

"="

, 6 . 7.1 ,
. 7 (. 7.6). [
, \
.

7.6.
,

"

 "". "" ...

65_

8 . 7.1 . [ & \-\

,
. , .

. ,

| - - |, ...
! , , ... :).
, , . .
, . , " ...".
, ,
.
, ,
. : " !".
, , , ,
.
, ,
. .
: ,
(. 7.7).

7.7.

1.

$.

2.
3.

"

. , (Formatting),
: 1= 5= . , , , .

66

.,
| ] |
.
, _____

"
..

Cancel

. 7.2.

, ,
. (. 7.2).
""
"" .
.
.
,
, : (Format) | (Bullets and Numbering).
, .
, , , . ?
! , ,
, .
"" . , ,
, . ? , , .

 "". "" ...

67_

. , , :
(
;

( );
(" ... ");
(" ")\
(" /") ;
: " ".
:
"... , , , ".
. ,
, ,
" ".

"".

, ,
. ,
, . : ? ,
.
www.yandex.ru, www.rambler.ru www.google.ru . -

!
, - . , ,
http://prostosite.ru/
.
, . !
, "" "". - ,

!
, - , . , ... ! , -
, , .
"" " " , . , ,
, , , !
,
images, , .
- , .
"E098gH", ?

70

, . , "E098gH" , "cvetok"
, "flower" , "fl" :). , ,
.

! :)
. " " B1399KS.JPG. !

, , . .
. , ,
, . index FrontPage,
, .
(. . 8.1).
" ". , , :).
. . .
. (Insert) | (Image) | (From the
file) (. 8.2). .
. . |
|

Qpep...

...

* '1'"BJ 1
* ...

. 8.2.

FrontPage Web ,
, , site. site
images. ?
. images, (. 8.3).
"flower" GIF,
flower.gif.
(URL) images/flower.gif.

71

"".

Look in; |! images

Title
Images/ flower.gif
images/fon .jpg

Name

8lfon.jpg

: limages/flowergif

...

..

. 8.3.

: " ,
, ... ". , , : images/your_picture.gif.
images (
)!
( !)
site, , flower.gif
( , ).
(. . 8.3) , , "C:\Documents and Settings\My directory\...", - . ,
, .
! , . ! , ,
:).
, , . (. . 8.4).
, .
, -

72

(Image Properties) (. 8.5). , <Alt>+<Enter>.

J | )
:
jimages/flowergif

_...

| ... I

GJF F

JPEG

:
!

: |
NG


: '
..
|
:

..

..

:
Cancel

. 8.5.

. .
,
.
. . ,
.
, , . . , .
, .
.
. .
,

"".

73

. ,
!
, . ,
!
, , , . , . .
. , ,
, .
. ,
, .
(. 8.6).

, ,
...

Copyright
. 8.6.

, , . , ,
! , !
, , .
, , , .
, - , , -

74

, . - ? , , . - , ?
, :
, , .
, ,
. , , .
.
,
, :), ,
, .
, - :).
, ! : , .
""? , . ""
"". , . , , , , ( ), , , , .

, .
, , , , . ,
, : images/your_picture.gif.


"", ""
. HTML
,
, , , , , HTML.
HTML? HTML HyperText
Markup Language. . HTML .
, ? ,
, HTML. .
, (, http://prostosite.ru/)
(View) | HTML-
( HTML-). ,
, . . , ""!
, ! - ,
? index.
, , , , : index ... (Open with...).
, ,
Windows.
"" :).
. FrontPage! . index FrontPage.
: (Normal), HTML,
(Preview). ,
(Normal). (Preview) , , HTML... , ! .
"", , HTML. ,
( ) HTML-!

, , . :). HTML . ,
, , -
HTML-.
, HTML. ,
, ? :)
, -, , HTML (, , ,
). , Web , . , ? , !
, . , , ,
, , ,
. . Windows UNIX :). , , .
HTML. "" ,
HTML. HTML-, - . , ,
HTML .. "" ,
, :).
HTML,
FrontPage, , , WISIWIG (What I See Is What I Get , ).
HTML- ,
.
FrontPage , ... .
HTML-. , , . ? , . , , , , ,
, . ,
, , ,
... , , . , !
, ?
. , HTML-,
HTML- .
, , HTML- . -

"", "" . HTML

77_

, , ,
( , , 2).
HTML- ( ,
). ,
, HTML.
HTML, . HTML- , ,
FrontPage.
HTML- ,
HTML. , . , ,
, .
.
" ", ,
""! "" (, , ) , , ,
.
, ( )
HTML- . ... "".
- " ". | | |
, . :
<html>
<head>
<11> nynraiHa</title>
</head>
<body>
Hello, :)) ) .
</body>
</html>

, , , vasya.htm.
, . --... ... , , .
, . , "",
, , , , , , . ,
. , .

78

. , , , , .
HTML-. "<". , , "html", "tr" . . ">".
, <htmi> . <head> , <>, <tabie>...
, .
.
"/". , <htmi> </htmi>, <> </>.
, , , .
, <hr>, <br> . . , ,
( ), - . - ( ), , , . . ,
- , , .
, . , <> <></> "".
, " ". ,
( ).
"Hello, :)))". , , . " " (. 9.1).

11"^

\*1 \ ft f * ft

: |#]C:\Documents and Settings\slte\vasyaJitm

Hello, :)))

. 9 . 1 .

r j 3

"", "" . HTML

79_

.
<htmi></htmi> HTML-.
<head></head> ( ), "" HTML. ,
.
< t i t i e > < / t i t i e > , " ".
<body></body> "" . ,
FrontPage. ,
, .
HTML. . ,
. , , . ,
, "" !
,
(). , . . ,
, size. = , , 1.
(' 1') ("1") . ,
(A-Z, a-z), (-9),
(-). , size=i size="i".
"http://prostoeite.ru/ 11 , . -index, htm11 - images/ f on. gif"
.
( , , ).
FrontPage , , HTML
. , - ,
,
.
, .

80

<>.
:
href
< href ="index, htm"> </> , ;
< href="about/index.htm">Bam </>
(about);
< href="http://prostosite.ru/index.shtml">Bani </>
, .
, .
;
<

href="mailo:e-mail@server.">

</>

e-mail-.
< => </> ,
.
target
< href="http://prostosite.ru/index.shtml" target="_blank">Baui
</> .

<> </> .
:
G align
< aiign="ieft">Bam </> ;
< aiign="right">Bam </> ;
< aiign="center">Bam </> ;
< aiign="justify">Bam </> .

"", "" . HTML

81

<> .

9.1. <> <>

<>

<>

, , .
.
,
.
,
.
.
.
.
- .
.
.
FrontPage (<>) ,
<Enter>. (<br>),
<Shift>+<Enter>.
<1> </1>-<> </> HI
, 6 (. . 7.2).

:
align
<HI aiign="ieft">Bam
;

</1> HI

<2 aiign="right">
;

</2> 2

< aiign="center">Bam </> .


<font>Bam TeKCT</font> , , .
:
size

<font size="l">Bam TeKCT</font> ;

<font eize="2">Bam TeKCT</font> ;

<font eize="3">Bam TeKCT</font> ;

<font size="4">Bam TeKCT</font> ;

<font size="5">Bam TeKCT</font> . ;
<font size="6">Baui TeKCT</font> 1 d J V ;

<font size="7">Bain TeKCT</font> TeKCT

color

<font coior="red">Bam TeKCT</font> .

<font

1="#3366">

TeKCT</font> -

.
face
<font face="Comic Sans MS">Bam TeKCT</font> Comic SanS MS
<font face="Courier">Bam TeKCT</font> Courier

<> </> <strong>Bam TeKCT</strong> --

.
<i>Bam </1> <> </> ().
<> </> .

"", "" . HTML

83_

<img></img> GIF, JPEG PNG.
:

src

<img src=" f lower. gif"x/img> src , "flower.gif".

align

<img src="flower.gif" align="left"x/img>

;

<img src="flower.gif"
;

align="right"></img>

<img src="flower.gif"
;

align="center"></img>

align= "bottom"></img>

<img src="flower.gif"
;

<img src=" flower.gif"

;

<img src="flower.gif"

align=" top"x/img>

align= "middle"></img>

.
alt
<img src= "flower.gif" alt="Ba6o4Ka "/1>
.

border

height

<img src=" flower.gif" border =" 2 " >< / img>

2 .
<img src=" flower.gif" height=" 154"x/img> 154 . ,
.

width
<img src="flower.gif" width="2 56"x/img> 256 . ,
.

84

hspase

<img src=" flower.gif"

hspase="10"></img> -

, 10 .
vspase

<img src="flower.gif"

vspase="20"x/img> -

, 20 . , .

':
<img
src="flower.gif"
width=32
height=100
align=center
=
vspase=15 hspase=13 alt "Ba6o4Ka "/1>
"flower.gif" 32 100 . " ",
13 , 15 .

<hr> . FrontPage: (Insert) | (Horizontal line). .

:
size

<hr size="2"> () 2 .
width
<hr width="50%"> 50%, .
align

<hr aiign="left"> ;
<hr aiign= n right"> ;
<hr align=" center "> .

color
<hr coior= "blue"> .

noshade
<hr noshade> .

"", "" . HTML

85

9.2. <hr>
<hr>
<hr width="50%" size="2" align="center" noshade>

<hr width="100%" color="blue" noshade>

<hr width="90%" noshade color="yellow"

align="right">

<bgsound>
( Internet
Explorer). : WAV, MIDI, MP3 .
.
:
src
<bgsound src="sound.wav"> URL- ,
"sound.wav".
loop
<bgsound src="sound.wav"
;

ioop="0">

<bgsound src="sound.wav"
;

loop="-i"> -

<bgsound src="sound.wav" ioop="6">

, 6.
balance
<bgsound src="sound.wav" balance="+5000"> , . 10000 ( ) +10000 ( ).
volume
<bgsound src="sound.wav" volume="-50"> ,

. 0

, .
-10 000.

:
<bgsound src="sound.wav"

loop="-l" volume="-1000">

sound.wav
1000 , .

<olx/oi> .
:
type

<oi type="i"></ol> ( );
<oi type="A"></oi> ;
<oi type="a"></oi>
;
<ol type="i"x/oi> ;
<oi type="i"></oi>
.

start
<oi start="3"></oi> 3. .

title
<ol titie="3To "/1> " ".
9.3.

type="1"

type="A"

type=a"

1.

2.
3.

A.
B.
C.

a)

b)
c)

type"!"
I.

II.
II.

type=T
I.

ii.
ii.

"", "" . HTML

87

<ul></ui> .
:
type
<ui type="disc"></ui> ;
<ui typ*="circie"></ui> ;
<ul type="sguare"></ui> .
title
<ui titie="3To "/1> " ".
9.4.
type="circle"

type-'disc"

type="square"

<li> . .

9.5. HTML-

<ol type=l>
<li>
<li>
<li>
</ol>

<ul type=square>
<li>
<li>
<li>
</ul>

1.

2.
3.

88

<tablex/table> .
:
align
<tabie aiign="ieft"></table>
;
<tabie aiign= "right"></tabie>
;
<tabie aiign= "center"></tabie> .
width
<tabie width="90%"></tabie> 90% . ,
.
bgcolor
<table bgcolor= "white"></table> .
background
<table background=" images/f on2 . j p g " x / t a b l e >
: images/fon.jpg;
<table background="http://prostosite.ru/images/fon2.jpg"x/table>
http://prostosite.ru/
images/fon.jpg.
border
<tabie border="5"></tabie> 5 .
bordercolor
<table bordercolor="orange"></table>
.
cellspasing
<tabie ceiispasing="io"></tabie>
10 .
cellpadding
<tabie ceiipadding= i c i5"x/table>
15 .

"", "" . HTML

89_

<tr></tr> .
:
align

<tr align="left"></tr> ;
<tr aiign="right"></tr> ;
<tr aiign="center"></tr> .
valign
<tr valign="top"></tr> ;
<tr vaiign= "middle"></tr> ;
<tr vaiign="bottom"></tr>
.
<td></td> .
:
align
<td aiign="ieft"></td> ;
<td a i i g n = " r i g h t " x / t d > ;
<td aiign="center "></td> .
valign
<td vaiign="top"x/td> ;
<td valign= "middle"x/td> ;
<td valign="bottom"></td>
.
colspan

<td eoispan="5"></td> 5 (
1).
rowspan
<td rowspan="3"></td> 3 (
1).

<th></th> .
:
align
<th aiien="ieft"></th> ;
<th aiign="right"></th> ;
<th aiign="center"></th> .
valign
<th vaiign="top"></th> ;
<th vaiign= "middle"></th> ;
<th vaiign="bottom"></th>
.

colspan
<th coispan="2"></th> 2 (
1).

rowspan
<th rowspan="3"></th> 3 (
1).
border
<th border="i"></th> 1 .
bordercolor
<th bordercolor ="gray"></th> .
bgcolor
<th bgcolor="bisque"x/table> .

<table
border=l
bgcolor=yellow
bordercolor=black
width="100%"
align=center>
<tr><th>3aooo l</th><th>3aooo 2 < / t h x / t r >
< t r x t d colspan=2>B 2 oo</td></tr>
<trxtd>oflHH< / tdxtd>flBa< / t d x / tr>
</table>

"", "" . HTML

91

. .. .

, , HTML.
HTML- , , , .
! , .

. 5.6.

. 5.8.

. 5.9. :

'-

, , .

Copyright

. 5.10. " "

. 6.6.


/

,
.
...

Copyright

. 6.8.

. 6.10.

Copyright |*

. 8.1.

. 8.4.

. 1.1. ,
<Ctrl>+</>

. 2.1.

5a. For W.b - town* BY ImageReady

^^^H[

^r

I
'

awt ~~1
***** ;

j ^

. 2.6. Web (Save For Web)


"".
"" HTML-

index. index, , .
FrontPage, (Normal),
.
, , ,
HTML.
HTML ,
.
FrontPage.
FrontPage (Normal),
(View) | HTML- (Show HTML-tags)
<Ctrl>+</> , .
(. . 10.1).
. , , ! .
, HTML- .
. ,
. ? <Ctrl>+</>
(Normal) .
HTML.
. 10.2.
, , HTML.
FrontPage 2000, (, 2003 , ,
"").
4 . 1396

94

_ . .

15' *v ] 1 ) 1_>!">"- f\m*[&]IfflJ

-! / U iS

index htm
<html>

|<head>
<meta http-equiv="Content-Language" content="ru">
Uraeta http-equiv="Content-Type" content="text/html; charse
<title>aa</title>
</head>
I<body background="images/fon.jpg"

bgcolor="#7DD5FF">

<center>
<table bgcolor="#DAF2FE" bordetrcolor="#7DD5FF">
<tr vAlign="top" align="left" height="l">
<td width="100%" height="l" style="bot:de
<p align="center"><font size="4" face=
</td>
<tr vAlign="top" align="left" height="l">
<td width="208" height="264" style="bocder: 6 dashed
<table border="0" height="l">
<tr vAlign="top" align="left" height="l">
<td width="174">
<table width="20%">
<tr vAlign="top" align="left" height="l">
<td width="100%" height="l" align= v"cente
</tc>
|\ 1_"7|

, F1

11-^2 56,6

iNUM

. 10.2. HTML

. , , ? , ... , - . , ?
-, . , , ,
, . ,
? - , .
, <Enter>
, ( 1).
. 10.1.

95

"". "" HTML-

10.1. HTML- ( 1)

<table>
<tr>
<tdxbxfont
face="Book
Antiqua"
size=3>npMMep
l</bx/font></td><tdximg src= "images/ex.gif " x / i m g x / t d x / t r >
<trxtdxi>npHMep
2</ix/td><tdximg
src="images/ex2 .gif "></imgx/tdxtr><tr>
<tdxuxfont
face="Book
Antiqua"
size=3>npnMep
3</u></fontx/td><td><img src="images/ex3 .gif "></img></tdx/tr>
/table>

<table>
<tr>
<td><bxfont face="Book Antiqua" size=3>ripHMep
<td><img src= "images/ex.gi.fx/imgx/td>
</tr>

l</bx/fontx/td>

<tr>
<td><i>npMMep 2</ix/td>
<td><img src="images/ex2 . gif "x/imgx/td>
<tr>
<tr> .
<td><uxfont face="Book Antiqua" size=3>npMMep
<td><img src="images/ex3 .gif "x/imgx/td>
</tr>
</table>

3</ux/fontx/td>

, , , .
, , . ,
. ,
. .
, , . !
, . 10.2.
, ,
( ,
HTML-) ( 2). . 10.2.


10.2. HTML- ( 2)

< align="center"xfont color="#000000" face="Book Antique"

size=3>npaBiuibHo BonpocbK/font> - <font
> /fontxfont color="#000000" face="Book
Antiqua" size=3>.</font><br>
<font color="#000000" face="Book Antiqua" size=3><b>
</ontx/b>
<p align="center"xfont color="#000000" face="Book Antiqua"
size=3>Mnp - , </ontxfont
color="#000000" face="Book Antiqua" size=3>.</fontxbr>
<font color="#000000" face="Book Antiqua" size=3xb> </: o n t x / b >

<centerxfont

face="Book Antiqua">

<> -

.<br>

<b> </>
<> - , .<br>
<>

</>

</center></font>

, </font> - <> </>,

, ,
Times New Roman,
!
, . , - <font> !
, , HI, -
Georgia.
2, , Bookman Old Style. , ,
Book Antiqua.

 "". "" HTML-

97

HTML- ?
<Hlxfont

face=Georgia;

color=dark-brown>

HK/Hlx/font>
<p><H2xixfont
<pxfont

face=Bookman Old Style >3 H2</H2></font>

face= Book Antiqua>06bMHbm

<>,

...

<>,

...

...

</font>
<Hl><font face=Georgia;

color=dark-brown>

HK/Hlx/font>

.
, , ... , - ... , , ? ...
, .
- ( , , ),
CSS (Cascading Style Sheets
). , ,
, .
, , - , ,
?
.
,
.
, -
" Web-. ", -
. - Photoshop,
, , : " FrontPage
2000". FrontPage , ,
.
, , . ,
, . ,
, ...
" . CSS". :
" !". - ,

98

, - , , , - , , .
, , CSS, .
, , - , " ( )", , , . , , ,
HTML-.
CSS .
, , ""
CSS. , ,
, ,
. , , ...
<font> . , , (, ), .
, , .
, CSS
, .
CSS.
, CSS, . : " ,
".
. , -,
. "",
HTML-, ,
.
, .
,
...
, :),
CSS.
, . , , :
"images/fon.jpg",
();
Book Antiqua;
HI Georgia, 2 ;
, , -;

 "", "" HTML-

99

, , (
), , .
, ,
, .

, .
<styie> </styie>.
, , HTML-
<head> </head>.
:
[
<head>
<style>
, ...
</style>
</head>

,
, , .ess.
(
style.css), <head> </head>
:
<link rel="stylesheet" type="text/ess" href="style.css">

, (link href ="style.ess")

(rei="styiesheet") CSS
(type=" text/ess").

. . , ,
| | . , .
... , , ,
, "",
.

100

, -
:
{ : ; }

: ( ), 2 ( 2), ()... "{}",

<> <>. : color: red
( ":" CSS "=" HTML).
:
{ color: red;

, (<></>),
.
<fon coior=red>.
, . ",-".
, , , ,
Times New Roman.
{ color: red; face: Times New Roman; }

. ,
(. 10.3).

10.3. CSS

f o n t - s i z e

, font-size: 12pt
, font-size: 12in
, font-size: 12cm
, font-size: 12px
, font-size: 50%
, xx-small; x-small; small; medium; large;
x-large; xx-large. f o n t - s i z e : s m a l l

 "". "" HTML-

101
10.3 ()

f o n t - f a m i l y

, f o n t - f a m i l y :
Times
,
, , f o n t f a m i l y : Times, Garamond, A r i a l
. Serif
, Sans Serif , Cursive
, Fantasy , Monospace , f o n t - f a m i l y : S e r i f

font-weight

normal, lighter, bold, bolder, f o n t - w e i g h t :

bold

100, 200, 300, 400, 500, 600, 700, 800, 900.

f o n t - w e i g h t : 500

t e x t - d e c o r a t i o n

. text-decoration: none
, text-decoration:

overline

, text-decoration: underline
, text-decoration:
through

line-

, text-decoration: b l i n k

t e x t - a l i g n

, t e x t - a l i g n :

. t e x t - a l i g n :
, t e x t - a l i g n :

right

center

, t e x t - a l i g n :

text-transform

left

justify

, t e x t - t r a n s f o r m : c a p i t a l i z e
, t e x t transform: uppercase

, t e x t transform:

lowercase

102

10.3 ()

t e x t - i n d e n t
. -

, text-indent: 10pt
, text-indent: 15px
, text-indent: 5em
, text-indent: 5 cm
, text-indent: 10%

l i n e - h e i g h t

, text-height: lOpt
, text-height:
, text-height: 20em
, text-height: 15cm
, text-height: 60%

letter-spacing

, letter-spacing:

3pt

, letter-spacing:

4px

, letter-spacing: lOem
, letter-spacing: 12cm
word-spacing

, word-spacing:

3pt

, word-spacing:

4px

, word-spacing: lOem
, word-spacing: 2cm
vertical-align

, v e r t i c a l - a l i g n :
, v e r t i c a l - a l i g n :

baseline

sub

, v e r t i c a l - a l i g n :

super

, v e r t i c a l - a l i g n :
, v e r t i c a l - a l i g n :
, v e r t i c a l - a l i g n :
, v e r t i c a l - a l i g n :

top

text-top

middle

bottom

, v e r t i c a l - a l i g n :

text-bottom

 "". "" HTML-

103
10.3 ()

.......

' V

... '. " .... ' :: :, . . '

margin-top

'

, '..

, m a r g i n - t o p : 10pt
, m a r g i n - t o p : 10px
, m a r g i n - t o p : lOem
, m a r g i n - t o p : 10cm
, m a r g i n - t o p : 10%

m a r g i n - r i g h t

m a r g i n - t o p

margin-bottom

m a r g i n - t o p

m a r g i n - l e f t

m a r g i n - t o p

margin

m a r g i n - t o p .

padding

padding-top
padding-bottom

p a d d i n g - l e f t

margin

padding-right

, .
( m a r g i n : ),
.
(margin: ,
20),
, .
(margin: 2px, 5,
), , , .
(margin: 2px,
5, , 2), ,
,

104

10.3 ()

color

, c o l o r :
RGB-, c o l o r :

background-color

black

#000000

, background-color:
transparent
, background-color:

white

RGB-, background-color:
background-image

background-repeat

.background-image:

#FFFFFF

none

URL-, background-image:
url('images/fon.jpg')
, background-repeat:

repeat

, background-repeat:
repeat

no-

, backgroundr e p e a t : repeat-x
, background-repeat:
repeat-y
background-attachment

, backgroundattachment: s c r o l l
, backgroundattachment: fixed

background-position

,
.
, .
background-position: 10%, 10%
cm, mm, px, pt.
, , backgroundp o s i t i o n : 5cm, 20px
(top), (bottom),
(left), (right)
(center), background-position: top

background
,

background: white
repeat fixed

url('images/fon.jpg')

 "". "" HTML-

105
10.3 ()

b o r d e r - c o l o r
b o r d e r - t o p - c o l o r

, border-color:
black.
RGB-, border-color: #000000

b o r d e r - r i g h t - c o l o r

b o r d e r - b o t t o m - c o l o r

b o r d e r - l e f t - c o l o r

b o r d e r - w i d t h
b o r d e r - t o p - w i d t h

b o r d e r - r i g h t - w i d t h
border-bottom-width
b o r d e r - l e f t - w i d t h

b o r d e r - s t y l e (. . 4.18)
b o r d e r - t o p - s t y l e

b o r d e r - r i g h t - s t y l e

border-bottom-style

b o r d e r - l e f t - s t y l e

, border-width: thin
, border-width: medium
, border-width: thick
, border-width: 2px

, border-style:

solid

, border-style: dotted
, border-style: dashed
, border-style: double
, border-style:
, border-style:

groove
ridge

, border-style:

inset

, border-style: outset

106

10.3 ()

border ,

b o r d e r - t o p ,

b o r d e r - r i g h t
,

border: #000000 2 dotted

border-bottom
,

b o r d e r - l e f t
,

curcor

^ ,
. c u r s o r : auto
- . .
cursor: col-resize
-, , c u r s o r : r o w - r e s i z e
'

, c u r s o r : c r o s s h a i r

VJ
, , c u r s o r : hand
^

, .

cursor: default

 "". "" HTML-

107

10.3 ()

curcor

?
^ * - .

cursor: help

* ,
, c u r s o r : move
2 .cursor: progress
*
, c u r s o r : t e x t
,
. *, " N
(), & S (), ^
^

(), ^

w (),

NE (-), ^ NW (-),

^ SE (-), & SW (-)

cursor: *-resize
. .cur . a n i c u r s o r : u r l ( o n e . c u r ) .
: *v
(. . 10.3)

scrollbar-3dlight-color

. s c r o l l b a r 3 d l i g h t - c o l o r : black.
RGB-. s c r o l l b a r - 3 d l i g h t COlor: #000000

scrollbar-arrow-color

, scrollbar-arrowcolor: black.
RGB-, scrollbar-arrow-color:
#000000

scrollbar-face-color

, s c r o l l b a r - f a c e color: black.
RGB-, s c r o l l b a r - f a c e - c o l o r :
#000000

108

10.3 ()
(. . 10.2)

scrollbar-darkshadow-color

, scrollbardarkshadow-color: black.
RGB-, scrollbar-darkshadowcolor: #000000

scrollbar-highlight-color

, scrollbarhighlight-color: black.
RGB-, scrollbar-highlightcolor: #000000

scrollbar-shadow-color

, scrollbarshadow-color: black.
RGB-, scrollbar-shadow-color:
#000000

scrollbar-track-color

, scrollbar-trackcolor: black.
RGB-, scrollbar-darkshadowcolor: #000000

,
- . ,
, : f i r s t - l e t t e r : { f o n t - s i z e : 20px; c o l o r : b l u e ; }
: f i r s t - l e t t e r
: f i r s t - l i n e
: hover ,

: a c t i v e , ,

: v i s i t e d ,
: l i n e ,

 "". "" HTML-

109

scrollbar-3dlight- color
scrollbar-arrow-color
scrollbar-face-color

scrollbar-highlight-color
scrollbar-shadow-color
scrollbar-darkshadow-color
scrollbar-track-color

. 10.3.

, ?
.
:
D images/fon.jpg,
();
Book Antiqua;
HI Georgia, 2 ;
, , -;
, , (
), , .
(. 10.4).
10.4.

body
{ background-image: URL
("images/fon.jpg");
attachment: fixed; font-family: Book Antiqua; }
HI { font-family: Georgia; }
H2 { font-color: brown; }
a:link { color: black; text-decoration: underline; }
a:visited { color: brown; }
a:active { color: dark-brown; }
a:hover { color: brown text-decoration: none; }

background-

110

, , , , . site

style.css.

<iink
rei=" stylesheet"
type=" text/ess" href=," s t y l e , ess" > <head> </head>, <font>.
, . HTML- , "" .
,
!


"".
, "" ""?!

, . , , . ,
. , !
? , .
.
? index FrontPage. ,
(File) | (Save as),
. , states (). index states.
, .
, ? , .
, FrontPage,
states. , . , ,
? ,
. , .
, ...
? , .
FrontPage (Normal)
(Page
properties). (. 11.1).
(Page title) . "". " > " .
"" , .

112

( | ) (Workgroup)
:

file:///C/Documents and Settings/site/states.htm

:
:

>...

|aient(IE40OHTML)
Inherit from Web

:
:

Inherit from Web

...
OK

Cancel

. 11.1.

. , ? , ? , . , " "...
< t i t i e > < / t i t i e > . HTML- . , , HTML-.
! ,
, , . .
HTML- ,
<font> . . CSS!
, , ",
" ? , ,
:). . , ,
:).
. <>.
FrontPage .

 "". , "" ""?!

113

, ,
, . (Hyperlink). , " ",
<Ctrl>+<K>.
(. 11.2).
1

! ^V j

Look in: | f *l C:\Documents and Settings\site

Name

''""..' ""[Title

BindexJitm

URL: [states.htm

: | ( )

Page Default (none)

..

..

. 11.2.

, . 11.2 . ,
. URL http://
. ,
"", states, states.htm.
. ,
images, images/states.htm.
, "http:// "!
, , .
, ,
http://www.prostosite.ru/.

114

http:// , , :).
, ,
http://.
. 11.2 .
e-mail-. ,
, .
(. . 11.2) ,
. ,
~' , , Page
Default (none). (_blank).
, .
... ,
.
.
, ? , . ! ...
, ,
, !
- , . ,
, , ...
. ,
, , , . , , , ,
:).
, ,
. , ,
, . ,
...
: ,
.
,
. ,
, , , . , ,
, .
( !). , , , :(.
,
! , .

 "". , "" ""?!

1J5_

- . - ( )
. , , , , . , .
. .
. ,
"". , , .
, , ,
, . , :).
, , , (!) , . ,
, , .
, , ,
. , , , :).
. , . .
.
""
, . ,
, , .
, ,
. , . , , ?
, :). , , ,
, .
, " , ( )", .
, ? , .
, .
.
, ? ... , .
, !
, : " "! . .
. , ,
, !
? , !


.

, . , . ...
, " "!
, :). , , .
, ? , , . , ?
, , , , , : . ? ,
:). , ,
:). .
.
.
, "".
:

.
. ,
,
( ; "" ).
, .
,
,
, . ,

118

! , :),
, , .
, . ,
! , ,
! , . , ? :), , .
,
. , .
-, :
_._. (your_name, ,

). ,
your_name.ru (com, net, ua, net.ru, com.ru . .).
, , , , , . ,
? , , ,
.
. , , .

! :)
- , "" ?
-?
- ""!
- , ! , !

-, " ", " 2 " . .

.
. .
-,
, ! , ,
, . :).
-, , -
, , ,
. , ,
, ...

119

, , ,
! , ,
...
,
. ,
:), FrontPage HTML
.
, , SSI,
PHP, MySQL . . HTML, . ,
21 , ?.. :).
, . , .
, , (!), .
,
. . , , , :).
, ? , , .
www.narod.ru (. 12.1).
^

' 3 1

$/> ^* *#

: jtthttpy/narod.yande*

ore

,
.





, 3*5
.
.

.
'

% 3

, * >. ,
'<
I . .

22 1
Nai'odni

.

. 12.1. www.narod.ru

120

100 . ,
, ,
( site), .
FrontPage.
(View), (View) |
(Views bar). ,
.
(View) (Reports).
(All files) . ,
, (. 12.2).
11 1 ^ <?-"..44'
1
.*!I'l'lSliiL
. .

* W ..- '; V <

^ I* j

\ \ ' .."

| [ !
:...

j .-
1 ...
- :
i ...
3 ...
**
- ...
)...
%...
'
'...
#...
^ ...

ft"* f

% <(

...
...
^...
"...

14
29
3
0
9
0
581
211
40
286

203
441
10

295
0
0
0

',,

] ;

(GIF
,





'


i

. 12.2.

www.narod.ru , , .
100 ? ,
:). , . 100 ,
-, .
, "" SSI ,
, . (
1
?). : yourjname.narod.ru.

121

,
. , .
, (yourname.narod.ru) , .
www.boom.ru (. 12.3).

^J

[* L83 i*Jv-J '

; jehttp://boomju/

MAIL. RU >

cairr@mail.f

?
j * , i * *

. "",
- !

:
8*173

. 12.3. www.boom.ru
, ,
. 50 . , SSI, .
your_name.boom.ru.
. , . , , ,
.
www.boom.ru , .

122

Q >Q

"' -^f
v

: jtflhttp://byjil/

by () hosting
:
211,830

NTHOST.RU - !
WINDOWS . . ittbost.ru - 3
+ . 0,84 .. .
.inasterhost -
, ,
,
, ,
.
Ru-Center -
RU-CENTER
.

,
-

. 12.4. www.by.ru

www.by.ru (. 12.4).
, :).
, , - ,
:). PHP, CGI, MySQL , SSI. .

(, , pop-up). , , By.ru, ,
, .
.
, www.by.ru,
, . , .
, -
.

123

your_name.by.ru. , - ,
?..
www.newmail.ru (. 12.5).

' ii

>

"< 'U' ^Jf

: |1 http://www Jiewniall |/

" "

, :
- &* ) HBVKI 32 .
- -* .
- '>ecf 1; |'*'.'.1 32
,

"NowHC'Sr

"Mesa "
^
^, &

CiiuvmiamtK.i
:
:
1

248173
257299
253915

-
8!?
,

\-

20 2005: SO8U
01 2004: !
06 2004: 331-5551 30% 3t !

.
* - ^^
(jvayiiipo

+
: , ,

/
Slwrp 3D
! * ^*
!

& 64
. +

* s

. 12.5. www.newmail.ru

your_name.newmail.ru,

your_ name.orc.ru, your_name.hotmail.ru, your_name.nm.ru, your_name.nightmail.ru.

16 ( 32, 16 ). (
) . - , CGI, , SSI... , . .
www.fatal.ru (. 12.6).
SSI, PHP, CGI... ! pop-up
(, , ...). : your_name.fatal.ru.
30 .

124

|$ ^ ^

: http://fatalju/

fT~\
\J
*

Fatal.Ru - ,
.


,
.
.

: 53076
: 0

;
fatal.ru: 8741
hoha.ru: 7774

-

1PS.RU; 350+

16.12.2004
4.3.10

http://www.fatal.ru/phpinfo.php
13.09.2004 .

,

;

*. Hebhost.ru/. fatal.ru/. xost.ru*. polubomu.ru
/

100
S
_.1./>*5./
xost.ru/polubomu.ru
CGI-
Peri, PHP, C/C++
5SI

10.09.2004 ,
,
16 30 16
.
27.08.2004
!
Perl MySQL
. .
4.08.2004
4.3.8

http://www.fatal.ru/phpinfo.php

. 12.6. www.fatal.ru

, , .
, , .
...
.
? , ,
... ,
, : -
.
, , . .
... ,
. ,
.

125

, ,
, , . , ,
, ...
, , . , , , , , . " " . , , .
, http://www.ProstoSite.ru/ .
, ? -.
, , ,
,
. , , - . , . , .
, , ? , ,
? ,
. ? ? ?
, .
- .
. .
... .
! ,
?.. , . ? ?
? ? ? , ? , ?
?
! , " ". , ... ?! !
... -, , !
? , , ... ! , ? ! , , . ! :)

5 3. 1396


.

, ? , . , !
" , ".
! ?..
, ! , ? :)
, , ,
! :)
? 13, ? ,
...
- .
! , , .
? . , , .
. , , .
- , , ,
.
.
, .
www.narod.ru.

.
. (. 13.1).
(),
, , , e-mail, . (

128

your_name, , , , narod.ru), "avto-moto" ( avtomoto.narod.ru).

soft Internet

Q - Q

*] ^

j j j ^ ' * f g 4& 0 " '& "1 J

:|Slhttp://passpoit.yandex.iu/cgi-bin/Regj)l?from=narod&mocle=iegi

| ^

Hndex
: 1 2
:

A-z, 0-9, ,
20

,
.
.
.
(

).
:

. 13.1. www.narod.ru

, . . , . : "all-cats" "vsekoshki"? , "allcats", "vsekoshki".

?., "catsforever"; "murka"; "about-cats"... . .
, .
, ( ?), .
, ,
( ,
).

129

, - :), ! , ,
( ), , . ...
"1234". ?.. :).
?
, . , , ,
() . .
, , ...
! ,
, , , , :). , ! : "Dgokonda" (
).
, , . ,
, .
, !
, .
<Shift>. , ? ,
(, ) ( ).

! :)

. , , ,
:
, , 89 , , , , Shift
!

, "dgokonda"
"Dgokonda" .
, , . , "DgoKonDa".
! :)
. , , "DgoKonDal"
"dGlokoN2dA". - - ( ), ...
. -

,
<Ctrl>+<Shift> <Alt>+<Shift>.

130

RU
EN, . ,
( , ).
, (
, ). , EN,
. , "". , "ghbdtn".
, ?
, . , , .
, "Vehrf. ? , - , "" :).
, , ,
, "".
, , ! , : "veh7RF".
.

! :)
( ):
, ... ... Mfg$Tp_fx89b, --!

, , , .

, , .
!
, .
, e-mail,
"", . ,
. :
http://mail.ru/
http://newmail.ru/
http://chat.ru/
http://hotmail.ru/
http://inbox.ru/
http://km.ru/
http://narod.ru/

131

http://pisem.net/
http://rambler.ru/
http://yahoo.com/
? , ! ,
.
( ) .
. www.narod.ru
() (. 13.2).
.
(. 13.3).

'Microsoft Internet Explorer

\gj

!J [\ fjilj

' fj

$ ^

; |) http://narod.yandexju/userarea/after_register.xhtml
(1 Lindvo
^

. "

, :

! 1 13

AHI7WMCKMM

- ,

, .

: Pi-ostositel.iiiirod.ru

hasting.rmt.ru

PNI

HTML-

*
(|>
FTP

J*f^3000

^750

. 13.2. () www.narod.ru

132

MJSlxi

-Microsoft

" : ^ ^
: (ehttp://narod.yandexju/fllemanagei/fast_upload.xhtml?random_noca_*J E l

/ /

:!
Prostositel.iiaiod.m

...
..
:| ..

jl ,- I
;| ... |
i| ..7~|

..

i| ..~]

5 !
.

|

. 13.3.
,
site, , . . ,
(style.css), images .
: index states.
, , (. 13.4).
.
(. 13.4) , . (. 13.5).
images. , , . images,
.
FTP (File Transfer
Protocol). ,
| ,
.

133

i x i jgj; '%>/ -^ ^ $\ " -.^ '" .!

: ihttp://iiaro<l.ifarKlexJU/fllemanager/lf.xhtml?iandom_nocaclie=091603

< S3

: Pi ostosite l.ii.n od.ni

| | - | |;
I ?
I

; '

IS

incUx.htm

( states.htin

3593 :
3655 !

16.03.2005
1^03^2005

. 13.4.

.
4
4

\]& '& / ^ (^ 0 0 ' (;.

v

: jilhttp://narod.yandej-u/fllemanager/Ts.xhtinl?a=3

/ /

Prostositel.iiaiod.ni

Prostosite I narod marriages

. 13.5.

134

FTP-, CuteFTP, FAR, SmartFTP

. Windows Total Commander.
, :). ( ) .
, ? ! , !
! ( ,
?) .
,
. - "404 Page not found" ( ), ,
, ,
.
, , . ...
, . -.
-, , ! . ,
, , .
. .
http://yandex.ru/, http://rambler.ru/, http://google.ru/. , , , - , .
, , , . ,
, , .
. -, , -.
. . ,
,
.
. ,
...
. "
", , "-"
. .
!
, "-" .
!


.
HTML-

, -, , :), ""!
? ? , , , !
- ? :)
, , ,
,
:).
, ? - ,
...
-, , : "
- !
! , ..."?
! , ? ?
, , - ! :)
, . ,
, - ?
, , . !
, ? , 365 ( 366). ? ? , 21 . 365 :
?.. :)
, .
?
- 365 . -, 366-
, .

136

, -, 366- , -,
- 365
.
-. 21 . ,
? , - ...
.
? ,
. , . "" "", .
,
. , ,
, , ?
: " , !.." , ,
.
, - ( , ) ,
.
, .
, ... ( ) , , , ? ? ,
?
, , .
, . .
. ,
. . ?! , , --! :)
. , ,
, . , , ,
- !
. , , ? , -
, -, , , . .
. . . ? .

 . HTML-

137

! :)
: "! ,
. ?"
, , :'). ,
. : , , ! :)
, . , ,
.
, :). , , ,
. ! .
, .
. .
? .
: ...
, " "?
, - ... :).
, HTML-!
<head> </head>.
I
\

:....;.:

<html>
<head>
MetaTern.. . .
</head>
<body>
</body>
<html>
: Keywords Description. " ", "".
keywords. :
<meta name="keywords" content="3flecb ">

138

,
. ,
. ,
: " " " Windows".
, .
, , ,
, , ?
, " Windows":
<meta name="keywords"
content="nporpaMMbi, ,
, , , ,
Windows ( . . ) " >
, , . .
2030 .
, .
:).
<meta name="description" content="onMcaHMe ">
, 250 ( 2030 ).
250
.
. .
:
<meta http-equiv="Content-Type" content="text/html; charset=windowsI25i"> ;
<meta name="autor" content="<W40 , e-mail
"> ;
<meta http-equiv="refresh" content="4">
4 ( ) ;
<meta http-equiv="refresh"
content="4,- http://www.Prostosite.ru/">
( 4) ( http://www.ProstoSite.ru/).
. FrontPage
, .
: (Page properties) | . author, description . . . (. 14.1)!
, " ". "HI H6". , , , .
(HI 6 ).

 . HTML-

139

| |

iauthor

: , e-mail

keywords

" "
...

Cancel
icel

. 14.1. FrontPage

, . . ! :)
, , ,
. ,
.
, , .

.


!


. , .
, ,
, .
.
, :
(http://www.yandex.ru);
Rambler (http://www.rambler.ru);
Google (http://www.google.ru);
(http://www.aport.ru);
Altavista (http://www.altavista.com).
:
List.ru (http://www.list.ru);
(http://www.ulitka.ru);
(http://www.susanin.net);
Punto.ru (http://www.punto.ru);
- (http://www.data.ru);
KM.RU (http://www.km.ru).
! :)
" ".

: " . Yandex.ru ".

142

. ,
: "", "", " ", "", ""
. . ( )
.
. . , . , " !
".
, - . (Word,
, FrontPage) :
URL- ( , ,
);
;
(. );
(
);
( 150 ).
( ), , e-mail.
, :).
, .
. www.yandex.ru (. 15.1).
Yandex.ru .... ,
(. 15.2).
, Add URL, , URL, , Submit a site . .
(. 15.3).
, " ". URL-
.
, " URL
", , .

143

Q ' <> fj- ^ 0

0 * & : J

: j*i!http://)randex.ru/

| ]

'

1.

22JJJJ,
*<|

-24
2. : .

3. -
^ ,

,
s

:

... 21:15

flndex

: _ .
;

. 15.1. www.yandex.ru

| [] ; i

^ -^

IvjB

!4Bhttp://yandexj-u/alLservlcesJitnil

. .
. .

&

. ...~1 ^ * " 1
/>

<Ya.ru>
9

. 15.2.

144

" LP ^ ^J* - 0
IjSJ

: \ http://webmaster .yandex.ru/

URL

, .

. URL
,
.

:
?

URL

yandex.ru

,
,
/

.

--,

:http:A

!
,


,

. 1 5 . 3 .

.
, .
, " URL . ",
, .
"
URL . ,
". ,
, , .
""
. ""
, .

145

,
. , .

, .
. .
, , List.ru.
List.ru (List.Mail.ru) , Mail.ru. , , ... , .
, .
(. 15.4) ,
,
.
& MAIL.RU - Microioft Inte

....- tS):.p -^
v

: |]http://llst.niall.iu/lndex.html

. I

Mpj

. 15.4. List.Mail.ru

146

aJ jjg

*;,?{ I f gj
3

ftpet:ii!http:,'/ll5t.iTwllju/fast-bliVie3lsb4-itloii.bat?skl=246584788&mode=sliow0
>

, .
"".
URL : ihttp://

Mail m, 1
. , .
Mail.ru

. 15.5. List.Mail.ru

:

l-toiui 0

) ^ (^f <f'

; |Slhtlp://llst.iiiallju/fast-bln/reqlstrationjMt?skl=246584788Smo<le=stioH0

:
6> * . ^
&^ ( ) .

|
(, , ) * , , ),
"j 6wn> , v>nf,

.
* *-|4]1

:
,

.. *

: * D .
: [
: *

w o 300 !) I

J )

. 15.6.

147_

List.Mail.ru. ,
. (. 15.5).
URL . ,
(. 15.6).
, ( ), .

!:)
-:
, "": "" ?
"URL" ...

,
. ,
- ,
. ,
. ! :)
.
, , ,
.
, , - . ,
, .
, , . , . , !
, , .
, .
, . ,
!

, ... .
. , , .
, .
!


.

, ? ,
. !
, ,
. , .
, , .
. .
, .
, . ,
, .
. , . , .
,
, , . , , , .
, . , .
-, , , .
. -
. ,
. ,
.
-, .
. 90% .
. ,
, .

150

"",
- . , .
.
, , :).
FrontPage, . . :).
, , , off-line, . , , .
, ,
"images/image.gif", a "http://your_name.ru/images/
image.gif.
, , . , .
.
, .
. , , , .
( ), (
).
, , , - ,
, ... - ! ,
, - ,
. ,
. ?
!
- ,
, , .
? " ?.." , . . , .
-, ! ,
, ... ,
, .
.
, , , , , .

:
, , ,
. , - ,
(). , -, ().
.
"" , . , , . - , .
" , , ?", "
?", "
? ?".
. ,
,
: " , ,
?", " ?", " ,
- -?" . . , .
"" :).
. , , .
, , . - .
, . ,
. .
. .
HTML- .
.
, . , ,
, . . ,
.
, , . - . , . , .
, .
, , , .

" """. e-mail
. .

151

152

:
Subscribe (http://subscribe.ru/);
Content (http://content.ru/);
MailList (http://maillist.ru/).
Subscribe. - . 2 700 000 ( 2005 .). , , , :).
, , , , , ! ,
, ,
"", , , ...

Q 4J

"^ t j 4

. .110.

* .

| \

- |

(S . -

MCKUI

jfr
.

tt
8 , g ?

(1
(
Cnopi

"
]^..

,^. F

|1. :..

'
.

Jk

.m

&. ,

*-

..

- i? cam <>1 ! <>lblCJK?

.. *~ !

7^
unotK'i--iu4t"j noflnifC4i* ii &

. 1 6 . 1 . www.subscribe.ru

153

Subcribe. , .
! (. 16.1).
,
. :
(. 16.2) .

L*J jS <J^ ^

-^ ^ ^ > ; * ^

: |l^ittp://subscrbejii/n>aiwge/authoi/join

>

$9 * *.

gj

v j .

<ti

* - .

( Subscribe Ru,
*

J | 4
Email : *
( ]

ICQ
__J ( 1S )

( ):
|
| [ 32 )

:
__] [ 255 )

. 16.2. Hawww.subscribe.ru

.
, , ...

, .
! (. 16.3).
(. 16.4).
, . ,
.

154

| i | ifjjD . j l i ; / ! -:,-' ^

0
! v j jQ

: jj

, , ,
.

iI
M l [ '"111 Hi i l
" 0 1 "

60000 noi

( ttOOOOOO
:

retxfi

6|, |rxnOM

ceepJ

1I

j "

I655330
I

*(
scrolbai-dafk-shadoyvcola UFFFFFF; scrcflbai-light-sbadow-calor ttFFFFFF;
lbbtoItFFFFFF;

sciolbatanow-color 8000000: scrolbai lace cdoittFFFFFF:t

cdor:B000000:
sciolb-3d-lgH-cototFFFFFF:
f
i
Pa!*tw Lbolype. Book Antqua

* .

|"]0100

. 16.3.

, (. 16.4),
HTML-... , HTML- ,
<body> </body> ( !), .
.
"
".
e-mail, ,
. , HTML.
! .
, . ,
( , -

155

34). .
, .

- @ ' / 1

'^ - 0 0

4* 88
v (

? I I POM-J | .8. HJHl.;rfiftat.I9G9

. IE , * HTML]
!SSi

] HTML no ( )

. 16.4.

, .
, . .
, .
Content.
3 500 000.

(. 16.5).

156

-
0 - ^

- j*j LSJ] fjj-jp ^ *^f - 0

J B

:|<i}http://coiiteiitjii''

:
;
45%
..

E-mail:
:

ListJD:

, .
.
.

. Forcx.
.
. ,

-. .

.
'\- 1.

18.03.3

AKTIIP.HI.III .

'^

. 16.5. www.content.ru

^ '
" &\)

"**1

>

0TI8TCT

piccyno*
1#

a w @

75 . ,
. .

<\14.

(
,
(|).


cepNpoi
01* .

1*)

-
. ( )
.

. 16.6. Hawww.content.ru

157

(. 16.6).
.
, .
MailList, , ( 500 000), .
MailList (. 16.7).
.
Agava Software 'Microsoft Inter...,,

Q - %J

1 -

%\'

: !Uhtt)>://inaillistJxi/

| S3
>

III

fflai

i/l

AGAVA

1 AGfiVfl /oflurar

-flpXUB

- . .

.
|A|B|C|D|E|F|G|H|I|J|K|L|MINIO|P|Q|R|SITIUIVIWIX|YIZ|
IUIVIWIXIYIZI
||||||||||||||||||||||||||||||
|||||||!

e-mail:

.



,
,

:
Ok

AGAVA

. 16.7. www.maillist.ru

MailList, , (CSS). ,
.
. , ,
6 3. 1396

158

, . .
, , .
, . ,
. ,
. , ,
:).

: , .
. , . ,
, . !



.
, , .
, , .
,
X, X
.
-
"", "", "", " " . .
, . "".
, ,
. . : 468x60, 100x100, 88x31 . 88x31.
(, BannerMaker)
Photoshop.
, , Adobe Photoshop Adobe ImageReader. Photoshop.
? , , , .
. ,
. . :
.
. , . , , , .
, . :).

160

, ? , . :).
, , ( , )
.
, . ,
- . . , ...
, :
. .
, . ,
, , . , ,
. , , . . , ,
" ", .
.
, . ,
. , , ,
...
, , , . .
. , .
,
. , .
, , e-mail ,
.
- "!.. -,
-. . - -, -,
- - . , -".

, :). !
. , ,
. , ? :) ,
, . , .

161

,
, . , : , ,
, , e-mail. ,
.
. , ,
, , ? ,
: " ?" :) ,
- , .
. , . : ", , - . . , ".
, ,
.
. , , ,
.
"", "
", "".
"" , ,
, . .
" , ... ".
, . . , ,
! , .
,
, ?..
, , . , ? , .

,
,

http://prostosite.ru/ban.shtml. ,
, , ... , .
, . ,
. , - ? ? ? ?..
-, ""!


"".
JavaScript
-. HTML CSS ,
. HTML CSS , , ? :). , ,
- .
, ?
. JavaScript. .
, JavaScript,
:). . ,
,
, JavaScript Netscape Navigator ( 2.0) Internet Explorer ( 3.0).
, .
,
, JavaScript .
:). ,
, . .
, , . :).
, ? , . .
.
.
JavaScript
<script language=JavaScript>
<!
var h=(new Date()).getHours()

164

if (h > 4 && h < 12) document.writeln(" !");

if (h > 11 && h < 19) document.writeln(" !");
if (h > 18 && h < 24) document, writeln(" !");
if (h > 23 || h < 4 ) document.writeln(" !" ) ;

II>
</script>

, JavaScript <script ianguage=javascript>

</script>. , . , :). .
HTML- ,
. !
, JavaScript.
, , , . , :
http://cgi.myweb.ru/
http://scriptic.ru/
http://javascripts.boom.ru/
http://javascriptclub.tk/
, .
, . , - ?.. ,
. , :
,
;
,
;

(
, , ),
( );
, , , .
-!
. ,
- ,
. , Internet
Explorer "".

 "". JavaScript

165_

. , , , ,
, , ...
-, , , , , , ,
,
.
( <title>).
, (,
?), , ( ).
. ,
,
. , , ,
, " "
. , . .
, , .
( ) .
, :). ,
, , , , ,
, ...
! ()
: ,
, ... .
, - ... ,
. .
,
. , , , , . ?
, , .
, .
. , , , . :).
. , . , :). . !
, . .
. "". -

166

( CSS, ?). ,
. - :).
"" . , :). ,
, , ... .
JavaScript .
, , , , ,
...
. ,
"" . -! - . , ,
( , ) .
,
. "" .
, .
"", , .
, .
(, ), .
, ,
"". , ,
, : " ?". , ...
: " ", " ". !
, ? , ,
"". , .
- "",
.
" ", . - ,
. , . !
"". , ,
, "". ,
, "", .
, ! .
, , . , , , .

 "". JavaScript

167

, , -, , . , "",
. ?
, - . , "".
,
, , ... ,
! :)
, , , , , , , "
".
" "", ".
, ? "",
. , -
. "-" ,
.
! -
, ...
, ? , , ,
. . , ,
"" ,
:).
! , . !


.


. , . .
?.. . , , , ? , , e-mail, , , , e-mail .
,
. , :). ""
, , ( !).
. ?..
: ) ; ) .
, FrontPage, HTML
CSS . .

. . :
http://guestbook.ru/
http://gb.ru/
http://fastbb.ru/
http://woguest.ru/
http://mod-site.net.ru/
http://myguestbook.ru/
http://guestbook.land.ru/

170

http://gbook.max.ru/

http://www.zbook.ru/
http://supmax.net.ru/
http://agos.ru/
, ,
. narod.ru.
, , , . , " "! ,
...
.
, .
! . .
. .
, - , , , ,
, . , , , ,
" ".
, .
, , . : , ,
. -, , " - ", "", " !" (
), ( , ).
.
, , "" :). ,
. - , "
, ". , , ,
.
, - . , , . -, , ...
, ,
:).
, - ... .
, " ". .
. .

, . . , , .
, . , ,
, IP , IP :(... , , ,
:).
, "
". "" :). ,
, .
, , . ,
. . . .
, , . ? , , .
, , .
. , :).
, ( ),
, , . :).
.
. , . , , , :).
, "
", , "", - .
, :), . . ! :)
, , .
! :).
- , ,
, . ,
. , ,
. ,
, .
, , .
, .
,
,
, . , .

171

172

, e-mail . .

! :)
, , :
?
. : "
ICQ ... e-mail ... IP..."
...

. , ...
, , ... ? , !
, . , , ,
. , http://guestbook.ru/ (. 19.1).
0 . Free GuestBook. - Microsoft Internet Expl... ,,

t J ^ ! %f ijf
; http://guestbook.ru/

DATAOUJ

.

!
!
,
!
.

GuestBook.ru?


,
- s html-
.
,

,
.

. 1 9 . 1 . w w w . g u e s t b o o k . r u

173

""
. (. 19.2) .

|| _2 >,

'

%1

,: ^

; >
;

Afl|X?c.;Mhttp://guestbookju/iegister/registration4*ip

^ [3

*|

'\

DATAETHi
u/ey/

.
, ...
.

ouestbook.ru. -
,
.
, .

, .

.


.

, :

http://hosting.pete! linkm/

___^ ^

. 19,2.

, (. 19.3).
,
, .

.
,
,
. ,
. ! , ,
.

174

Sf

< U .- I") [S*| f i i - ^ ( ^ 4 $ *;,'' ^ . - 1 I J

l|^http://guestt)ookju/iegister/registei.php?user=prostosite

j ; 113

v ;JLM.!| I_MIIII]. iii 1

.
,
,
.

URympecJ :

_
:
:

:

, .
.

,
..
, .

:
|

'|

,
.

. 19.3.

. , .
, , , ,
, , ,
.


!

. ,
, , ,
, , .
. ,
, .
, .
HotLog.ru SpyLog.ru.
, . , , .
, HotLog.
, SpyLog.
, , , , .
, , , .
- . ,
Mail.ru,
.
,
. SpyLog (. 20.1). ,
http://spylog.ru/ <Enter>.
, "", ,
. , .
,
"".
(. 20.2).
(. 20.3).

176

' : > * -^

->:; <Ehttp://www.spylogjll/

Spy LOG

Sp\oG

SpyLOG

. +7 (095) 234-Z7-aO

SpyLOG
-
>&, ,
, . . * .

PR 100%"
|

- 3 4 00$

")
, , Gangle"

>
-
- Mpt

17 -

. 2 0 . 1 . www.spylog.ru

0>
0 -

|] t5j f i

> '^ 4^

; hltp://mt.sprtocj com. 'wkl (Jitnitr'|ika(je_ki=l

"": *

31-3 760 (+31 /)

51 253

SpyLOG,

^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^
- - -

-,
. -
- -
- ,
. -

3

3
3-20
)
E-mail
...

(...)
*

. 20.2. www.spylog.ru

177

THHJEtlXi

- sjjj

|g] :.) '

*jlV

;j^http^int^ylog.com/iiiewti J j j J H f f f X 0 * "
88x31 88x31 88x31
88x63
88x120

);
//

. 20.3.

, , , . , , . ,
, , .
, 88x31.

. ,
.
, , .
, .
, . ,
.
, ,
,
.

178

,
. , ,
. , ?
, : "
?".
, , , .
, .
, 100 ,
.
?
. , .
"" .
. ,
. .
. , .
. .
( ) .
, - ,
.
, , , :). , .
.
, .
, , .
:
Rambler's ToplOO (http://toplOO.rambler.ru/);
Top List (http://top.mail.ru/).
Rambler's ToplOO (. 20.4).
Rambler's ToplOO .
:
Rambler;
- Rambler's ToplOO;
- Rambler's TopShop.

179

!
_ Rambler's ToplOO - Microsoft Internet E

S L

/" sj <gp

.; j i i http://topl.00 J-amblei.ru/toplOO/

650 |
10461

2450 I

[ 1
2263 .,

: Push-
386
1746 CGI
3 706

120 670

283
5568 Rambler's ToplOO
J J J
-
564

16S9 |
757 |
11SS |
536 |
2946 |
27261
18591
4073I >

708 |
, , |

1638 I

10421

-
,
2887

502 "

. 20.4. Rambler's
S Rambler's -Microsoft Internet Explorer

0 - i^J

1* \2^ f'' s;V

<.; < http://toplOO j-ambler.i u/toplOO/top_addihtmlJU

Rambler's

Rarnb.|er> T o o i j f i y>

Rambler's
I. Rambler's

, Rambler's .
Rambler's
,
:
http://topi00.rambler.ru/topl00/news.html
5 () .

j p

. 20.5. Rambler's

180

Rambler .
-, Rambler's TopShop.
Rambler's Top 100,
.
(. 20.5).
. , , (. 20.6).
p' Rambler's - Microsoft Internet E:

0

@ [ "^

Apot;|ehtlp://toplOOj-ambler.ru/toplOO/top_add^titmlju

j i S3 Cci

^ , www.russianlaw.net

"" Rambler's
.

, .

0
1 I

. 20.6.

.

(. 20.7).
, 1x1 ,
.
Rambler's (. 20.7).

181

# ) | -^ ~0 r:.-

AAl>et.iahtlp://toplOOjan*la/u/cgl-l)ln/nMd_toplOO.c9t?reg>'<xcept

-[ 1

Rambler's TOPIOO
Rambler's >>

, , *
.

URL :
[http://Www.your. site'urt

' :
:

' e-mail,
:

. 20.7.

' / " sjy ^ 0 ] ^

iblei ju/cgl-blti/niod_toplOOxgr?ieg=accpt
MM417S

1x1
:

^
".-' ]

*
:
i
| Other ()

: -jft

, 20.8. Rambler's

182

;j if] '&./

-^ 4S} ; j

'i-

^<pe<.M#iht^^/subscrt>eJu/mana9e/aijtti(ii/li5t/count/?g)d-inet.wi?blxiild.pco5tosail

S3

-.
' - si ! * (inol webbuild.prQGto&ail)
, .

< -.
TARGE! t"
HBEF-1*p..'/;jbrtnt>e.i

l,/c*jlij*'i^ebUiJpic.4t.j1i-ii.
ALTTactfciwa cartr- rpoerst "*

. 20.9. Subscribe.ru

' 'Qt S ^ i p -.^- <&<* 0

; t .i/

( pjewnn iml-

!< 1 Content.Mail.ru counter --><a targe

href="http://content.mail.ru/pages/p_ll
Ii 3rc="http://content.mail.ru/cgi-bin/cou
B
| width=88 height=31 border=0 alt-"Conten
|< 1-- End of content.mail, ru counter >

. 20.10. Content.ru

183

(. 20.8), HTML-.
, . HTML-
HTML- , :).
HTML- FrontPage . , HTML-
, FrontPage.
. , ?
, .
, " " :).

! :)
Web-. . , , . ""
, "" .
:
.
.
:
, ?..

, , .
. , !
Subscribe.ru Content.ru . , - Subscribe, ru (. 20.9).
Content.ru ,
(. 20.10).
MailList.ru , , . .
, .
,
, .
, 1000 ,
.
50 , 15
. , :).
, ,
. ,
...
, ?

?

,
.
, , .
.
. , ,
. .
,
. . , . , , . ,
. . .
, .
, ,
. , , , ...
, , , , .

!:)
:
, ?
, .
, ?
, ...
: .

186

, .
, : " ". , . , . , ,
. , .

! :)
?
, .
, ?
, !

, , , . ? , , . ?
, ,
, . ,
. , , , . .
? ,
. . .
! . - ,
, . ,
. . ,
. :).
,
. . ,
, . . n- .
. "", ,
.

. ,
, .
. , , ,
, :).
, .
, . , . (

187

), , .
, "" :).
, . ,
, , .
, , .
http://www.fastbb.ru/

http://www.freeforums.ru/

http://talk.mail.ru/
http://webforum.ru/
http://3fa.km.ru/
http://www.webboard.ru/
http://forumy.ru/
http://anort.com/
, , .
( , ), ( ?),
, , !
.
.
FastBB.ru (. 21.1).
, , .
, .
, , (. 21.2).
, FastBB :
(. 21.3) ;
(. 21.4) ;
: .
, , , .
,
FastBB, ( ,
. 1). .
, .

188

>?

|) jig ; v-j ": , ;

; 3http://www.fastbbju/starl:4>l

FAST bb

i.v ] J
V
!!!
A
LS Bufimvaihune ! /J

Borda.Ru
FastBB v7.02,
FastCGI. ,
.
. Borda.Ru -
.

CGI. ,

Jfe

. 2 1 . 1 . www.fastbb.ru

\J

_*j L j ] ';!'. ,, * 4 'S" " i E 3 -_*

^pec.;.;ehap://www.fastbbju/start4j(?5

:|

bb

, 2Jiearts.ru

4 .
, ,
. .

- .

. .

. 21.2.

[) i l l i f c i , P ? (^ <?S:,s> V

'-'' -.

<

.;.|*! http://sklnl.fastbb.ru/

""

-::;;

^ 411 1
' *

190

2*

11.04.201)5 14:3
*> * D
d * Q

>.
@

25

@
@

2.03.200S 20i2S

2*

20

02.04.200S 16:59
// +Q

12.04.2005 StitS

*;

t*M

113

! . I . 1 .

, 21.3,

Q - 3 1 ^ ^ ^' ^

: :43 http://skin2.fastbb JU/

' V I S

Hogwarts Role Game Site - http://hpgame.fastbb.ru/ Ginny (04.04.2005 18:15)

(04.04.2005 15;03)

- , !!! (16,03.2005 16:57)

Re: - , !!! (16.03.2005 16:59)
Re: - , ! (19.03.2005 0 0 : 3 9 )

Re: Re: - , -ic !!! (31.03,2005 18:14)

Re: Re: - , !!! sdsd (02.04,2005 15:27)

16$ tit admln333 (02,04,2005 0 0 : 4 4 )

. 21.4.
7 3

1396

189

190
FastBB - Micros'

'

:&

$ <> <S

;.>

;]

iahttp://www.fastbb.ru/start-Pr?12

MST

% [3

bb

-
-
-
-
,
; ,
\ ,
. e-mail,

. 21.5.

>

$ t i l #
i & J S

; !<i http://prostosite.fastbb.ru/

( 3 ) ten oi.i.

@ - . HOIUX

( ) - .. .:

Po.rd by " - f t * 7.tt5 [A]

. 2 1 . 6 .

191

(. 21.5). ,
, .
.
,
. ,
, .
, ,
[] (. 21.6).
, , . , ,
(. 21.7).
& prostosfte - Microsoft Internet Explorer

' . * ^
: \ http://prostosite.fastbb j-u/admin.pl

! ]

Bbi ftOipdl OOMtfO *|

v i

2002-2004 free fastBB service

. 21.7.

. , ,
.

. ,
, ?
, , ,
.
, .
,
.

192

, , .
. . .
, , . , , ,
.
, . .
. ,
. , . ,
, . . , .
, . , . , ,
.
, , , ,
. . ?
. ,
, , ,
. ,
.
"",
"" :).


,
"" !
, (, :).
" ",
21 , !
?.. , ,
, ?
, , , .
. !
,
. , .
, "" ,
.
. " , , ?!"
. , , .
" , , ?"
, .
. "".

"" ,
. ?..
. .

. ,
"" ( )
"" ( ).

194

. ? "". FrontPage, ,
, , , . !
(FrontPage) "" . :).
. .
. ,
, , .
. "" "". Adobe
Photoshop,
Adobe Photoshop.
. , ,
?
. "". ""
. , , .
. "".
, .
, , .
, , .
. "", "" . HTML
, , , , .
. ,
...
. "". "" HTML-
... "" .
, ... - !
. . , "" ""?!
"" , "" "" - . , . , ""-...

195

. .

, ""- ... "". "", . , ... .

. .
, "".
...
. "" "".
HTML-
"" , -
. "" "",
"" ""...
. !
!
, , . .
. .
, - . "" . ...
. .

, . "",
.
. "".
JavaScript
"".
. .
, . , /. , .
. !
, ! ... , !

196

. ?

.
, .
? -,
:). , ,
, . .
, ,
. ,
.
, , "
! " www.ProstoSite.ru.
, , , (!) , (, , - ?)
e-mail o.m.morozova@mtu-net.ru.
, .

2005 .

,
. () .
, .
, , .
,
. .
" ". , . ,
, , .
, .
(Unlimited) , ( ).
, , .
() , (. ).
(Upgrade) , .
(Update) , , .
,
(, . .). . : , , , .

200

(ICQ I Seek You )

, ( ), , . . .
(Attach) , "" .

(bug ) . ,
- ,
, .
8- .
256 . .
. , 468x60, 88x31, 100x100 .
( . Button).
(Bit) , 0
1 "" "".
(Blaster) .
(Bod) ,
, .
(browser) ,
Web- HTML.
, HTML- Web-.
,
.

- , , Web-. Web- - - (, ).
(encoding)
( ) ( ).
. , Internet Explorer
.
8- Winl251.

 1.

201

() Windows ( ""), Microsoft.

, ( ),
. , ,
. . ,
,
. (. ).
WORD ( ""),
Microsoft, . , :).
.
, ,
, , , .

(game ) , , . , ,
, . ,
,
. .
,
Language).

HTML (HyperText

Markup

GIF (Graphic Interchange Format)

.
, , ( , ).

. , . , , .
(), ,
, .
, . ,
.

202

, , , ( . guestbook)
,
.
.
, , ( ).
, .

,
, . .
(. ) .
(. ), , .
.
. (). .
.
.
,
.
.
. ,
, .
, ().
, www.prostosite.ru. , .
, .prostosite , a www . , prostosite.ru
, shsz.prostosite.ru .
, -
(, , , ).
, ( . homepage) ,
. ,
- .

 1.

203

-, ( . e-mail ) .

(Hard) , (, , ).

, ( , . .). ,
( ), .
(. ) (. ).
( . save ) (, ...).

.
( . Zip) , .
Post Scriptum ( ,
PS).

- "",
,
.
( icon) - Windows, . .
( . IMHO In my humble opinion ). , , "humble", , :).

.
. , . .

204

.
, , , , ( . Internet) " ", "" ,
, . , . ( ).
, , , , , . . , , .. ,
, ,
.
. ,
: ,
, , ,
. , . " ", " ", " ", " ".

( . download ) ()
(, ). (upload) . , down , a up -. .
( . Quest) "". , "".
1 = 2 10- = 1024 (. ).
. .
(. ).
( . click to continue) " ".
( . click ) .
, .
, , , , , PC (Personal Computer).
.
, ,
( ). .
( . content )
.

 1.

205

( . crack ) -, ""
, .
, , , ,
. - ,
.
( . cooler ). , , : . .
.
( . cursor)
, .

(, -
). ,
.
( . lamer ) , (. ) . , , , . ,
. , , ,
. , , ,
... , , .
( . link ) Web.
( . Mailing List) , .
, .

(LAN Local Area Network). -, , .
,
.

, , , : , , ,
, . .

206

, .
,
. . DOS.
, ( . message ) ().
1 = 1048576 ~ l'000'OOO . :
" 100 " . .
( -) . ( 57 600 )
.
, , .
, .
.
(Monitor)
, .
, ( . mouse) , 2 3 ,
( !). Windows.
. , (, ), , " " .
, .
( ),
, .

( . nickname) , , .
, , Netscape Navigator.

( . overclocking)
. ,
.
, , ( ),
.
,
. , . : DOS,
Windows, Linux.

 1.

207

- ( . off-line ) ,
. Off-line ,
. , :).
( . off-topic) ,
, , .

,
, .
, .
.
,

.
, . ( , , CD-ROM) (RAM).
, .
( . password ).
, , .
( )
. , .
- , .
CD-ROM.

, :).
, , ,
.
. : Yandex.ru,
Rambler.ru, Google.ru.
, , . .
, , (
. provide ).
(, , , , .).

208

, .
, , .

Windows ,
, : , , ( , , ).
, .
. .

(screen resolution)
. 800x600
1024x768. ,
.
,
.

, , ( . subject ) (), .
, , ,
- : , , , , , .
, ,
, ,
(, , ). (), ( , "-").
, , ,
.
() .
.
. (. ).
, (CD-ROM) ,
- , CD-ROM .
. , ""
.

 1.

209

.
( . script ) .
.
(Slash) "/", - . "\".
, . ,
(. . !).
, , .
,
. (. ).
, e-mail . :
, , "@" "#", "*" "
() ", e-mail- -
"@".
,
, .

HTML-.
"<". , , "html", " t r " . .
">".
.
( . topic ) , " " :), .
.
. , "" "privet".
( . traffic )
. ,
()
,
.

( utilite) , . , , , . .

210

, ,
. . file . (folder) , .
(FidoNet) , .
. , .
, (
).
( . /loppy disk ) () .
- (Flash Memory) , .
(, ), (
).

, , ( . haker) 1) , , . 2) ,
.
. , .
, hard. , ,
.
( . hit ) ( ) - .
( . Page) .

(FAQ Frequently Asked Questions) .

, .
. .

( . shareware) - .

 1.

211

. ,
. ,
.
Internet Explorer, - Microsoft. .
(E-mail Electronic Mail)

.

, ( . use , user )
.
, UNIX , .

( ).
, . : , , , , : .
, .
, .

, ,
. , .
, ,
. , , . ?
, ,
Web-, HTML-. HTML- , . , HTML-
,
. ,
. , ,
. , , , , - .
, , . , , .
.
, ,
.
, , ,
.
HTML-, , . HTML-
-, .

214

, ? , . , , . .
: , , , ... , ?
. , ? .
... , ? ,
Adobe Photoshop.
, , , . (. . 2.1).
, Photoshop, (File) |
(Open) (. 2.2).

.

9 I * 03"

Recent

parasol

Ls|

1 :

|JPEG(*.JPQ;'JPEQ*.JPE)

[]

Fie Size; 6O.8K

. 2.2.

 2.

215

, 60,8 .
.
, , . ,
- "".
, , .
. ,
. .
, (Rectangular
Marquee), (. . 6.1,
2), ,
(. 2.3).
, (Image) | (Crop),
(. 2.4).

. 2.3.

. 2.4.

216

, , .
, (Image) |
(Image size), (. 2.5).

;297

':

! v

:275

; v

.,.

181
:
:
:

! 10,48
i 9,7

i CM

!72

\ / ; v

i V

]-

0
0
0 : j

. 2.5.

,
.
(File) | Web (Save for Web).
(. . 2.6).
.
, . 2.6. ,
:
Original ;
Optimized ;
2-Up . ;
4-Up
. ,
, .
, Settings, . 2.6
,
"". ,
. . 2.6.


, . SoftLine-direct

, 1-.

SoftLine-direct.

softline

119991 , . , 8. ./: (095) 233 00 23

E-mail: Info65sottline.ru http://www.softllnt.ru
, >1-.1.6, Inropwtypr, '. , ,

 "-"
:
www.bhv.ru

" ": ., ., . 29, .: (812) 251-41-10

: e-mail: opt@bhv.spb.su

Mandrakesoft. Mandrakelinux 10.0 (+CD-ROM)

144 .

., . .

272 .

- .

224 .

. .

129 .

. :
, 2- .
. . ADEM CAD/CAM/TDM. , ,
(+CD-ROM)

480 .

. ,

654 .

., . Unix , 3- .

848 .

. 7. ISUP.

480 .

320 .

. V5.1 V5.2.

288 .

. , 2- .

318 .

. Call-

372 .

. .
., . ,
3- .

320 .
608 .

. QNX Momentics: (+CD-ROM)

256 .

. QNX:
, 2- . (+CD-ROM)

192 .

. ,
4- .

352 .

., . , 4- .

816 .

. MS Windows XP Professional.
70-270
., . , 3- .
. -
2003
. -
2004

528 .
448 .
224 .

. Visual Basic. (+CD-ROM)

288 .

224 .