Вы находитесь на странице: 1из 256

Web

004.738.5
32.973.26018.2
66

:
. .
 . .

. .
66
Web . / . . . 2 . .: 
, 2006. 512 .
ISBN 5964300324
web .
, 
, .
web ?

, 
web.

web, 
.
,
,

web, , web.
004.738.5
32.973.26018.2

ISBN 5964300324

. ., 2006
, 2006

507

508

5. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .47
6. . . . . . . . . . . . . . . . . . . . . . . . . .49
7. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .51

1.

8. . . . . . . . . . . . . . . . . .57

1. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .3

10. HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .60

2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .5

11. HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . .69

3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .8

12. HTML 4.0 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .75

4. . . . . . . . . . . . . . . . . . . . .9

13. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .95

5. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .11

14. <A>, . . . . . . . . . . . . . . . . . . . . .98

6. web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .13

15. HTML 4.0 . . . . . . . . . . . . . . . .101

7. ! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .15

16. SGML HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .102

8. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .16

17. HTML DTD . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .106

9. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .18

18. HTML

10. . . . . . . . . . . . . . . . . . . . . . . . . .19

19. . . . . . . . . . . . . . . . . . . . . . . . . .129

2.

1. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .21
2.

9. . . . . . . . . . . . . . . . . . . . . . . .59

. . . . . . . . . . . . . .112

20. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .139
21. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .156
22. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .163

4. web

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .21

3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .23

1. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .177

4. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .27

2. Adobe ImageReady . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .188

5. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .33

3. Corel Xara . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .189

6.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .35

4. Macromedia Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .191

7. . . . . . . . . . . . . . . . . . . . . . . . . . . . .36

5. Macromedia Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .197


6. Metacreation Headline Studio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .201

3.

1. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .40

7. HomeSite . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .203
8. Microsoft FrontPage Express . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .230

5. 

2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .41
3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .45
4. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .46

1. ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .249
2. ? . . . . . . . . . . . .251

509

3. ? . . . . . . . . . . . . . . . . . . .254
4. Cold Fusion . . . . . . . . . . . . . . . . . . . . . . . .257
5. WebOracleWeb (WOW)

. . . . . . . . . . . .277

6. CGI, PHP, Perl, MySQL CMS

1. CGI . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .287
2. CMS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .336
3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .337
4. PHP MySQL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .340
5. . . . . . . . . . . . . . . . . . . . . . . . .350
6. PHP . . . . . . . . . . . . . . . .352
7. PHP . . . . . . . . . . . . . . . . . . . . . . . . . . . . .358

7. Life Site CMS


510

7. 20 000
? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .387
8. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .390

9.

1. . . . . . . . . . . . . . . . . . . . . . . . . . . .392
2. . . . . . . . . . . . . . . . . . . . . . . . . . . . .396
3. . . . . . . . . . . . . . . . . . . . . . . . . . . .406
4.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .409
5. JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . .409
6. web
www.geocities.com . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .411

10.
1. Web . . . . . . . . . . . .420

1. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .360

2. . . . . . . . . . . . . . . . . . .422

2. CMS? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .361

3. . . . . . . . . . . . . . . . . . . . . . . . . .426

3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .363

4. JavaScript . . . . . . . . . . . . . . . . . . . . . . .427

4. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .365

5. ICQ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .428
6.  . . . . . . . . . . . . . . . . . . . . . . . . . . .428

8.

7. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .430
8. mailto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .430

1. . . . . . . . . . . . . . . . . . . . . . . . . .367
2.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .373
3.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .376
4. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .379
5.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .381
6.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .384

9. . . . . . . . . . . . . . . . . . . . . .430

11.
1. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .434
2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .439
3. . . . . . . . . . . . . . . . . . . . . . .441
4. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .442
5. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .444

1.

1.

Web ,
. 
, , , .
. ,
, , ,
, 
, . 
( , 
), ,
.. .
web
web . ,
default' , . . ,
.
,
web,
. , 
web
,

. 
, , , 
.
,
, ,
.
.

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

.
, web 
, 
.
,
,

. 
web 
, , , .
, 
web ? 
, , 
,
.
 
, 
, . 
,
web :
, , 
.
,  web
,
, ,

. Web 
, 
.
, 
web.

, 

. , ,
, web. 
,
; , 
 online,
; 
. 
, .
, , 
, .

2.


.
.


.
.


.
( 640480),
1024768
, .


(800600),
,
.

(1024768), 800600 ( 50%
!) 640480
.


.
Web ;
, HTML
!

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

... ...
. Web 
. HTML 
, ,
. ,
, .
Web.

, 
.
, ?


;
.

,
.

HTML.

, 
. 
. , , 
. web .
, , 
, . , , 
, Web.

3.


, .

10 (, , 
), .

(, 4)
.
, HTML,
100%,
; ,
, ;
,
..
.

1. .
, . 
,  
... 
! ,
? . , 
;

( ).


.

, 
, 
; , , 
, 20
...

, , 
. 
, !
800600, ,
, 
. ( , 

.) (
) .
. 
, !
?
. 
, ( ),
.

2. , ,
. . , ,
...
3. . 
. , JavaScript SSI,
, .
 , HTML, 
, ! .
SSI, , CSS, 
...
4. , , , . ,
, , ,

. , ! ,
... , 
, .
5. .
, , (pop
up) , .
6. . ,
.
: , .
, , ,
, , .
7. . . 
, 
, 
... 2 ,
. , 
.
8. . ,
! 
, , . 
, , , , 
...
.

.

10


1. .

310%,
keywords description.
2.
.

,
, ,
.. 
, . , 
, ..
() 
1 , 2, 3

1.
, 2 3 ..., 
:

(
 , )

 title. ,
.

 .

, .
(
),
.

9. .
! ,
.
10. . 
, , 
, , ...

4.


.

:

1
2,3...?

1
<H1> , (
css ).


2,3. 3.
1 .
, .

2,3 
1. 

11

4,5. 1. 
, . ,
1. ,
. 
.
. 
1 .
1. 
. , 
2,3.. , 
.
1 .
, , . , 
(),
.
, , ,
Rambler,
Yandex Aport , .. 
.

5.

,
, .
,
. 
popup , 
.
,
. 
: ,
, .
, .
popup.html,
. .
,
( ) .

12

title. .
meta description keywords .
( popup.html) <HEAD>
</HEAD> :
<! BEGIN CONSOLE CODE >
<SCRIPT language=Javascript>
<! var exit=true;
function exitcnsl()
{if (exit)
open("http://www..com/.html",
"new_window","toolbar=0,location=0,status=0,
menubar=0,scrollbars=0,resizable=0,
width=800,height=600,top=0,left=0");}//>
</SCRIPT>
<! END CONSOLE CODE >
<BODY> :
onUnload="exitcnsl()"
popup : scrollbars, location,
menubar, resizable.
:
<A HREF>
:
onClick="exit=false"
:
<A HREF="index.html" onClick="exit=false">
, 
popup .
( , ) 
, popup ,
.
popup ,
popup , ..
, . popup
.
, , popup 
, 
, , ..
, , 
.

13

popup 
, popup .
(, ) 
.
, pop
up , , .

6.
web
. ? 
.
? , 
. 
web,
. 
() , 
,

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

, . 

, , 
.
.. 
.
. ,
. 
, 
. 

14

, ,
. 
,
, , 
. 
. , ,
. .
.
. ,
: , ..
. HTML web, 
,
DHTML, Java Script, Java, CSS, XML, Perl, PHP, ASP, VBasic, MySQL,
MS SQL, Oracle, Flash 
web,
.
. ,
, 
.
, 
, . 
, , 
,

.
. 
. , , , 
, 
,
.
web
. , , 
.
.
,

 ; 
; 
;
CTR;
, web

15

. , 
, Macromedia Flash.

.
, .
web ( )

, 
.
web . 
;
; , 
; ;
, 
.

7.
!
web 
1020 , , ,
. ,  
.

. ! 
2,53 .

, .
, 
, .
.
popup 
,
.
( 
) , 
web .
800600 256 .

16



, .
Under Construction .
, . ,
(>50 )
SSI PHP.
, .

8.

, , ,
, .

. ,
, . . 
, ;
,
sale. ,

sale.
sale
. .
, , 
. , .
sale ,

. sale 
, 
.
, , 
. 
, .
, sale, ,

. ,
,
. ,
, 
 

17

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

. , 
, ;
, ;
. 
, 
, , , .
, 
, , 
, .
,
,
. . 
. , 
.
, .
,
.
,
.
Photoshop
Dreamweaver. ,

18

. ,
, .
, .
, 
, . , 
MS Word MS Exel.
, , 
, ,
MS Word. , 
, ,
. ,
, .
.
.
, 
. , .
. 
.
. , ,
, .
CD. . 
, . .
.
.
. 
: 
, , 
, .
. .
, .

9.

, 
. 
HTTP (HyperText Transfer Protocol).
Web
. , Web 
, ,

19

20


.

com , ,

HTML (Hy
perText Markup Language). ,
, , , 
, ASCII. , , ,
HTML.

edu ,

net , , Network Information


Center

org

mil

gov , , white
house.gov

10.

Web , 
, FTP, Gopher, WAIS Usenet.
Web
Windows Microsoft Internet Explorer.
URL (Uniform Resource Locator), 
:

protocol://hostport/path
hostport .
.
.
path .
protocol :

http .

ftp .

telnet .

gopher WWW.

afs .

news Usenet.

wais .


Web 
(NIC) :

, ,
. , .uk, .jp
.us , .

21

2.


1.

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

.
,
, .
online ,
. , 
, .

. 
.
. 
, 
.

2.

, web 
. , web
, 
. :

22

welcome page;


:

Welcome page
, 
: , 
. , host
()
( ) , 
. pass 
/ 
. ,
.

Welcome page Home page?


Welcome page home page,
home
(default [ ]) page. home page 
. . 
.
Welcome page ,
. 
home page, ,
. welcome
page home page.
, . Welcome page 
, ,
home page
. home page
.


, , 
, . 
, , ,
www.dom.edu, mysun12.dom.edu. , ,
, , 
.

23

www
welcome page, home page,
. ,
.


mail webmaster 
, , 
, . 
postmaster
.


( root)
/
, . , 
. 
, 
,
.


Web ,
, .
,

, .
. , web
.

, 

. ,
( web).

3.

,
, 

24

. ,  , ,
 .
.
:
, .
.
:


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

.
, ()
.


. :

,
,
,
.

,
.

, ,
.

25

, , 
, Internals guide, stepbystep
.
.
, , 
, 
.
. ,
stepbystep
.
, ,
,
. ,
. 
, .


 .
,
( ) 
. ,
, . ,
, ,

.

26

. , ,
.
, , 
. ,
.

scroll bar. scroll bar , 
, , 
.
. , 
, scroll bar,
.

, 
scroll bars, , 
.
( 
)
.
.
next previous, 
.

:

online help, menu,


24 .
.

2.5
A4.


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

?
, 
, , 
.

:

,

.

27

,
, , .

.
,
( ) .

,
,


,
.


, :

Internet FAQ (Frequently Asked Questions)

RFCs (Request For Comments)

Information by subject

The best URLs on the web. 


.

4.

:

28

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

. ( ,
) .

, .., 
.
.


,
.
,

. , .
? ? ? 
, , ?
. 
, , ,
.
:
, , 
, . 
shall should ( ),
Long Capitalised Noun Phrases (LCNPs) 
ISO .


. (, 
, 
).

29

, 
.



online ,
.
, 

. 
, .
, , 
, 
.
, ,

. , 
:

.

...
... .


.
: WWW,
WWW
.


.
.


,  .

(icons)
Icons . 

, ( )
.

30

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

TITLE.
TITLE HEAD .
. 

.
,
. ,
.
history list, , 
, .. .
titles headings.
64 . , 
, , .. ,
. (
),
,
.


,
HTML, , 
( ),
.

, 
.
, 
. 
, ,
. , 
,

31


.

. 

:


, 1 ,
, 2 ,
, , 3
2 .
, 2 ,
,
.


,
( PRE).


. 
,

, linemode
. .
,
.

, 
, 
, .


.
,
. ,

online .
, HTML , 
,

, , TeX. , ,
.

32


online .
, ,
.. , 
.
, 

,
.


_HERE_, ..:
Blah Blah Blah here
here . ,
here, , , 
.
: HTML , ,

, , . ..,
Blah Blah Blah .
:
.

,
.
,  
, , .

 :
,
.
.., HTML ,
.

33



, FTP, ..
. WWW , 
.
:

34


, ,
.

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

,

.

, ,
, .
, ,
.

WWW FTP ,
FTP, NFS mail.
,
.
Web , , ,
, FTP, NFS WWW!
:
, 
.
, 
, , 
.
web, ,
. :
, ,
homepage.
:
.

1, 2 3.

, !

5.

 ,
. , 
.

, , .
:


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

, . .
,
,
. ,
, .

35

, 
, ,
; , 
, .
, 
, , .
, ,
.
logfile , 
. 
, 
. , logfile !

HTML

,
HTML. , HTML

HTML.
,
HTMLchecker. HTML
HTML
checker.

6.

, , 
, ,
, .
, 
. , :

, ,
( ,
)

(, )

(, )

36

, HTML

(
)

,
2030 Kb

(, )


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

.
.

7.

. , 
. , 
KOI8R. , 
web
,
, , , .
, http
web 
, 
 . , 
,

37

, 
windows1251, ,
, KOI8R. , , 
Microsoft Windows,
Notepad,
windows1251. , ,
web,
? 
 .

ConvHTML
ConvHTML,
HTML Windows 1251 KOI8Ru . 
.
ConvHTML :
, ,
. 
ConvHTML , ,
,
. web 
ConvHTML :
,
, 
, . 
,
. 
.
ConvHTML
, ,
html
.htm .html, .
,
,
, ,
, ,

.
: html 
, , .

,

38

,
web .
ConvHTML
, 
.

SNK DEcode
 SNK DEcode 
, 
http://www.book.ru/snk.
ConvHTML SNKDEcode 
,
. 
: KOI8R Windows1251 , Alt DOS Windows
1251 , KOI8R Windows1251, ISO Windows1251, MAC
Windows1251 , , Unicode Windows1251.
, 
 
.
SNK DEcode 
HTML, RTF, 
. 
, ,
, 
,
, .

 , 

,
, , , 
. 
.
, 
.

: , 
, ,
, , ,
, .
, 

39

.


, . 

.
, .
, 
, .
SNK DEcode
ConvHTML:
, 
.
SNK DEcode ,
. 


. 

, Lat Cyr Cyr Lat

.
,
, , , 
HTML, 
.
.
SNK DEcode ,
.htm, , ,
.html,
.

40

3.

1.

Web,
HTML.
, 
, HTML.
HTML
.
, 
HTTP,
. ,
, WWW 
HTML.
HTML . , 
, Netscape Navigator 
, 
HTML .

. , Web ,
, . ,
, , 
(CGI) HTML 
.

41

42

2.


, , :
HTML .

. 

.
HTML 
.
<TITLE> HTML </TITLE>
<H1> </H1>
Internet!
.<P>

( ):

HTML
. 
, . 
40 .

.
<pre>, :
<body>
<pre>
:

<TITLE> , .

<p> .

<H1> .

<hr> .

<P> .
.
, 
. ! :
</P>.
.
, .

<br> .


HTML 
. .
. , , 
.
HTML <H1>:

, HTML :
<html>
<head> </head>
<body>
...

...
</body>
:
<head>
<title> </title>
</head>

<Hn></Hn>
n , 1, 2, 3, 4, 5
6.
HTML 
.

<ul>
<li>
</ul>

43

44

<ol>
<li>
</ol>

.
.


<DL>
<DT> ()
<DD> ( )
</DL>

HTML 
. , ,
.

<UL>
<LI>
<OL>
<LI>
...
</OL>
<LI>
...
</UL>


HTML 
:
<cite> </cite>
<code> </code>
<dfn> </dfn>
<em> </em>
<kbd> </kbd>
<samp> </samp>
<strong> </strong>
<var> </var>


HTML . ,
.
, 
. ! <P>, 
.  <H> ,

<A>. , A 
.
:

<A

HREF=filename>

>

</A>

:
<A HREF=BobAnapa.html>Bob</A>
Bob BobAnapa.html, 
.
, , 
, :
<A HREF=BobAnapa/obMoscow.html>Bob</A>
, 
UNIX.

, :
protocol: //hostport/path


<PRE> , 
.
.


<BLOCKQUOTE> 
.

45

<ADDRESS>
HTML.


<BR> , 
.

46

AUTOSTART
midi ,
HTML.

4.

<HR> 

,
, , 
, 
URL.

IMG 
:

.
:
<IMG SRC=image_URL>
image_URL , 
HTML.

<IMG SRC=url USEMAP=url#map_name>


USEMAP 
map_name URL.
URL , map_name
.
:

3.

<MAP NAME=map_name>
<AREA [SHAPE= shape ] COORDS=x,y,... [HREF= reference ]
[NOHREF]>
</MAP>
:

, , 
, midi, :
<EMBED SRC=bob1.mid WIDTH=140 HEIGHT=50 ALIGN=MIDDLE BOR
DER=0 AUTOSTART=TRUE>
.
:

<AREA>
URL
SHAPE COORDS.
SHAPE

WIDTH
, midi.
HEIGHT
, midi.
BORDER
midi.

. :

default

rect

circle

poly

47

COORDS
. .
. , , 
. 
, , 50 50 , :
<AREA COORDS=0,0,54,54 ...>
HREF=url
, URL.
NOHREF
, .
, HREF.
</MAP>
.

5.

HTML
.
.

. ,

. , 
. 
( ) 
,
<H1> (
).



HTML.
<DFN>
. , .

48

<EM>
. , .
<CITE>
 . .
<CODE>
. .
<KBD>
, . .
<SAMP>
. .
<STRONG>
. .
<VAR>
. .



:
<B>

<I>

<TT>


, 
.
.
<, >, &
HTML 

.

49

HTML 
, escape
. 
escape:

50

, 
FORM ACTION = /SGI?BIN/EXAMPLE.PL
/FORM.

ACTION
ACTION URL CGI, /SGI
BIN/EXAMPLE.PL.

METHOD
, .

&lt

&gt

&amp
.
&quot
.

6.

(Common Gateway Interface) 
Web .
Web CGI 
. CGI CGIBIN.
, CGIBIN .
CGI , , 
, 
.
, : CGI
CGI. , , 
Perl. Perl , 
.
CGI
.
, 
CGI .
HTML.


.


CGI.
GET, HEAD POST.
CGI , 
.
GET URL . 
, BOB.PL CGI?
BIN, HTML ACTION 
:
FORM ACTION=/CGIBIN/BOB.PL METHOD=GET
, BOB.PL,
GET.
CGI

. , A HREF=BOB.HTML 
GET /BOB.HTML. GET 
BOB.HTML .

POST
CGI , Unix 
Windows. CGI Windows 
, Web HTML,
POST. 
:
URL?Encoded.
HTML.
Multipart Form Data. 
MIME.

51

INPUT TYPE=TEXT
.
NAME=NAME
NAME.
MXLENGTH=NUMBER
. NUMBER 
.

52


<FRAME SRC="Name1"> ,
.. . 
<FRAME SRC="Name2" NAME="Main">.



, <NOFRAMES> </NOFRAMES> 
, .

RADIO

.
NAME=PRODTYPE
PRODTYPE.
INPUT TYPE=CHECKBOX
.
ACCEPT
, .
ASCII HTML.
ACCEPT
MIME (Multipurpose Internet Mail Extensions). ACCEPT:
TYPE/SUB?TYPE {parameters}
ACCEPT. ACCEPT.

7.

HTML
.
.


<FRAMESET>.
<BODY> .
</FRAMESET>
<FRAMESET>.
HTML.

<FRAMESET COL="N1, N2,..> 



.


<FRAME>, ,
. .
NAME=
.
MARGINWIDTH=
( 1 6) .
MARGINHEIGHT=
( 1 6) .
SCROLLING=
. SCROLLING=YES 
, SCROLLING=NO ,
,
SCROLLING=AUTO 
.
NORESIZE
.
SRC=
.

53

TARGET=Name
Name.
, Web
,
Web.
, , .
URL, 
. (
NAME), . 

( 
). 
, :

,

, .
, copyright,
.

54

,  HTML
, BODY  
. , 
( ).
:
<FRAMESET COLS="value" | ROWS="value">
<FRAME SRC="url1">
<FRAME ...>
. . .
</FRAMESET>
FRAMESET , 
. 
. FRAME
. 
.
FRAMESET
<FRAMESET [COLS="value" | ROWS="value"]>
<FRAMESET> </FRAMESET>. ,
, <FRAME>, 
<FRAMESET> </FRAMESET>, 
<NOFRAMES>,
, .


WEB, WEB,

.

,
,
.

: ROWS
COLS.

 WEB
, .

ROWS=""
,
.
,
.
. 
( ).
ROWS , 
.


, , 
, BODY 
FRAMESET, HTML
, ,
.
<HTML>
<HEAD>...</HEAD>
<FRAMESET>...</FRAMESET>
</HTML>

ROWS

value


. 

55

,
, 
. , , ,
 ,
100% 
.

value%

1 100.
100,
100%. , 
, 100, 
.

value*

, value 
. * ,
.
* ( *,*),
.
,
( 
). , 3*,*,*, , 
3/5
1/5 .

COLS

COLS=""
, ROWS, , 
.
!
. , :
<FRAMESET ROWS="50%,50%" COLS "50%,50%">
.
:
<FRAMESET COLS="50,*,50">
, 50 , 
.

56

<FRAMESET ROWS="20%,3*,*">
, 20%
, 3/4 (.. 60%
), 1/4 (.. 20% ).
<FRAMESET ROWS="*,60%,*">
.
<FRAMESET> , .. :
<FRAMESET ROWS="50%,50%">
<FRAMESET COLS="*,*"
</FRAMESET>
</FRAMESET>
FRAME
<FRAME SRC="url" [NAME="frame_name"] [MARGINWIDTH="nw"] [MARGIN
HEIGHT="nh"] [SCROLLING=yes|no|auto] [NORESIZE]>
FRAMESET.
SRC="url"
URL , 
. , .
NAME="frame_name"
.

HTML ( ,
). .

TARGET.
MARGINWIDTH="value"
,
. 
value .

.
MARGINHEIGHT="value"
, MARGINWIDTH, 
.
SCROLLING="yes | no | auto"

. yes ,
, no , 

57

. Auto 
( ).
NORESIZE

. ,
, Windows. NORESIZE
. 
NORESIZE, 
.
NOFRAMES
, , 
,
, , . 
FRAMESET, ,
<NOFRAMES> </NOFRAMES> , 
.
:
<FRAMESET ROWS="*,*">
<NOFRAMES>
<H1> WEB !</H1>
</NOFRAMES>
<FRAMESET COLS="65%,35%">
<FRAME SRC="link1.html">
<FRAME SRC="link2.html">
</FRAMESET>
<FRAMESET COLS="*,40%,*">
<FRAME SRC="link3.html">
<FRAME SRC="link4.html">
<FRAME SRC="link5.html">
</FRAMESET>
</FRAMESET>

8.

:
,
?

58


( ). 
, NAME
. , , TARGET, 
, .
:
TARGET="windows_name"
:
TARGET A
TARGET. , 

( ), , . 
TARGET
. :
<A HREF="mydoc.html" TARGET="Frame1">
1 </A>
TARGET BASE
TARGET BASE
 ,
. , ,
. :
1
<FRAMESET ROWS="20,*">
<FRAME SRC="doc2.htm" NAME="Frame1">
<FRAME SRC="doc3.htm" NAME="Frame2">
</FRAMESET>
2
<HTML>
<HEAD>
<BASE TARGET="Frame2">
</HEAD>
<BODY>
<A HREF="url1"> </A>
<A HREF="url2"> </A>
</BODY>
</HTML>
TARGET AREA
TARGET 
.

59

:
<AREA SHAPE="circle" COORDS="100,100,50" HREF="http://www.softex
press.com" TARGET="Frame1">
TARGET FORM
. ,

.
<FORM ACTION="url" TARGET="window_name">
! () TARGET 
. ,

.

9.


. . 
, 
.
TARGET="_blank"
, , 
.
TARGET="_self"
, , 
, .
,
BASE.
TARGET="_parent"
, , 
, 
FRAMESET. , 
_self.
TARGET="_top"
, , 
, 
. 
.

60

10.
HTML
HTML ASCII

(, Emacs vi UNIX ,
IBM PC).

HTML

: , , ,
, , .
HTML 
, 
. minihtml.html:
<BODY>
<TITLE> HTML</TITLE>
<H1> 1</H1>
<H2> 1.</H2>
HTML! ,
.
<H2> 2.</H2>
</BODY>
, ,
<TITLE> </TITLE>. ()
<H1> </H1>.
(, , ..) <Hx> </Hx>,
x 2, 3, ... <P> ( HTML, 
, </P> ! ! 
!)
! HTML , 
: <title> <TITLE> <TiTlE>.
WWW. 
, . ( , 
.


:
<BODY> </BODY>.

61


HTML , 
, , 
(, ). 
56 .
().
:
<HEAD> <TITLE>

</TITLE> </HEAD>


HTML , 1 6
( ).
,
. 
<H1>. :
<Hx>

</Hx>
x 1 6, .

,
HTML .

, . ,
, <H2>?
1.</H2> HTML! ,
.

. Web 
, < P>. , 
HTML, 
, (
<P>). ,
HTML </P>,
, .
,
. , , ,

62

HTML. HTML+ 
, , 
, .


HTML 
. ( /
) , 
(). 
:
<A HREF=" "> ,
</A>.
:
HTML
HTML 
.html, 
, . ,
, . , 
, NJStats.html,
AtlanticStates :
<A HREF="AtlanticStates/NJStats.html">New Jersey</A>
. 
( ). , 

.

URL
URL Uniform Resource Locator.
, :
. URL
, .
: finger, archie .. 
URL.
online15.zip ftp ftp.simtel.ru 
/pub/doc/services/, URL :
file://ftp. simtel.ru/pub/doc/services/online15.zip. URL , 
: file://ftp.simtel.ru/pub/doc/services/, URL 
ftp ftp.simtel.ru : file://ftp.simtel.ru/
Gopher URL's , .
. , ,

63

gopher gopher.kiae.su URL: gopher://gopher.kiae.


su/. gopher 
( 70 ) 
: gopher://gopher.banzai.edu:1234/, 1234
.

64

HTML ,
.


, ,
URL , :

1. <A Href="http://www.simtel.ru/news/snews.http">News</A>
2. <A Href="aaa.html">AAA</A>
URL, .
URL
, .

<UL> <LI> <LI> </UL>


. ,
, 
B.
<A NAME = " 1"> 1</a> .
, A,
documentB.html ,
(#):
<A HREF = "documentB.html#1"> 1 </A> B.
, 1 , 
1 B.


, 
. , , 1
( B) <A HREF = "#1"> 1</A>
.


, HTML.
, HTML 
.

<UL><LI> </UL>
:

,
<UL> <OL>.
<OL> <LI> <LI> <LI> </OL>
.


<DT> <DD>. Web 
. :
<DT> NCSA
<DD> NCSA (National Center for Supercomputing Applications).
<DT> CTC
<DD> CTC (Cornell Theory Center).
</DL>

,
.
:
<DD><UL> </DD>
<DD><LI> : </DD>
<DD><UL> </DD>
<DD><LI> </DD>
<DD><LI>  </DD>
<DD></UL> </DD>
<DD><LI> : </DD>
<DD><UL> </DD>
<DD><LI> </DD>
<DD></UL> </DD>
<DD></UL>

65


, , 
, .
<PRE> . ( 
,
HTML.) ,
, :
#!/bin/csh
cd $SCR
cfs get mysrc.f:mycfsdir/mysrc.f
cfs get myinfile:mycfsdir/myinfile
fc 02 o mya.out mysrc.f
mya.out
cfs save myoutfile:mycfsdir/myoutfile rm *

66

, , , 
 <H1>, , 
. . ,
<STRONG>.
. , , ,
, , .
, .

<DFN> .

<EM> .

<CITE> ,
, ..

<CODE> ,
..
.

<KBD>
. .

, :

<ADDRESS> HTML/ / lenka@srdlan.npi.msu.su


</ADDRESS>
! <ADDRESS> .

<SAMP> .
.

<STRONG> .
.

<VAR> .

<ADDRESS> ,
c (, email ).
.


. : . 
,
.
, 
? 
: .
, SGML, . 
, SGML , , 
, ,
24 , .
( 
) ,
, 
Web .



, HTML.
:

<B>, </B> .

<I>, </I> .

<TT>, </TT> (
).


<, >, & " HTML , 
. 
.

67

, :

& lt; <

& gt; >

& amp; &

& quot; "

: :
& LT; & lt;.


<BR> ,
( 
).
:
<BR>
<BR>
:


<HR> 
.


Web X Bitmap
(XBM) GIF .

( ),

HTML.
, :
<IMG SRC=image_URL>
image_URL URL .gif .xbm , .
,
HREF.

68

, 
,
:

(
).


ALIGN =:
<IMG ALIGN=top SRC=image_URL>
:
ALIGN = MIDDL
ALIGN = CENTER


WWW, (, VT100
) .
, ALT =.
. :
<IMG SRC="logo.gif" ALT = "logo.gif">
"logo.gif".

,
,
WWW, ,
. 
:
HTML:
<HEAD>
TITLE> </TITLE>
</HEAD>
<BODY>
<H1> </H1>
HTML. .
<P> , HTML
. <I></I> .
<B></B> .
: <IMG SRC="1_cool.gif">
<P> , .
minihtml.html,

69

HTML: <A HREF="minihtml.html"> HTML</A>.<P>


<H2> </H2>
: <P>
<PRE> On the stiff twig up there Hunches a wet black rook
Arranging and rearranging its feathers in the rain ...
</PRE>
, :
<P>
<UL>
<LI>
<LI>
</UL>
. <P>
<ADDRESS>Irina Pankova (iii@vyt.hi.msu.au)</ADDRESS> </DD>
</BODY>

11.
HTML
WWW ,
, ,
WWW. 
WEB,
GUI, , , checkboxes, radiobuttons, ,
, ..
(SUBMIT
, ), ,
, HTTP 
, , 
CGI (Common Gateway Interface) .
,
<INPUT>. ,
VALUE .

<FORM>
</FORM>.
<FORM METHOD="get|post" ACTION="URL"> ____
_HTML </FORM>

70

METHOD
.

:
GET: URL,
. CGI (CGI
)
QUERY_STRING. GET .
POST: 
URL. CGI 
. 

; CON
TENT_LENGTH , 
. 
.
ACTION
ACTION URL, 
. URL CGI, 
.


TEXTAREA
<TEXTAREA> , 
( ).
<TEXTAREA>:
<TEXTAREA NAME="address" ROWS=10 COLS=50>, ,
.7, 1 </TEXTAREA>
, <TEXTAREA>
. </TEXTAREA>
, . :
NAME
ROWS
COLS
, 
 , <TEXTAREA>
</TEXTAREA>.

71

INPUT
<INPUT> 
. :
CHECKED , CHECKBOX RADIOBUTTON 
.
MAXLENGTH , 
. 

. SIZE.
MAXLENGTH SIZE, .
MAXLENGTH .
NAME . 
, , , 
, .
SIZE
.
SRC URL, (
IMAGE).
VALUE 
, RADIO (
RADIO )
TYPE .
. ,
:
CHECKBOX
(BOOLEAN) .
, , 
CGI, ON
OFF.
HIDDEN

.
CGI 
, ID , .
IMAGE

.  

72

CGI.
, NAME 
: ,
NAME .x . 
X (
), 
, , NAME
.y, Y. VALUE 
. SRC
<IMG>.
PASSWORD
, TEXT, 
.
RADIO

.
TYPE=RADIO 
VALUE, NAME.
CGI NAME=VALUE,
VALUE VALUE , 
( ). 
RADIO
( NAME) .
RESET
,
, .
SUBMIT
, 
CGI ( URL), . 
VALUE , .
TEXT
. 
MAXLENGTH SIZE 

( 20 ).

73


,
LISTBOX. :
Select 
, OPTION. 
LISTBOX.
Select single , Select,
. , 
.
Select multiple LIST?
BOX.
SELECT
SELECT 
. 
.
SELECT 
<SELECT> </SELECT>. ,
. <SELECT>:
<FORM>
<SELECT NAME=group>
<OPTION> AT 386
<OPTION> AT 486
<OPTION> AT 586
</SELECT>
</FORM>
SELECT SINGLE
SELECT SINGLE , Select,
(
). , 
. 
SIZE. :
<FORM>
<SELECT SINGLE NAME=group SIZE=4>
<OPTION> AT 386
<OPTION> AT 486
<OPTION> AT 586
<OPTIONS> Pentium PRO
</SELECT>
</FORM>

74

SELECT MULTIPLE
SELECT MULTIPLE SELECT SINGLE, 
.
SIZE
, MULTIPLE 
. :
<FORM>
<SELECT SINGLE NAME=group SIZE=4 MULTIPLE=2>
<OPTION> AT 386
<OPTION> AT 486
<OPTION> AT 586
<OPTIONS> Pentium PRO
</SELECT>
</FORM>
, 

NAME=VALUE NAME, VALUE.



,
.
! 
WEB, , , ,
!
:
<FORM ENCTYPE="multipart/formdata" ACTION="url" METHOD=POST>
:
<INPUT NAME="userfile" TYPE="file">
<INPUT TYPE="submit" VALUE=" ">
</FORM>
<FORM action="http://pandemonium.cs.nstu.ru/~gun/docs/sites.htm"
encType="multipart/formdata" method="post">
:
<INPUT name="userfile" type="file">
<INPUT type="submit" value=" ">
</FORM>

75

12.
HTML 4.0

Web , 
.

HTML, , , ,
Web , 
, , 
. . 

, , World Wide Web
Consortium (W3C) ( , Web) 

HTML.
, , HTML 
, .
Web
. 
Microsoft Internet
Explorer Netscape Navigator. HTML
. 

Web.
1996 . W3C HTML 3.2. 

Microsoft Netscape, 
. ,
, ,
HTML. 
, Cougar
(),
HTML . ,
, Microsoft Netscape

HTML. 

Web.

76

,
HTML 4.0. 

. 
. HTML,
,
. ! ,
XML (Extensible Markup Language), 
HTML . , 
HTML XML , 
.

HTML
HTML
, (container
, 
, :
<CENTER>...</CENTER>
) . 
Web
, 
, 
.
, Netscape ( 
Mosaic Communications Corp.)
HTML; 2.0
( Netscape). ,
Web,
HTML.
, Microsoft
Internet Explorer , Web,
Internet Explorer
Navigator.
.
, HTML 
. 
( ),
,
( ). 

Microsoft Netscape,

77

.
Microsoft, Netscape , 
 , 
W3C 
HTML. HTML 3.2
.
HTML 4.0 . 
,
, 

HTML. HTML 4.0 
XML, . 
object.
OBJECT , 
, 
. , , 
,
 .
OBJECT
: , 
; 
. 
;
, .
OBJECT
. IMG, 
. 
,
, IMG 
. :
<IMG SRC=http://www.mycomputer.com/images/
1997/meeting01.jpg>

<OBJECT data="http://www.mycomputer.com/
images/1997/meeting01.jpg" type="image/jpg">

, HTML 4.0.
, APPLET, , 
:

78

<APPLET code="songviewer.class" width="550" height="600">Click


here to view the sheet music in a Java applet</APPLET>
<OBJECT codetype="application/octetstream"
classid="java:songviewer.class" width="550" height="600">Click
here to view the sheet music in a Java applet</OBJECT >
, 
. 
OBJECT? , ,
HTML 
: HTML 
;
HTML. HTML
.
, , 
, , Download (
), , 
. OBJECT
MIME, 
, . 
, 
OBJECT
, Microsoft Netscape
.
, OBJECT HTML 
.
;
OBJECT; 
, . , 
, 
. ,
,
. :
, ,
,

OBJECT.
. HTML
XML, ,
Document Type Definitions (DTDs) ( ).
HTML DTD.
XML DTD ,

79

,
OBJECT HTML.
OBJECT , , , 
, .



, HTML, .
. 
HTML
, 
. , ,
, 
, ..
HTML 4.0
. , accesskey
;
, 
HTML. Submit () Reset ()
( BUT?
TON); disabled ()
, .. 
. , 
LABEL, FIELDSET 
.
readonly ( ).
onchange?INPUT .
, , ,
HTML, 
. Submit

. HTML 4.0 
,
.


HTML, , 

. HTML 4.0

. , align

80

,
, char 
. 
, align char 
. frame rules
.
(, ); 
, rules, ,
.
COLGROUP 
, 
, , ,
. 
, 
. , THEAD TFOOT 
TBODY, ,
, 
, .


<SCRIPT> HTML 4.0 
. URL ,
, , 
. :
JavaScript VBScript. META

. , ,
intrinsic event, ,
(, ).
SCRIPT
. , 
, 
 . ,
, 

. 
,
, .
, , ,

. ,
.

81


() HTML
. .
HTML 4.0 
HTML . 
. :
<IFRAME src="info.html" width "300"
height "500" scrolling="auto" frameborder="2"></IFRAME>
HTML, 
,
(src=filename.html) 
.
frame, noresize, 
.


, HTML 4.0
. , . 
Web , 
. 
. HTML 4.0
RFC 2070 Internationali
zation of the HyperText Markup Language ( 
),
ISO/IEC:10646. 
.
, HTML 4.0 CSS (Casca
ding Style Sheets ). W3C 
CSS,
. 
CSS ,
. CSS
, , 
.
Web.

HTML. 4.0
, ,
, , , 
. , Web 
, .

82

HTML 4.0
,
, 
.
HTML
, 
.
ISO/IEC:10646 
HTML. 
, 
, ,
.
HTML 
. 
, 
, , ..

Web ,
, , 
. HTML ,
Web 
. HTML 4.0 , 
:

,

HTML.

,
,
,
SELECT .


( OBJECT).


( MAP),
.

,
IMG, .

83

84

title lang
.


, HTML .

ABBR ACRONYM.

(,
..)
.


.

, ,

.

, ,
..

, , 
, :
HTML 
.


(, ).

( )
.


HTML
HTML. OBJECT (
, , IMG APPLET) 
, , 
, , 
.

, .


. HTML 3.2
, 
.
. 
, 
 .
, World Wide Web
Consortium 
HTML. ,
, .

.

Web
(, ,
) HTML
.
,
HTML, .


. , 
HTML LINK
(Resource Description Language RDF)
W3C.


HTML 
HTML . 
, 
, , ..


HTML,
. 
, HTML, 3.2 4.0,
. , Internet
Explorer Netscape Navigator, 

85

HTML, 

HTML, web.
, 
, , .


HTML .
, . ,
Netscape Navigator 2.0.
.
, HTML 4.0 
, .
web
, 
. 
. ,
web (
). (inline)
iframe. 
,
.
iframe. src
, .

500 325 :
<iframe src="samples.html" width="325" height="500"
align="right"></iframe>
,
frameborder .
1, , 0,
. 
.
. , iframe
,
HTML 4.0. 
iframe. :
<iframe src="samples.html" width="325" height="500"
frameborder="0">

86

<P>Normally, a product sample is displayed in this space.


However, your browser doesn't support HTML 4.0.</P>
</iframe>
HTML 4.0
, , iframe. 
: ,
, . 
. 
name. target
.

name
<HTML>
<HEAD>
<TITLE>Inline Frames Example</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<DIV>
<H1 align="center">Calculators R Us</H1>
<IFRAME name="samp" src="samples.html" width="325" height="500"
align="right" frameborder="0">
</IFRAME>
<P> 500 , 
. .
25% . :
</P>
<A href="feature1.html" target="samp"> S5000 Scientific Plus</A>
<BR>
<A href="feature2.html" target="samp"> E2800 Engineering Max</A>
<BR>
<A href="feature3.html" target="samp"> M3500 Statistical
Plus</A></P>
</DIV>
</BODY>
</HTML>

object, 

, , Java, , 
.
. object

87

applet, img embed.


.
.
object 
, 
, , img applet. ,

web, ,
. ,  object
HTML. , HTML
4.0 object
web .
, HTML 4.0,
<object>, , 
,
. 
object .
< object> 
, <object>,
:
<object data="cougar.bmp" type="image/bmp">
<embed src="cougar.bmp">
</object>

,
HTML 3.0, HTML 4.0,
. ( 
) . , 
, .
th td
, , 
. : colgroup 
, 
, col .

, ( ) 
.
, .
,
. width, cellhalign cel?

88

lvalign ,
, span
, .
, 
.

. ,
( ) ,
.
width table. ,
,
thead, tfoot tbody.
,
.

. ,
, 
, 
. 
.
. header ()
footer ( ) ,
. 
, ,
. ,
end,
.
COLGROUP COL
//
<COLGROUP>
<COL width="100">
<COL width="100">
<COL width="100">
<COL width="75">
<COL width="75">
<COL width="75">
</COLGROUP>
// span
<COLGROUP>
<COL span="3" width="100">
<COL span="3" width="75">
</COLGROUP>

89

//
//
<COLGROUP span="3" width="100">
</COLGROUP>
<COLGROUP span="3" width="75">
</COLGROUP></xmp>

</P>
<xmp>
<TABLE BORDER=2 WIDTH=50%>
<COLGROUP>
<COL width="100">
<COL width="75">
<COL width="75">
<COL width="75">
</COLGROUP>
<THEAD>
<TR> <TH> </TH> <TH>1996</TH> <TH>1997</TH> <TH>1998</TH> </TR>
</THEAD>
<TFOOT>
<TR><TD>
.</TD></TR>
</TFOOT>
<TBODY>
<TR> <TH> 1</TH> <TD>252</TD> <TD>267</TD> <TD>289</TD>
</TR>
<TR> <TH> 2</TH> <TD>194</TD> <TD>197</TD> <TD>205</TD>
</TR>
<TR> <TH> 3</TH> <TD>212</TD> <TD>225</TD> <TD>234</TD>
</TR>
<TR> <TH> 4</TH> <TD>145</TD> <TD>176</TD> <TD>179</TD>
</TR>
<TR> <TH> 5</TH> <TD>167</TD> <TD>182</TD> <TD>193</TD>
</TR>
<TR> <TH> 6</TH> <TD>185</TD> <TD>201</TD> <TD>205</TD>
</TR>
<TR> <TH> 7</TH> <TD>197</TD> <TD>207</TD> <TD>213</TD>
</TR>
. . .
<TR> <TH> 52</TH> <TD>203</TD> <TD>221</TD> <TD>279</TD>
</TR>
</TBODY>
</TABLE>

HTML, ,
,

90

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

, Tab 
. 
tabindex .
<form action="cgibin/data.pl" method="post">
<P>Name: <input tabindex="1" type="text" name="userName"></P>
<P>Email: <input tabindex="2" type="text" name="userEmail"></P>
<P>Phone: <input tabindex="3" type="text" name="userPhone"></P>
<P><input tabindex="4" type="submit">
<input tabindex="5" type="reset"></P>
</form>
Tab, 
userName, userEmail .. 
0 32767.
.
. 

. , userName 
N, , , .
. Microsoft
Windows, ,
Alt. , userName Windows,
Alt?N. 
,  , ,
.

accesskey,
,
. HTML 4.0. ,
. 
for. 
id .

91


:
<form action="cgibin/data.pl" method="post">
<label for="name" accesskey="N">Name: </label>
<input id="name" type="text">
<label for="email" accesskey="E">Email: </label>
<input id="email" type="text">
<label for="phone" accesskey="P">Phone: </label>
<input id="phone" type="text">
<P><input accesskey="S" type="submit"> <input accesskey="R"
type="reset"></P>
</form>
: button. 
, Reset
Submit . , 
( ). 
, , 
. ,
<button> </button>.
,
Submit Reset button.

:
. . .
<button tabindex="4" accesskey="S" name="submit" type="submit">
Enter your name in the database! <img src="go.gif" alt="Submit
it!">
</button>
<button tabindex="5" accesskey="R" name="reset" type="reset">
Start over! <img src="ohno.gif" alt="Try again!">
</button>
,
button.
. 
button submit reset:
<button name="submit" type="submit">
<input type="submit"></button>
<button name="reset" type="reset">
<input type="reset"></button>

92


Web, HTML
.
. , HTML 4.0
.

web. meta 
.
Conte
, 
HTTP, web
. 
MIME.
VBScript text/javascript ( JavaScript), 
, , text/tcl (
TCL).

JavaScript, :
<meta httpequiv="ContentScriptType" content="text/javascript">
script
,
language HTML .
type,
MIME , ,
<script type="text/vbscript" >
, , type

. , , ,
type , .
, ,
, HTML
. 
. 
(, ),
(, 
). ,
. ,
, , ,
, .

93

.
, onclick onkeypress.
.
,
onmouseover :
<a href="main.html" onmouseover="show('
')">Main</a>
,
show(), . 
, ,
.
, HTML 4.0, 
. 
, , 
.
web ,
.


(CSS, cascading style sheets) 
, web.

,
. web

HTML. ,
bgcolor body. 
center ..
,
, 
. 

HTML,

. , 
HTML, . 
font, ,
. basefont ( 
), center (
) , , u
() s ( ).

94


, 
, .
HTML, ,
. ,
, , 
, 
. 
.
listing ( ),
plaintext ( ) xmp (examples).
pre, 
. , big (
), small ( ), tt ( ), i (), b
(). 
, 
.
, , 
. , background, bgcolor, link, text,
alink vlink body. border (
), clear ( ), noshade ( ).
. ,
, , , 
.


HTML 4.0
(Document Type
Definition, DTD). ,
. HTML 4.0
DTD: , .
HTML 4.0 , web
.
DTD. 
DTD, , HTML 4.0
DTD.
DTD ,
. 
, web
. DTD
/ , 

95

96

. , 
DTD. HTML 4.0, 
web DTD, 
:

( ) 
, , :

<!doctype HTML public "//W3C//DTD HTML 4.0//EN"


"http://www.w3.org/TR/REChtml40/strict.dtd">
DTD 

( 
DTD). 
/. web
:

<A HREF="ftp://:"> FTP . 


.

<!doctype HTML public "//W3C//DTD HTML 4.0 Transitional//EN"


"http://www.w3.org/TR/REChtml40/loose.dtd">
DTD web
. , 
DTD, , 
. DTD :
<!doctype HTML public "//W3C//DTD HTML 4.0 Frameset//EN"
"http://www.w3.org/TR/REChtml40/frameset.dtd">

13.

<A> .
(), 
.
NAME HREF.
:
HREF
HREF,
<A> . 
, , (URL)
HREF.
#
. <A>,
NAME .

.

<A HREF="http://:"> WWW.

<A HREF="mailto::">
( ).
(NCSA Mosaic) 
TITLE ,
(subject) . sub?
ject :
<A HREF = "mailto:nsolov@mail.ru?subject = The HTML Help is a
greatest book"> </A>
MS IE 4 
:
<A HREF = "mailto:nsolov@mail.ru?subject = 
&body = "> </A>
,
.
<A HREF="news::">
<A HREF="view?source://...">
NetScape, (HTML )
.
NAME
,
.
. 
,
. :
# NAME.
#top
.
TITLE
( 
mailto). 
,
.
IE.

97

98

URN

.
TARGET
,
. 
, .
, ,
,
.
TARGET :

Window_name ,
.

,
.

<A HREF="url.htm" onclick="javascript:return false">Link text</A>



<A HREF="url.htm" LANGUAGE="Javascript" onclick="return
false">Link text</A>
. 
.
LANG
,
<A>.
ISO.
CLASS

(CSS) .

_self

ID

_parent

_top .

_blank ,
.

ACCESSKEY

, .. ALT+ ACCESS?
KEY, Windows . 
, 
, :
<A HREF="new.htm" ACCESSKEY="W">W<SPAN STYLE="
{textdecoration:none}">hat's New</SPAN></A>
,
. IE.
LANGUAGE
LANGUAGE Javascript Vbscript,
.
,
.

STYLE
, 
:
<A STYLE = "color : #00" HREF = "http://www.microsoft.com">
http://www.microsoft.com/ </A>


REL
REV
METHOD
DATAFLD
DATASRC

14.
<A>,
<A>
(<A HREF=:>)
, :

99

100

className

datasrc (Internet Explorer 4.0+)

document

hash (Internet Explorer 3.0+, Netscape 2.0+)

id

host (Internet Explorer 3.0+, Netscape 2.0+)

innerHTML

hostname (Internet Explorer 3.0+, Netscape 2.0+)

innerText

href (Internet Explorer 3.0+, Netscape 2.0+)

isTextEdit

Methods (Internet Explorer 4.0+)

lang

name (Internet Explorer 3.0+, Netscape 2.0+)

language

pathname (Internet Explorer 3.0+, Netscape 2.0+)

offsetHeight

port (Internet Explorer 3.0+, Netscape 2.0+)

offsetLeft

protocol (Internet Explorer 3.0+, Netscape 2.0+)

offsetParent

rel (Internet Explorer 4.0+)

offsetTop

rev (Internet Explorer 4.0+)

offsetWidth

search (Internet Explorer 3.0+, Netscape 2.0+)

outerHTML

target (Internet Explorer 3.0+, Netscape 2.0+)

outerText

urn (Internet Explorer 4.0+)

parentElement

parentTextEdit

sourceIndex

style

tagName

blur (Internet Explorer 4.0+)

title.

focus (Internet Explorer 4.0+)

,
<A HREF=:>.
( <A HREF=":" onmouse?
over="Javascript::">), ID , 
Links.
, 
DHTML IE4.
.

accessKey (Internet Explorer 4.0+)

datafld (Internet Explorer 4.0+)

<A>
DHTML, click, contains,
getAttribute, insertAdjacentHTML, insertAdjacentText, removeAttribute,
scrollIntoView, setAttribute, <A>
:

<A>
DHTML, onclick, ond?
blclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup,
onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onselect?
start, <A> :

onblur (Internet Explorer 4.0+)

onfocus (Internet Explorer 4.0+)

101

102

15.
HTML 4.0

16.
SGML HTML

HTML 4.0
.

SGML . 
, , 
. HTML
. HTML:


HTML SGML, 
. HTML 

, , . ,

, 
.. .

Web
Web 
, ,
, 
: ,
.. ,

. HTML (, alt, 
accesskey ..)
,
.

, 
.


HTML 4.0
. ,
( TABLE).

.

<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.0//EN"


"http://www.w3.org/TR/REChtml40/strict.dtd">
<HTML>
<HEAD>
<TITLE>My first HTML document</TITLE>
</HEAD>
<BODY>
<P>Hello world!
</BODY>
</HTML>
HTML ( 
<HEAD> </HEAD>) ( <BODY>
</BODY>). (
),
. ,
<P>.
, SGML, 
SGML. SGML :
SGML
, 
.
(DTD)
DTD . DTD
, , character entity refer?
ences.
, ,

,
DTD. 
() . 
DTD, .

103

HTML 4.0 SGML, 


character references.

SGML, HTML

SGML ,
. HTML 
, , ,
, , ..
: 
, .
( <
>) ( </>);
. ,
UL :
<UL>
<LI><P>... 1...
<LI><P>... 2...
</UL>
HTML
(, P and LI).
; , HEAD
BODY. HTML DTD ,
.
HTML . 
, BR 
; . 
.
, (
) , , 
.
. 
, , (, 
, 

SGML.
, :
<P> .</P>
... ...

104

<P> .
... ...
<P>
. , , :
<DIV>
<P> .
</DIV>
( </DIV>) 
<P>.
. 
. , , ( , 
) . , HEAD ,
HEAD .

, 
, (
). /
> .
() /,
. .
H1 id:
<H1 id="section1">
, id
</H1>
SGML , 
( ASCII 34)
( ASCII 39). 
,
, .
(&#34;) 
(&#39;).
character entity reference &quot;.

. (az
AZ), (09), ( ASCII 45)
( ASCII 46). 
.

105

.
, 
.



, HTML.
,
.
&
;. :
"&lt;"
<.
"&gt;"
>.
"&quot;"
".
"&#229;"
( ) @.
"&#1048;"
( ) I.
"&#x6C34;"
( ) .

HTML :
<! >
<! ,
>
(<!) 
() ,
() 
(>). 
() . 

.

(, ).

106

17.
HTML DTD

.
DTD ,
,
.

DTD
DTD . DTD
, ,
<!ELEMENT PARAM O EMPTY  >

PARAM. DTD 
.

Parameter entity
HTML DTD parameter entity. 
parameter entity , 
DTD.
HTML, DTD. , 
,
HTML .
parameter entity DTD , 
.
parameter entity
<!ENTITY %, entity, , 
entity >.
parameter entities DTD %, param?
eter entity ;.
, 
%fontstyle;.
<!ENTITY % fontstyle "TT | I | B | BIG | SMALL">
, parameter entity, 
parameter entity. 
. %inline; parameter entity
%fontstyle;, %phrase;, %special; %formctrl; parameter entities.

107

<!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; |


%formctrl;">
HTML DTD DTD entities:
%block; %inline;. , 
block?level inline elements .

108


, 
. :


(, UL
LI, P
P).

DTD entities (, LABEL


%inline; parameter entity).

( SGML
#PCDATA). .
, &
(, Herg&eacute;'s adventures of Tintin
character entity e
).


HTML DTD 
. <!ELEMENT 
>. :


, 
. ,
O, , . O 
, , .

. 
. , 
, .
EMPTY.
:
<!ELEMENT UL (LI)+>
UL.
, <UL> 
</UL> .

LI. 
IMG:
<!ELEMENT IMG O EMPTY>
, O, , 
,
EMPTY, , 
.
EMPTY ,
.


:
( ... )
.
A | B
A B, .
A , B
A B .
A & B
A B .
A?
A .
A*
A .
A+
A .
HTML DTD:
<!ELEMENT UL (LI)+>
UL LI.

109

110

<!ELEMENT DL (DT|DD)+>
DL DT
DD .

, , CDATA,
SGML. CDATA , 
.

<!ELEMENT OPTION O (#PCDATA)>


OPTION entities
&amp; SGML #PCDATA.

HTML
SGML .
. 
.
?(A) , A
A ( ).
<!ELEMENT A (%inline;)* (A)>
, A DTD parameter enti?
ty %inline;, ?(A). 
FORM :
<!ELEMENT FORM (%block;|SCRIPT)+ (FORM)>


, ,
<!ATTLIST. in question,
>. 
, :

.
, DTD,
. (
#IMPLIED), 
(
); (
#REQUIRED); (
#FIXED).
.
MAP.
.
<!ATTLIST MAP
name CDATA #IMPLIED
>


rowspan NUMBER 1
 number of rows spanned by cell 
httpequiv NAME #IMPLIED  HTTP response header name 
id
ID
#IMPLIED  documentwide unique id 
valign (top|middle|bottom|baseline) #IMPLIED
rowspan NUMBER. 
1.
http?equiv NAME. 
id ID. valign 
{top, middle, bottom, baseline}.
DTD entities
parame?
ter entity.
, 
LINK %attrs; parameter entity.
<!ELEMENT LINK O EMPTY
 a mediaindependent link >
<!ATTLIST LINK
%attrs;
 %coreattrs, %i18n, %events 
charset %Charset; #IMPLIED  char encoding of linked resource

href %URI;
#IMPLIED  URI for linked resource 
hreflang %LanguageCode; #IMPLIED  language code 
type %ContentType; #IMPLIED  advisory content type 
rel
%LinkTypes; #IMPLIED  forward link types 
rev
%LinkTypes; #IMPLIED  reverse link types 
media %MediaDesc; #IMPLIED  for rendering on these media 
>
Start tag: required, End tag: forbidden
%attrs; parameter entity :
<!ENTITY % attrs "%coreattrs; %i18n; %events;">
%coreattrs; parameter entity %attrs; 
:
<!ENTITY % coreattrs
"id
ID
#IMPLIED  documentwide unique id 
class CDATA
#IMPLIED  space separated list of classes 

111

style %StyleSheet; #IMPLIED  associated style info 


title %Text;
#IMPLIED  advisory title/amplification "
>
The %attrs; parameter entity ,
HTML.
DTD %URI; parameter entity
CDATA.
<!ENTITY % URI "CDATA"
 a Uniform Resource Identifier,
see [URI]
>
, parameter entity %URI; 
DTD , , 
. entities %Color;,
%Charset;, %Length;, %Pixels; ..
Boolean attributes
(
, selected OPTION). 
, .
.
: 
(, selected="selected").
selected .
selected (selected) #IMPLIED  reduced interitem spacing 
,
:
<OPTION selected="selected">
...contents...
<OPTION>
HTML 
. 
, selected , :
<OPTION selected>
:
<OPTION selected="selected">
,
.

112

18.
HTML
SGML 
( HTML) 
.
:

, A, 
I, ..

.
SGML ( HTML)
. 
; ,
ASCII 65, 66 67 A, B C 
.
ASCII 
, Web, HTML 
,
(Universal Character Set UCS). 
, .
Unicode 2.0.
,
, 
Web. HTML Unicode 
, .
, , , 
HTML

. 
, 
.



( ). 

113

. charset
,
, 
.
charset ,

.
Web: HTML 
; 
.

.

. 
(, UCS4),
.

(, ) 
HTML ,
, 
. 
, ,
, . ,
,
. , 
.
( 
)
HTTP Accept?Charset. 
, 
.
Web :

ISO88591 ( Latin1;
)

ISO88595 ( )

SHIFT_JIS ( )

EUCJP ( )

114

UTF8 ( ISO 10646, 


).

, , 
, SHIFT_JIS, Shift_JIS shift_jis .

Unicode , 
.

HTML UTF16 (charset=UTF16), 
(bigendian,
) ISO10646 UNI
CODE.
, 
, UTF16,
(
FEFF, (Byte Order
Mark BOM)),
FFFE, . , , 
FFFE 
, .
UTF1.

,
? 
.
Web
,
. Web 

charset, , 
charset.
, ?
. 

charset Content?Type HTTP. 
, HTTP ,
EUCJP:
ContentType: text/html; charset=EUCJP

115

HTTP ISO88591
, charset Content?Type 
. , 
charset,
. 

charset.

HTML 
; 
META.
, ,
EUCJP, META:
<META httpequiv="ContentType" content="text/html;
charset=EUCJP">
META , 
, ASCII
( , META). META
HEAD.
, HTTP, META 
, HTML 
charset . ,
, ,
, .
, 
( ) 

:

charset HTTP Content?Type.

META, http?equiv
Content?Type charset.

charset ,
.

, 
. ,

, .

116


, ,
.
, 
.
, 
, , Web
charset.
 ,
, 

. 
.



. 
,
, 
SGML.
.
HTML :

( 
).

; 
.
HTML ,
, .
SGML 
; (, 
).
(,
).
;
, .

117



. 
:

118

, 
:
&lt;
<.

&#D;, D ,
Unicode D.

&gt;
>.

&#xH; &#XH;, H
, Unicode
H.
.

&amp;
&.

:
&#229;
() a (
, , ).
&#xE5;
() .
&#Xe5;
() .
&#1048;
() I.
&#x6C34;
() .


, HTML character entity references. 
, 
. , &aring; 
a ; &aring;
, &#229;.
HTML 4.0 character entity reference 
. , I character entity refer?
ence.
. , &Aring;
(A ),
&aring; (a ).

&quot;
".
, <, 
&lt; ( ASCII 60) 
( 
). &gt; ( ASCII 62)
>, , 
( 
).
&amp; ( ASCII 38)
& (
entity reference).
&amp; , 
CDATA .
character entity reference &quot;
("), 
.


, 
, ,  
, 
..
,
.

, .
, ,
, :

119

,
.


,
( ) ,
.

HTML

. 
:
CS
(  
a A).
CI
( 
a A).
CN
, ,
.
CA

.
,
, .

SGML

HTML
SGML (, PCDATA, CDATA, NAME, ID ..).
:
CDATA
, character entities. 
:

character entities ;

120


CDATA (, myval
myval).
.
HTML 4.0
CDATA 
, DTD.
STYLE SCRIPT CDATA
,
CDATA . entities 
.
</ ( )
. 
.
ID NAME (AZ, az), 
, (09), (
), (_), (:) (.).
IDREF IDREFS ID, 
. IDREF , IDREFS
.
NUMBER
(09).


(%Text; DTD) , 
.
URI
URI URL. URI
URI URI. URI DTD 
%URI;.
URI . URI, URI,
(, ),
.
, URI ( ).

121

122

color (%Color;) 
. (
)
. .

,
.


,
.

RGB
Black = #000000
Green = #008000
Silver = #C0C0C0

, BODY FONT bgcolor


 ( , Mac,
Windows LCD CRT), 
. 
ICC .

Lime = #00FF00

Gray = #808080

Olive = #808000

HTML :

White = #FFFFFF
Yellow = #FFFF00
Maroon = #800000

(%Pixels; DTD) ,
( , ). , 50
.

Navy = #000080
Red = #FF0000
Blue = #0000FF
Purple = #800080
Teal = #008080
Fuchsia = #FF00FF
Aqua = #00FFFF
, #800080 Purple
.


,
:

HTML
.
.

(%Length; DTD) %Pixel; 


. ,
50% .

(%MultiLength; DTD) %Length; 


. i*, i 
. , 
,
, ,
.
,
, *. * 1*.
, 60 ,
, 
, 1*, 2* 3*;
1* 10 , 2* 20 , 3* 30 .
.

123

124

( MIME)

. 

. ,
, .


(01 ..)
(01 31)

DTD %ContentType;.

(00 23)

(00 59)

text/html, image/png,
image/gif, video/mpeg, audio/basic, text/tcl, text/javascript
text/vbscript.

(00 59)

text/css, IANA,
,
.


, (%Langu?
ageCode DTD), . 
.
.


charset (%Charset DTD)
. (, euc?jp) 
IANA.
.



. %Character DTD.

(, &amp;).


ISO
.
/ (%Datetime DTD) :
T::

Z
UTC ( ). Z
.
+:
,
UTC .
:
,
UTC.
, 
. , T
( ),
.

, 00 ( 
).



, .
DTD %LinkTypes , 
. .
, .. Alternate
, alternate.

125

, ..
. , 

.
Alternate
, 
. lang
. media ,
.

126

Chapter
, .
Section
, 
.
Subsection
, 
.

Stylesheet
. 
Alternate , .

Appendix
, 
.

Start

Help

.
, 
.

, ( 
, ..)

Next

. next
.
Prev

. Previous.
Contents
, . 
ToC ( Table of Contents).
Index
, 
.
Glossary
, 
.
Copyright

.

Bookmark
.
. title , ,
. , 
.
, 
. 
,
.



(%MediaDesc DTD).
screen
, 
.
tty

, , 
.

127

tv

128

( ,
, ).
projection
.
handheld
( , 
, , ).
print
, 
, 
.
braille
.
aural

"screen"
"3dglasses"
"print"

. 
. screen
print.

(, CSS @media).
media=all.


(%Script; DTD) 
SCRIPT .
HTML, 
.
.

.
all
.
HTML
.

media 
:
. 
,
media="screen, 3dglasses, print and resolution > 90dpi"
:
"screen"
"3dglasses"
"print and resolution > 90dpi"
, 
US ASCII (az, AZ) ( Unicode
6590, 97122), (09) ( Unicode 3039)
(45).

, , 
, , , 
, .


(%StyleSheet; DTD) 
STYLE style.
HTML.
.
, ,
, , 
, , .


, 
(%FrameTarget; DTD) 
(az, AZ). 
.
target names
.

129

130

_blank
.

</BODY>
</HTML>

_self

HTML

, 
.

HTML
HTML. 
(DTD), .

_parent

FRAMESET.
_self, .

HTML 4.0 DTD,


.
DTD .

_top
(
). _self,
.

19.

HTML 4.0 :

, HTML

( HEAD)

, .
BODY
FRAMESET.


(, , 
). 2 3
HTML.
HTML:
<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REChtml40/strict.dtd">
<HTML>
<HEAD>
<TITLE> HTML</TITLE>
</HEAD>
<BODY>
<P> !

HTML 4.0 Strict DTD ( ) 


,
. , DTD, 
:
<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/RECtml40/strict.dtd">
HTML 4.0 Transitional DTD ( )
, DTD, 
( 
). , DTD, 
:
<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REChtml40/loose.dtd">
HTML 4.0 Frameset DTD ( ) ,
DTD, . , 
DTD, :
<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.0 Frameset//EN"
"http://www.w3.org/TR/REChtml40/frameset.dtd">
URI
DTD entity sets. URI
DTD entity sets HTML 4.0, W3C:
"http://www.w3.org/TR/REChtml40/strict.dtd"
DTD
"http://www.w3.org/TR/REChtml40/loose.dtd"
DTD
"http://www.w3.org/TR/REChtml40/frameset.dtd"
DTD ,

131

"http://www.w3.org/TR/REChtml40/HTMLlat1.ent"
Latin1 entities
"http://www.w3.org/TR/REChtml40/HTMLsymbol.ent"
Symbol entities
"http://www.w3.org/TR/REChtml40/HTMLspecial.ent"
Special entities

, , 
SGML.

HTML
<!ENTITY % html.content "HEAD, BODY">
<!ELEMENT HTML O O (%html.content;) 
>
<!ATTLIST HTML
%i18n;
 lang, dir >
: , : .

= cdata[CN]
. HTML
DTD, . 
, 
, .
,
lang ( ), dir ( )

HTML HTML. , 
HTML :
<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REChtml40/strict.dtd">
<HTML>
... , ....
</HTML>


HEAD
<! %head.misc;,
"SCRIPT|STYLE|META|LINK|OBJECT" >
<!ENTITY % head.content "TITLE & BASE?">

132


<!ELEMENT HEAD O O (%head.content;) +(%head.misc;)
>
<!ATTLIST HEAD
%i18n;
 lang, dir 
profile %URI;
#IMPLIED  >
: . : .


profile = uri [CT]

, . 
, , 
URI.
,
lang ( ), dir ( )
HEAD , 
, , 
, , 
.
HEAD. 
HEAD 
.
TITLE
<! TITLE .
, ,
. . >
<!ELEMENT TITLE (#PCDATA) (%head.misc;)  document title 
>
<!ATTLIST TITLE %i18n>
: . : .
,
lang ( ), dir ( )
HTML TITLE
HEAD.
TITLE
.
, 
. ,
, , 
.

133


TITLE ( 
TITLE ). (, 
). character
entities ( , ..),
. 
:
<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REChtml40/strict.dtd">
<HTML>
<HEAD>
<TITLE> </TITLE>
... ...
</HEAD>
<BODY>
... ...
</BODY>
</HTML>

title

title = text [CS]
,
. TITLE, 

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

<A href="http://someplace.com/neatstuff.gif" title="Me scuba div
ing">

</A>
... ...

134

title
LINK .

HTML 
.

HTML
.
, ,
META :
<META name="Author" content=" ">
META ( Author ()) 
( ).

, .
, , 

author, copyright, keywords ..

:

.
:

META.


LINK.

,
.
HEAD.

,
HEAD, META LINK 
.

.

135

META
<!ELEMENT META O EMPTY
<!ATTLIST META

 >

%i18n;
 lang, dir, 
httpequiv NAME
#IMPLIED  HTTP 
name NAME
#IMPLIED  
content CDATA
#REQUIRED 
scheme CDATA
#IMPLIED  
>
: . : .


:
name = name [CS]
.
content = cdata [CS]
.
scheme = cdata [CS]
,
.
httpequiv = name [CI]
name. 
HTTP
HTTP.
,
lang ( ), dir ( )
META
(, , ,
..) .
META /.
name , content .
,
Author:
<META name="Author" content=" ">

136

lang META 
content.
.
:
<META name="Author" lang="fr" content="Arnaud Le Hors">
META . 
HTML 

META : TITLE, ADDRESS, INS
DEL, title cite.
, META,
URI,
LINK. , :
<META name="DC.identifier"
content="ftp://ds.internic.net/rfc/rfc 1866.txt">
:
<LINK rel="DC.identifier"
type="text/plain"
href="ftp://ds.internic.net/rfc/rfc1866.txt">

META HTTP
http?equiv name;
,
(HTTP). HTTP ,
http?equiv HTTP.
META:
<META httpequiv="Expires" content="Tue, 20 Aug 1996 14:25:27
GMT">
HTTP:
Expires: Tue, 20 Aug 1996 14:25:27 GMT
 ,
.

META 
URI.
<META httpequiv="refresh"
content="3,http://www.acme.com/intro.html">

137

content , , 
URI, 
.
.
,
( ).

META
META 
, 
.
META , 
lang
. ,
< >
<META name="keywords" lang="enus"
content="vacation, Greece, sunshine">
< >
<META name="keywords" lang="en"
content="holiday, Greece, sunshine">
< >
<META name="keywords" lang="fr"
content=", , ">

LINK 
,
(, PDF), , ,
.

138


labels on "1994.11.05T08:150500"
until "1995.12.31T23:590000"
for "http://w3.org/PICS/Overview.html"
ratings (suds 0.5 density 0 color/hue 1))
'>
<TITLE>... ...</TITLE>
</HEAD>

META
META
:


ISO88595:
<META httpequiv="ContentType" content="text/html;
charset=ISO88595">


HEAD
. profile URI. 
URI :

.
(
)
. ,

HTML,

.

. URI

(,
HTML).

META PICS
Platform for Internet Content Selection ( 
) (
) .
,
, , 
.
META
PICS 1.1:
<HEAD>
<META httpequiv="PICSLabel" content='
(PICS1.1 "http://www.gcf.org/v2.5"

, 
.

139

, author,
copyright, keywords date
META.
<HEAD profile="http://www.acme.com/profiles/core">
<TITLE>How to complete Memorandum cover sheets</TITLE>
<META name="author" content="John Doe">
<META name="copyright" content="&copy; 1997 Acme Corp.">
<META name="keywords" content="corporate,guidelines,cataloging">
<META name="date" content="19941106T08:49:37+00:00">
</HEAD>
scheme 
.

, , . ,
10997 ();
9 1997 . 10 1997 .?
scheme "Month?Date?Year" .
scheme
, .
, scheme 
, identifier ISBN:
<META scheme="ISBN" name="identifier" content="0823023559">
scheme name
. Dublin Core. 


.

20.

BODY
<!ELEMENT BODY O O (%block;|SCRIPT)+ +(INS|DEL)
>
<!ATTLIST BODY
%attrs;
 %coreattrs, %i18n, %events 
onload
%Script; #IMPLIED  
onunload %Script; #IMPLIED  
>
: . : .

140


background = uri[CT]
. URI,
. ( 
).
text = color[CI]
. ( 
).
link = color [CI]
. 
, ( ).
vlink = color [CI]
. ,
( ).
alink = color [CI]
. , 
( ).
,
id, class ( )
lang ( ), dir ( )
title ( )
style ( )
bgcolor ( )
onload, onunload ( )
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmouse
move, onmouseout, onkeypress, onkeydown, onkeyup ( 
)
. 
. 
, 
, : , , ,
..  . 

, BODY 
.


HTML 
.

141

,
,
, .
<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REChtml40/loose.dtd">
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY bgcolor="white" text="black"
link="red" alink="fuchsia" vlink="maroon">
... ...
</BODY>
</HTML>
, 
:
<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REChtml40/strict.dtd">
<HTML>
<HEAD>
<TITLE> </TITLE>
<STYLE type="text/css">
BODY { background: white; color: black}
A:link { color: red }
A:visited { color: maroon }
A:active { color: fuchsia }
</STYLE>
</HEAD>
<BODY>
... ...
</BODY>
</HTML>
() 

HTML:
<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REChtml40/strict.dtd">
<HTML>
<HEAD>
<TITLE> </TITLE>
<LINK rel="stylesheet" type="text/css" href="smartstyle.css">
</HEAD>

142

<BODY>
... ...
</BODY>
</HTML>
HTML. , 
, BODY FRAMESET.

: id and class

id = name [CS]
.
.
class = cdatalist [CS]

.
. 
.
id (
SGML). 
, id:
<P id="myparagraph"> .</P>
<P id="yourparagraph"> .</P>
id HTML :

() .

OBJECT.

(,
HTML
, HTML
..).

class, ,
; 
.
. class HTML :

(
).

143

exampleSPAN id
class . 
.
<! >
<P><SPAN id="msg1" class="info" lang="en">Variable declared
twice</SPAN>
<P><SPAN id="msg2" class="warning" lang="en">Undeclared vari
able</SPAN>
<P><SPAN id="msg3" class="error" lang="en">Bad syntax for vari
able name</SPAN>
<! >
<P><SPAN id="msg1" class="info" lang="fr">
</SPAN>
<P><SPAN id="msg2" class="warning" lang="fr"> 
</SPAN>
<P><SPAN id="msg3" class="error" lang="fr">
</SPAN>
CSS 
, 
, :
SPAN.info { color: green }
SPAN.warning { color: yellow }
SPAN.error { color: red }
, msg1 msg1 
,
id. , 
id 
, () ..
HTML 
.
, .
.
PRE. 
() PRE, 
example.
<HEAD>
<TITLE>... ...</TITLE>
<STYLE type="text/css">
PRE.example { background : green }

144


</STYLE>
</HEAD>
<BODY>
<PRE class="example" id="example1">
... ...
</PRE>
</BODY>
id , :

,
,
.

id name,
.


HTML, 
BODY, ,
( 
).



.
.
, 
, .

,
. 
, .

, 
(UNICODE), 

.
, ,
. , ,

145

, ,
, 
HTML.


.

: DIV SPAN
<!ELEMENT DIV (%flow;)*
 / >
<!ATTLIST DIV
%attrs;
 %coreattrs, %i18n, %events 
>
<!ELEMENT SPAN  (%inline;)*
 / 
>
<!ATTLIST SPAN
%attrs;
 %coreattrs, %i18n, %events 
>
: . : .

href = uri [CT]
, 
DIV SPAN.
,
id, class ( )
lang ( ), dir ( )
title ( )
style ( information)
align ()
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmouse
move, onmouseout, onkeypress, onkeydown, onkeyup (
)
DIV SPAN id class 
.
(SPAN) 
(DIV), 
. , 
, lang ..
,
HTML .
HTML

146

, , .., 
DIV SPAN
. 
TABLE :
<! : >
<! : Ivan Ivanov, .: (095) 1853332, Email: II@oo.org >
<DIV id="clientivanov" class="client">
<P><SPAN class="clienttitle"> :</SPAN>
<TABLE class="clientdata">
<TR><TH>:<TD>Ivanov</TR>
<TR><TH>:<TD>Ivan</TR>
<TR><TH>:<TD>(095) 1853332</TR>
<TR><TH>Email:<TD>ii@oo.org</TR>
</TABLE>
</DIV>
<DIV id="clientpetrov" class="client">
<P><SPAN class="clienttitle"> :</SPAN>
<TABLE class="clientdata">
<TR><TH>:<TD>Petrov</TR>
<TR><TH>:<TD>Petr</TR>
<TR><TH>:<TD>(253) 1155420</TR>
<TR><TH>Email:<TD>pp@coucou.com</TR>
</TABLE>
</DIV>

.

DIV, :
<P><DIV></DIV><DIV><P></DIV>
:

: H1, H2, H3, H4, H5, H6


<!ENTITY % heading "H1|H2|H3|H4|H5|H6">
<!
H1 ( )
H6 ( ).

147

>
<!ELEMENT (%heading;)  (%inline;)*  >
<!ATTLIST (%heading;)
%attrs;
 %coreattrs, %i18n, %events 
>
: . : .
,
id, class ( )
lang ( ), dir ( )
title ( )
style ( )
align ()
onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
( )
,
. 
, , 
.
HTML : H1 
H6 . 
.
, DIV
, .
( , ..)
.
<DIV class="section" id="forestelephants" >
<H1> </H1>
<P> .
... ...
<DIV class="subsection" id="foresthabitat" >
<H2></H2>
<P> , .
... ...
</DIV>
</DIV>

, :
<HEAD>
<TITLE>... ...</TITLE>

148


<STYLE type="text/css">
DIV.section { textalign: justify; fontsize: 12pt}
DIV.subsection { textindent: 2em }
H1 { fontstyle: italic; color: green }
H2 { color: green }
</STYLE>
</HEAD>


HTML .
. ,
CSS, 
.

. H1 H2 H1,
H1 H3 H1, H2.

ADDRESS
<!ELEMENT ADDRESS  (%inline;)*  >
<!ATTLIST ADDRESS
%attrs;
 %coreattrs, %i18n, %events 
>
: . : .
,
id, class ( )
lang ( ), dir ( )
onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
( )
ADDRESS
, 
. .
, W3C,
HTML, :
<ADDRESS>
<P><A href="../People/Raggett/">Dave Raggett</A>,
<A href="../People/Arnaud/">Arnaud Le Hors</A>,
contact persons for the <A href="Activity">W3C HTML
Activity</A><BR>
$Date: 1997/12/16 05:38:14 $
</ADDRESS>

149

150



lang = [CI]

. 
.
, lang,

. , 
, :

lang 
; ,
.

?,
.


lang ,
, ,
. 
.
,
, :
 =  (  )*
:
en

enUS
.
encockney
( ).
inavajo
( ).
xklingon
x

lang ,

. ,
, 
, ; 
, ,
lang.


ISO639. fr (), de
(), it (), nl (), el (), es (
), pt (), ar (), he (), ru (), zh (
), ja (), hi (), ur () sa ().

, 
:


ISO3166.

<P><Q lang="ru">" &gamma;


,</Q> .</P>
:


(,
)



( ):
lang, .

151

,
lang ( lang ).
HTTP Content?Language
. :
ContentLanguage: encockney
, , 
(fr).
(es), . 
(ja),
.
<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REChtml40/strict.dtd">
<HTML lang="fr">
<HEAD>
<TITLE>Un document multilingue</TITLE>
</HEAD>
<BODY>
... ...
<P lang="es">... ...
<P>... ...
<P>... , <EM lang="ja">
</EM>, ...
</BODY>
</HTML>
lang
, .


HTML 
, . 
(,
lang),
,
. , lang
en?US HTML, 
, en?US, 
en.

, 
. ,
.

152

:
dir

dir = LTR | RTL [CI]

(, , 
, UNICODE) .
:

LTR: .

RTL: .

lang,
( )
, .. dir.
UNICODE (
) .
, 
UNICODE. 
, ,
.
Unicode ,
, HTML
, : dir ( 
DIR) BDO. , 
,
<Q lang="he" dir="rtl">... ...</Q>
Unicode:
&#x202B;&#x05F4;... ...&#x05F4;&#x202C;
lang
.
dir , .

HTML
Unicode
HTML
, 
dir ( BDO) 
UNICODE.

153

. 


HTML ,
UNICODE. 
, 
, 
.

:
BDO
<!ELEMENT BDO  (%inline;)*
 I18N BiDi override >
<!ATTLIST BDO
%coreattrs;
 id, class, style, title 
lang %LanguageCode; #IMPLIED  
dir
(ltr|rtl) #REQUIRED 
>
: . : .

dir = LTR | RTL [CI]

. 
,
UNICODE. :

LTR: .

RTL: .

,
lang ( )
dir
.

. BDO 
.
BDO ,
(, 
). dir 
.
Unicode , 
LEFT?TO?RIGHT OVERRIDE (202D) RIGHT?TO?LEFT

154

OVERRIDE (202E). POP DIRECTIONAL FORMATTING (


202C) , 
.
, dir 
( BDO)
, .

charset 
MIME, , 
. ISO88598 ( )
, ISO88598i
, ISO88598e .
HTML Uni
code, , ISO 8859
8, ISO88598i. 
HTML , ISO 88598,
ISO88598e.
ISO88598 , 
, 
(, TABLE
),
, .
( 
), , ,
BDO. , ISO88596 () 
.




(, ), UNICODE 
. Unicode

(, ).
HTML 4.0 .
DTD
:
<!ENTITY zwnj CDATA "&#8204;"= >
<!ENTITY zwj CDATA "&#8205;"= >
<!ENTITY lrm CDATA "&#8206;"= >

155

<!ENTITY rlm CDATA "&#8207;"= >


zwnj 
, , .
zwj ; 
, , . ,
HEH Hijri,
.
HEH , ,
HEH , 
HEH. , 
(, ),
HEH. zwj .

,
. zwnj
.
lrm rlm, 
. 
, ( )
( ) , (
?). lrm
rlm , 
/.



. .
, , , 
,
.




. ,
/
, .
, dir, 
, 
dir 
.

156

, dir,
, 
, 
, ,
dir ( )
.

21.

HTML
. 
. :

, , , 
UL:
<UL>
<LI> .
<LI> .
<LI>.
</UL>
, OL,
, , , 
:
1. .
2. .
3. 10 .
4. 300 .
, DL, 
/ (
). , 
:

!

, !

157


,
( ).
HTML :
<DL>
<DT><STRONG> </STRONG>
<DD> !
<DT><STRONG> </STRONG>
<DD> , !
<DT><STRONG> </STRONG>
<DD> , 
( ).
</DL>
, 
, ,
()
():
:

100

10

:
1. .
2. .
3. 10 .
4. 300 .
:
.
.
.
.

(UL),
(OL) (LI)
<!ELEMENT UL  (LI)+
 >
<!ATTLIST UL
%attrs;
 %coreattrs, %i18n, %events 

158


>
<!ELEMENT OL  (LI)+
 >
<!ATTLIST OL
%attrs;
 %coreattrs, %i18n, %events 
>
: . : .
<!ELEMENT LI O (%flow;)*
 >
<!ATTLIST LI
%attrs;
 %coreattrs, %i18n, %events 
>
: . : .


type = [CI]
. .

. (
).
start = [CN]
. OL. 
. 
1. , ,
, . 
(A, B, C, ...),
start=3 C.
, start=3 iii ..
value = [CN]
. LI.
. , , 
, .
compact [CI]
. , 
,
. .
,
id, class ( )
lang ( ), dir ( )
title ( )
style ( )
onclick, ondblclick, onmousedown, onmouseup, onmouseover,

159

onmousemove, onmouseout, onkeypress, onkeydown, onkeyup


( )

, 
.
. .

, LI (
).
.
<UL>
<LI> ... ...
<LI> ... ...
...
</UL>
.


<UL>
<LI> ...
<OL>
<LI> ...
<LI> ...
<OL start="10">
<LI> ...
</OL>
<LI> ...
</OL>
<LI> ...
</UL>

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




.
, value.
. :
<ol>
<li value="30"> 30.
<li value="40"> 40.
<li> 41.
</ol>

160

: DL, DT DD
<! DT , DD >
<!ELEMENT DL  (DT|DD)+
 >
<!ATTLIST DL
%attrs;
 %coreattrs, %i18n, %events 
>
: . : .
<!ELEMENT DT O (%inline;)*
 >
<!ELEMENT DD O (%flow;)*
 >
<!ATTLIST (DT|DD)
%attrs;
 %coreattrs, %i18n, %events 
>
: . : .
,
id, class ( )
lang ( ), dir ( )
title ( )
style ( )
onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
( )

, : 
. DT
. 
DD, .
:
<DL>
<DT>Dweeb
<DD>young excitable person who may mature
into a <EM>Nerd</EM> or <EM>Geek</EM>
<DT>Cracker
<DD>hacker on the Internet
<DT>Nerd
<DD>male so into the Net that he forgets
his wife's birthday
</DL>
:
<DL>

161

<DT>Center
<DT>Centre
<DD> A point equidistant from all points on the surface of a
sphere.
<DD> In some field sports, the player who holds the middle posi
tion on the field, court, or forward line.
</DL>
DL, , 
, DT ,
DD .



(, , 
, , ..).

. OL UL type 
.
UL type 
disc, square circle. , ,
. 
. .
disc
, circle , square 
.
:

disc

circle

square

OL type
( ):
Type

1
1, 2, 3, ...
a
a, b, c, ...
A
A, B, C, ...
i
i, ii, iii, ...
I
I, II, III, ...
, type ,
.

162

, CSS ,

. OL, 
withroman, .
<STYLE type="text/css">
OL.withroman { liststyletype: lowerroman }
</STYLE>
<BODY>
<OL class="withroman">
<LI> ...
<LI> ...
</OL>
</BODY>
. 
, :
<DL>
<DT>Dweeb
<DD>young excitable person who may mature
into a <EM>Nerd</EM> or <EM>Geek</EM>
<DT>Cracker
<DD>hacker on the Internet
<DT>Nerd
<DD>male so into the Net that he forgets
his wife's birthday
</DL>
:
Dweeb
young excitable person who may mature into a Nerd or Geek
Cracker
hacker on the Internet
Nerd
male so into the Net that he forgets his wife's birthday

DIR MENU
DIR MENU .
,
id, class ( )
lang ( ), dir ( )
title ( )
style ( )
onclick, ondblclick, onmousedown, onmouseup, onmouseover,

163

onmousemove, onmouseout, onkeypress, onkeydown, onkeyup


( )
DIR
. MENU
, .
, UL, .
DIR MENU ,
UL.

UL.

22.


Web,
. , Web, 
, .
Web HTML 
, 
HTML. 
Web,
. ,
, . :

HTML

HTML

Web, 
, 
.
,
HTML. 
, , 
, ,

164

. , CSS (
special.css)
:
P.special {
color : green;
border: solid red;
}

HTML LINK:
<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REChtml40">
<HTML>
<HEAD>
<LINK href="special.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<P class="special"> .
</BODY>
</HTML>
HTML 4.0
:


. 
, , 
.
HTTP
, .

HTML . 
, , 

. , , 
CSS ( ), 
.


, CSS, 

165

. , , 
, , , , 
. 
,
. 
, 

. .

HTML
. Web
, , 
Windows, Macintosh OS X11, 
, 
PDA,
.
, , 
. , 
, , 
. ,

.
.

166



HTML.
.

. 


, 
. 
.

HTML
HTML
.
HTML .

, 
. 
, CSS.
.



. ,
, , 
.
, 
. 

.


, HTML.

META. , CSS,
HEAD :



. ,

. , 
.

ContentStyleType: text/css

( 
):

<META httpequiv="ContentStyleType" content="text/css">



HTTP. 
META HTTP:

META Content?Style?Type,

.

167

, Content Style?Type
HTTP,
.


text/css.

, ,
style, , 
. 
(
META), 
text/css.



style = style [CN]
.
style .

.
.

.
<P style="fontsize: 12pt; color: fuchsia">
!
CSS : 
.
style 
HTML. 
,
STYLE . 
.

: STYLE
<!ELEMENT STYLE  %StyleSheet  >
<!ATTLIST STYLE
%i18n;
 lang, dir, 
type %ContentType;
#REQUIRED  
media %MediaDesc; #IMPLIED 

168



title %Text;
#IMPLIED  
>
: . : .


type = contenttype [CI]

, .
(,
text/css). ; 
.
media = [CI]
.
,
.
screen.
,
lang ( ), dir ( )
STYLE 
head . HTML
STYLE HEAD. ,
, 
STYLE, STYLE. 
. 
,
.
.

STYLE, style. 
, CSS STYLE :

HTML
(, P, H1 ..)

HTML,
(.. class
).

HTML (..
id ).

169


.
CSS STYLE 
H1 
.
<HEAD>
<STYLE type="text/css">
H1 {borderwidth: 1; border: solid; textalign: center}
</STYLE>
</HEAD>
,
H1 , 
:
<HEAD>
<STYLE type="text/css">
H1.myclass {borderwidth: 1; border: solid; textalign: center}
</STYLE>
</HEAD>
<BODY>
<H1 class="myclass">
H1</H1>
<H1> </H1>
</BODY>
, ,
H1, id:
<HEAD>
<STYLE type="text/css">
#myid {borderwidth: 1; border: solid; textalign: center}
</STYLE>
</HEAD>
<BODY>
<H1 class="myclass"> H1 </H1>
<H1 id="myid"> </H1>
<H1> </H1>
</BODY>

HTML, , DIV SPAN, ,
( block
level vs. inline). 
HTML, 
class id.

170

SPAN

.
<HEAD>
<STYLE type="text/css">
SPAN.scex { fontvariant: smallcaps }
</STYLE>
</HEAD>
<BODY>
<P><SPAN class="scex"> </SPAN>
.
</BODY>
DIV class
, 
. 
class 
.
<HEAD>
<STYLE type="text/css">
DIV.Abstract { textalign: justify }
</STYLE>
</HEAD>
<BODY>
<DIV class="Abstract">
<P>The Chieftain product range is our market winner for the com
ing year. This report sets out how to position Chieftain against
competing products.
<P>Chieftain replaces the Commander range, which will remain on
the price list until further notice.
</DIV>
</BODY>


HTML ,
,
(, , ,
, ,
..). media 
.
H1.

. .

171

<HEAD>
<STYLE type="text/css" media="projection">
H1 { color: blue}
</STYLE>
<STYLE type="text/css" media="print">
H1 { textalign: center }
</STYLE>

:
<STYLE type="text/css" media="aural">
A { cuebefore: uri(bell.aiff); cueafter: uri(dong.wav)}
</STYLE>
</HEAD>

, 
, ,
. ,
, .


HTML.
:

Web
(
).

172

, (
, ). 

.
, 
.
, .

( ) . 
, 
.
.
,

.

.

; 
.



LINK:

href 
. href URI.

(
).

type ,
( ). 
, 
.

, , 
:

HTML
.
(,
CSS).
, 
. , 
. ,

,
rel stylesheet,
title.

,
rel stylesheet,
title.

173

,
rel alternate stylesheet
title.


. title 
,
.

, mystyle.css:
<LINK href="mystyle.css" rel="stylesheet" type="text/css">
title
:
<LINK href="mystyle.css" title="Compact" rel="stylesheet"
type="text/css">
alternate rel
:
<LINK href="mystyle.css" title="Medium" rel="alternate stylesheet"
type="text/css">

META. , 
compact (. ), 
HEAD :
<META httpequiv="DefaultStyle" content="compact">

HTTP. META
HTTP:
DefaultStyle: "compact"

META HTTP, 
. , HTTP
, HEAD.

LINK, .
, META
HTTP , 
LINK.

174


, CSS, 
.
. 
, LINK /
STYLE. 
HEAD.

compact. com?
pact, , 
common.css. big print,
bigprint.css 
common.css.
<LINK rel="alternate stylesheet" title="compact"
href="smallbase.css" type="text/css">
<LINK rel="alternate stylesheet" title="compact"
href="smallextras.css" type="text/css">
<LINK rel="alternate stylesheet" title="big print"
href="bigprint.css" type="text/css">
<LINK rel="stylesheet" href="common.css" type="text/css">
,
LINK STYLE.
<LINK rel="stylesheet" href="corporate.css" type="text/css">
<LINK rel="stylesheet" href="techreport.css" type="text/css">
<STYLE type="text/css">
p.special { color: rgb(230, 100, 180) }
</STYLE>

,
, 
. LINK STYLE 
media.
, .
,
corporate : 
, ,
(, , ). 
techreport . rule, 
STYLE, ,
.

175

<LINK rel="stylesheet" media="aural" href="corporateaural.css"


type="text/css">
<LINK rel="stylesheet" media="screen" href="corporatescreen.css"
type="text/css">
<LINK rel="stylesheet" media="print" href="corporateprint.css"
type="text/css">
<LINK rel="stylesheet" href="techreport.css" type="text/css">
<STYLE type="text/css">
p.special { color: rgb(230, 100, 180) }
</STYLE>


,
, , , 
, , , ..
,
: ,
. 
, 
. ,
. .


.
, 
, , ,
. ,
.
. , 
BODY
BODY.


, 
STYLE 
. CSS ,
STYLE, ,

.
<STYLE type="text/css">
<!

176


H1 { color: red }
P { color: blue}
>
</STYLE>


HTTP
Web
, . 
HTTP Link , LINK, 
. Link
LINK . ,
Link: <http://www.acme.com/corporate.css>; REL=stylesheet
:
<LINK rel="stylesheet" href="http://www.acme.com/corporate.css">

Link, rel 
.
compact 
, alternate 
rel.
Link: <compact.css>; rel="stylesheet"; title="compact"
Link: <bigprint.css>; rel="alternate stylesheet"; title="big
print"
HTML
.
.
, Link, 

. , 
. SGML entities 
, HTTP
,
.
LINK META
LINK META HEAD .

web

177

4.
web
1.


, Web 
WYSIWYG, , Web
Netscape Navigator Microsoft Internet Explorer (IE)  
Web, World
Wide Web Consortium (W3C) .
, ,
.
, CSS
. Microsoft IE 80%
CSS1, Netscape Navigator .
, HTML 4, Dynamic HTML, CSS2,
JavaScript ! .
Web
HTML Web 
. WYSIWYG
, 
.

, Web,
, , 
. 
Web Standards Project, 
Web . Microsoft Netscape
Web
, .
, 
WYSIWYG

178

web

,
Web.

, HTML 
Web. ,
. 
, 
, .
,
Web ( WYSIWYG).
HTML ,
.
Web 
Web 
HTML, 
.
,
web, JPEG, 
GIF, .. ,
GIF, 
() .
web,
,  
. , , 90%
.
90% web
, .
JavaScript,
, . ,

, . , 
, , 
, , web .
, (Adobe
Photoshop) (Corel Draw) ,
.  
Web.
HTML 
, HTML
, ASCII. 

web

179

100
HTML, , 
/ 20 , , 
,
, /, 
, .
...

Agile HTML Editor


, , 
. ,
. , 
. ,
, 
. Snippets, 

. Agile HTML Editor
: Quick, Structure, Formatting Advanced.
Quick ,
<img>, <a>, <p> . , 
 . Structure , 
, Formatting
. Advanced,
, . ,
, , ActiveX Java
, .
Agile HTML Editor, HTML,
, 
. , , HTML 4.0,
HTML 3.2 HTML 2.0, 
HTML ,
HTML 3.2 Microsoft
Internet Explorer 3.0. /
, 
. 

. , , Agile HTML Editor
, , 
.

180

web

Arachnophilia
, Arachnophilia
, Homesite
Hotdog Professional, .
, Arachnophilia 
: Fonts, Forms, Tables... , , 
, Frames/JavaScript, Graphics/Misc, Links/Sound, Struc
ture/Lists . , Arachnophilia
, ,
. , 
Instant View, 
Internet Explorer 3.0 , ftp
, ,
, ,
web 
.
, Arachnophilia
HTML, Perl CGI, Java
, ASCII RTF. , ,
HTML
rtf
,
Arachnophilia . /
: / 
, . ,
HTML JavaScript
, .
:
: , . , Arachnophilia
HTML
, // 
.

Homesite
Homesite 
HTML 
. 
Homesite
, 
, , , c
, , 
. Homesite :

web

181

, 
HTML. Homesite
, HTML HTML
. ,
. 
, ,
ftp,
,
.
/, 
, ,
, .
/ 
, , ,
, , c 
, 
. : /
Allaire .
Homesite
, MS Word (
). 
: HTML 3.2, 4.0, Internet Explorer, Netscape Navigator, Gold Fusion,
Synchronized Multimedia Integration Language (SMIL). 
Homesite 
. HTML,

, (
, WYSIWYG Home
site ). 
, Clear Sweep,
. ,

.
Homesite
, ,
.
, , Homesite
: , &lt;a&qt;,
, 
HTML,
.

182

web

Claris Home Page



: Claris Home Page .
. , , 
: 
, 
, , . , Claris
Home Page ftp, 
. 
. , 
,
. File Maker Pro,
web , /,
, ( 
, , ). 
, 
. , ,
. 
.

Hotdog Professional
 Homesite, Hotdog Professional
 . , Hotdog
Homesite. , , 
Hotdog. , , 
Homesite /,
/ ,
. : 
. Clear Sweep,
HTML, 
, .
Hotdog Professional 
. , , Homesite, Hotdog

.
, .
clipboard ( clip
board ),
.
, 
. HTML

web

183

, Hotdog 
,
, .
, 
. ,
HomeSite, 
. HotDog 
, ,
.
,
HTML. 
Beginner ( ), Intermediate (
) Hardcore ( ), 
. , Beginner HotDog , 

. , HotDog
, 
. , 
.
HotDog 
,
, ,
, 
. 
ROVER (Realtime Output ViewER),
Web 
.
. , 
,
, , , 
, 
, .
, ,
(640, 800, 1024 
.), , 
.
,
.
, 
. ,
.

184

web

HotDog 
. Tag Filter, , 
:
HTML ( 2.0 4.0), (
ColdFusion 3.0, JavaScript, ,
WebTV), 
HTML ( 
, HotDog).
HTML, 
,
. , 
HTML.
, .
, , , 
, , 

.
HotDog 
Website ( Projects HomeSite). 
, Website 
. ,

Web (, ), 
. Web Web
HotDog
. Web
FTP.
, 
Property Sheet, ,
. 

. , Web
c. , Bandwidth Buster ,
 Web, 
, 
Web.
, 
Web. , Button Editor 

. ,


web

185

RealAudio RealVideo, ICQ 


Web ().
, 
HotDog ,
Web. , 
Web,
, 
.
.
HotDog
. 
, , , 
. : 
,
, , 
, .
, 
"" 
, .
HotDog
. ,
HTML HotDog 
: Paint Shop Pro JASC,
Interactor mBed Dynamic HTML,
Web Linkbot Tetranet,
(plugin) SuperToolz, 
. , 
,
HotDog, , HTML,
.

CoffeeCup HTML Editor ++


CoffeeCup : 
, , . ,
HTML WYSI
WYG. , 
, 
,
. 
CoffeeCup CGI Java, 
DHTML, . 

186

web

, , HTML, 
HTML. CoffeeCup HTML Editor ++
, HTML.

.

WebEdit Pro

WebEdit HomeSite HotDog,
, 
Web, . 
Microsoft Word
,
. 
, 
, "" .

,
. , Font,
, Table
Table Builder
, . Custom 
, 
.
, 
, HTML, 
.
WebEdit ,
. 
, 
HTML, 4.0.
 WYSI
WIG, , ,
, ODBC
, Web (,
, JavaScript, . .), 
Web RSAC SafeSurf. (,
RSAC SafeSurf , 
"" Web 
).

web

187

, 
, 
. ,
, 
. ,
WebEdit HTML,

.

Project, Web Web
Web Publishing Wizard Microsoft. , 
FTP, Web
.
WebEdit , 
,
.
, WebEdit 
HomeSite HotDog. , 
Web
, HomeSite, 
, HotDog. 
, HTML, 
,
Web , 
.
,
: . 
Homesite Hotdog Professional.
, 
; ,
.
Arachnophilia. , ,
.
, 
. HTML , ,
CoffeeCup HTML Editor ++.
HTML
HTML, 
.

188

web

2.
Adobe ImageReady

, ,
, .
:

,
web,
,
;


(
); ,
(PSD)
, ,
.

, , : web
;
(, web,
,
); ,
,
(Clip Crop).
, (Guidelines) ,
( ,
).

, IR 
, , CMYK ., 
Web. ,
, (Select Modify Filer
Fade), , 
.
, 
, 
IR . (
19 ), ,
. , IR
Adobe , , .

web

189

, , 
web .
ImageReady ( 
) ,
Unicode TrueType ( , Win
98 Arial Cyr .). , . 
, IR ,
, , , , 
.

3.
Corel Xara
, Corel Xara, ,
, , ,
Corel Draw, . 
,  Xara, 
(, ) 
, Corel,
(  Xar'e 
, Corel Draw, , , 
).
, ,
, Xar' 
. , 
Xar' . ,
, 8 
, , , 
. 
( Draw) , , Adobe Illustrator'a,
Macromedia FreeHand'a.
Corel Draw,
 , , , 
, .
. .
.
Xar'e,
. 
, , ,
.., .

190

web

, 
, , CDR. 
. ,
, , ,
, ,
(Edit envelope) (Blend). ,
, ( )...
, , Corel Draw.

,
, 
. 
, Blur, , ,
, .
... ,
, ,
.
( )
. ,  (guidelines),
. , 
 . , 
.
,
, . ,
, (,
46860 ) 
, . 
 (guidelines).

Xare, , , , 
, HTML . 
, ,
.
Corel Xara.
Xara ,
, , ,
web.
, Xara, ,
, ,

web

191

Web . web
, , , 
, , ,
. , , 
8831 Corel Xara, , 
, , , 
.
46860 Xara 
, .
GIF, Xar'e, 
, . , , , 

, .

. , Xara'a  , 

,
.
 , ?
,  ,
, 
, , , 
.

4.
Macromedia Fireworks
Fireworks 
Web, 
Web.

, GIF. 
Web Fireworks ,
. 
, rollover

. ,
, 
, HTML JavaScript.

192

web

Web?. Fireworks 
Web. Fireworks
Web .

Macromedia 
Web.

, 
rollover , 
.
, rollover , 

Popup Menu Creator.

, 
. Fireworks 4

.


History, ,
JavaScript 
.

Fireworks 4
GIF Live Animation.

.



Fireworks 4 
,
. 
, .

web

193



,
. 
,
FreeHand Illustrator. ,
Fireworks .
PopUp Menu Creator

, 
. , 
HTML.
. 
JavaScript Web
.
Rollover
rollover 
JavaScript,
, 
rollover.


, ,
. 
. 
, 
.


.
Layers .
,
.


Web Macromedia.

194

web

Customizable Keyboard
Shortcuts, Launcher Bar, .
Freehand 9

Web, FreeHand 9. 
rollover
.


,
Fireworks, Macromedia Flash FreeHand.
Photoshop
Photoshop 
. 
Fireworks .psd 
Photoshop,
, , .
EPS
EPS ,
, 
Web.

Macromedia
Macromedia Flash

Fireworks , ,
Macromedia Flash.
Dreamweaver
HTML 
Fireworks 4 
HTML .

. 


Fireworks, Photoshop, Illustrator .

web

195

Intel Pentium ( Pentium II)

Windows 98, ,

64 MB

640 x 480 256


( 1024 x 768
)

100 M

Adobe Type Manager Type 1

,
Macromedia Freehand, 
Corel Draw Adobe Illustrator.
, Macro
media Dreamweaver,
WISIWIG HTML , 
web.
Shockwave, Flash Director, ,
 .
, Macromedia ,
, , 
, . 
, 
web .
, Freehand, Fireworks (
) . , . 
, , 
. , , Freehand'a
, ,
, 800600.
, Fireworks 
, . ,
Corel Xara, ,
, , 
, .
,
. , Xara? ,
Fireworks ! ( ).

196

web

, 
,
FW , 
,
, 
gif ( jpeg).
, ,
200%, ,
, , 
!
, Xare, 
, . 
,
, .
, ,
. 
, (
), FW
Effects. Inner Outer
Belevel, Glow, Emboss, , , 
, , 
, , .
. 
, 
, , . 
, , .
, , , 
, . 
Animated GIF.

, ,
, . 
, 
. Image Map'.
Xara, FW
,  .
.
, .
. , ImageReady,

web

197

. ,
,
,
. , , 
, .
,
.  , , 
. , 
.
, web
. FW
, , .
, , 
,
 .
10 , .
,
, 
, Macromedia FireWorks
. , , 
, .

5.
Macromedia Dreamweaver
Dreamweaver ,
web, HTML. 
Dreamweaver ,
web. 
Dreamweaver
Macromedia Flash, Microsoft Office, 
rollover, Fireworks 4.


Code View 
, 
Split View HTML 
.

198

web

(Quick Tag Editor) 


HTML .

Layout View

.
, 
, Layout View , 
web.
Microsoft Office
Clean Up Word HTML ,
Microsoft Word, Table Object 
Dreamweaver , .
JavaScript
JavaScript Debugger
JavaScript web Netscape Microsoft,
JavaScript. .
JavaScript, HTML, CSS DOM
(Document Object Model) Code Reference.

Dreamweaver 4
Flash Buttons Flash Text 
Macromedia Flash 
.

Asset 
. , ,
URL, , Macromedia
Flash, Shockwave QuickTime, .

Macromedia Exchange 
Dreamweaver Flash Fireworks
. Macromedia Exchange
,
.

web

199

HTML Dreamweaver
Fireworks
Roundtrip Graphic Editing
.
web , 
.

Dreamweaver Microsoft Visual Source
Safe, 
, WebDAV. Interwoven,
Vignette, BroadVision, ATG Documentum Dream
weaver HTML 
web.


HTML, 
Roundtrip HTML,
Dreamweaver .
Code View, HTML
(Inspector HTML). Split View 
HTML , . .
HTML. Code
View Dreamweaver 4
(Object Panel).
Code View ,
HTML JavaScript, 
, . 
, Design View.
, HTML, , Java
Script XML, Dreamweaver 4
Code View.

JavaScript
JavaScript web
JavaScript. ,
JavaScript Netscape Navigator
Internet Explorer. JavaScript 
.
, ,
,

200

web

JavaScript. 
.

, (watch list)
.
JavaScript.



HTML, .
Layout View , 
, 
. ,
,
.
. ,

, Layout View ,
web.

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

Macromedia Flash
Macromedia Flash , a Flash
web.
, Macromedia Flash Buttons Macromedia Flash
Text, Flash web
, Dreamweaver 4. Macromedia Flash Buttons Macromedia
Flash Text 
Dreamweaver 4. Macromedia Flash 5,
,
, 
.

Dreamweaver 4 
, Macromedia Flash,

web

201

Macromedia Exchange.
Macromedia Flash Objects ,
Dreamweaver 4, , ,
" " .

6.
Metacreation Headline Studio
Metacreation, Kay
Power (Tools, Kay Power Goo, Kay PhotoSoap), Metacreation Brice
( 3D ) 
Fractal Design Painter ( Metacreatin Painter),
Web.
Metacreation Headline Studio 1.0. ,
( Metacreation)

, 
Adobe Corel.
Headline Studio , 
, . 
, .

.

, ,
.
Headline Studio 
, .
, ,
GIF, TIFF JPEG
( 
).
.
, : 
, , . , 
, (Blur), ,
(Motion Blur), (
).

202

web

,
Image Ready, Macromedia Fireworks
.
3D, Flash, .
, 
, .
(timeline) . 
.
(
, , ..),
, (
), 
. ,
, ,
 .

,
. .
, 
... , , 
,
. , ,
, .
.
Headline Studio 
web ( ).
. 
, 
.
,
, 
, 
, , .
3,5 
. , 
. ,
. 
. pdf. , 
, .

web

203

7.
HomeSite
HomeSite , 
Web Windows. 
,
Web,
Web. HomeSite
Web, Dynamic HTML
(DHTML), SMIL, Cascading Style Sheets (CSS), ASP, Perl JavaScript.
Web 
, 
, 
, Web.
:

HTML, DHTML, SMIL,


Perl JavaScript ( Edit View);

( Design View);

Web (
Browse View).

HTML
. 
Tag Definition Library 
. ,
Tag Completion, 
( , ).
Tag Insight: ,
, (
, , , 
ALIGN).
Site View, Resource Bar,

Web ( Web ), Tag
Inspector , 
.
Visual Tools Object Model VBScript
JavaScript,
ActiveScripting Microsoft,
Internet Explorer.

204

web

HomeSite
, ,
, 
. .
,

. ,
(, ftf 
<FONT FACE="Courier">), Web
, Ctrl?J 
. ,
Web.
HomeSite 
, 
.
HomeSite 
. ,
, 
. ,
(
),
( ), 
, 
FTP. FTP 
Web , ,
Web.
, , 
Web, .
, Web
, , HomeSite
Design View.
, , , 
, 
HTML . 
,
IE. Design View , .
Web Web
. ,
. 
HomeSite 
, Projects

web

205

.

(, SourceSafe Microsoft). 
, 
Web.
, 
FTP
. , , 
.
Web .
, Web, 
, , 
, . 
, Web
. 
HTML
CSE 3310 HTML Validator AI Internet Solutions, 
HomeSite.

IE HomeSite

IE, ,
HTML . Notepad
Front Page.
HomeSite. :

IE Edit, ,
.
http://www.macromedia.com/v1/handlers/
index.cfm? ID=10425&Method=Full
.

,
.

IE. Edit,
Homesite.

HomeSite
HomeSite 
.

206

web


Files List web.

,
.
Common QuickBar.
Image (). 

.
,
. .
.
,
HTML .
Files List
File List , .
,
web. HTML 
.


.
File List ,
.
Thumbnails.

.
, 
, Open
Properties (). HomeSite 5,
. , Edit In
Macromedia Fireworks .
Fireworks , .
, 
.

web

207


WEB.

WEB HomeSite.
,
WEB , 
.
, , 
, 
.


. HomeSite 4.5 :

Physical folders

Virtual folders


.
, 
. 
, .

HomeSite.

:

Manual?inclusive

Auto?inclusive

,
. 
, 10 
WEB. , 
.

.
, (,

208

web

HTML ). 
.

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


,
. , , 
, :

, (
, , )


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

.
, 

.
:


(
),

web

209

210

web

Add Folder ,

.

,
. ,
Shift Ctrl.

, .

Open
.


, , .
:


.
.


Open All Documents In Folder
.
.
:

. ,
, Files List .

,
File Delete
.

Yes.

.

, 
, .
.


Properties .

,
.
.

OK.


, ,
, . 
, 
.


.

:


Add Files to Folder .
.


, .


, 
. , HTML Documents
HTML .
HTML Images
().
.

web

211

,
(, HTML,
HTML Documents).

Resources ()
Add Resources
. Add Resource Folder.

212

web


HomeSite
.
. ,
Options Setting Browse.
:

Internet Explorer
.

Resource Name.


Resource Filter,
, (,
CSS).

Mozilla NGLayout/Gecko
,
Netscape .

, HomeSite,
,
HTML .

OK

.
, .
:

Resources ()
Properties ().
Edit Resourse Folder.


OK.

Resources ()
Remove Resource
. ,
.

Yes.

.
, 
, Options Settings ( 
) (F8). Settings ().
Projects, Project.



,
FTP . 
. Web
,
.
Web.

, . , 
, HTTP .
, Web

.

.
, 
, ,
. 
(mapping). Web

. 

.

web

213

Setting (F8) Browse


Enable Server

Add

URL

Web,
Web. 
IIS, 
. Web,
.
IIS :

IIS Management Console IIS

Default Web Server


(Web )

New Virtual Directory Wizard


, To Add ()


URL

214

web

, ,
.
, , .
, 
, 
.

, 
. HomeSite 
:

Prompt to save changes to the current document


Automatically save changes to the current document


Browse using a temporary copy (no need to save)


( )

,
, F11.
,
Refresh () F11.

, ,
View External Browser (
) View
.

Setting (F8) Browse

, 

Up Arrow ( ) 


HomeSite, Web
, . 
, 
Options Configure External Browsers.

FTP
HomeSite FTP
,
.
FTP ( ) 
. Allaire FTP&
RDS FTP .

.

web

215

FTP .
, ,
. 
, 
.
FTP :

, Files Tab 
Allaire FTP&RDS. 
Windows.

Allaire FTP&RDS
Add FTP Server
Configure FTP Server.

FTP

Description ()
Allaire FTP&RDS

Host Home ( )
IP

Initial Directory ( )
,

Username ( ) (login)
anonymous FTP
Servera

216

web

Disable passive mode (


) ,

. 
.


, Allaire FTP&RDS
Properties () . 
, .


HomeSite
.


:

Color?coding tags ( ) HomeSite


.
Color Coding ( )
(F8)
.

Word wrap ( )
. Word wrap
.

Gutter ( )
,
.
ShowCulter .
Ctrl+K
Ctrl+Shift+K ,
.

Password ()

Root URL ( URL) IP


Remote Port ( )
21 ,



Request Timeout ()

Assume UTC file times ()


,
FTP .
,

Convert tag case ( )



. Edit Convert Tag
Case .

Indenting code ( )

web

217

.
,
, Auto Indent Editor
() (F8).


.

, 

:

, Shift+Ctrl
.

,
Shift
.

Ctrl + .



.

. 36
. ,
Setting Editor Maximun clipboard entries.

,
.

218

web

.

Options Customize. Toolbut?
tons Edit.
Keyboard shortcuts
:

Show clipboard

Paste All

Clear clipboard



, 
 . 
.
Editor Collapsed Text 
Settings (F8) . ,
:

,
.


.

.


.

.

/
.


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

,
:

()
.
Collapse
.

web

219

220

web
TopeStyle ,


Collapse Tag.
.


Collapse All IndTag.
.


,
.
(Help).


Tag Inspector. ,
.

Edit
Tag ( ).

Ctrl+F4.

Toggle Embedded Help


.



Expand All .

,
.


Tag Inspector, Resource
: Tag Tree Tag Inspector. ,
HTML , 
.

, ,
.
, .



, :


:

Tag Editors ( )


() .

Tag Tree ( )
,


. Shift + Ctrl + double?clik
( ) .

Tag Inspector ( )

Refresh
.

Design Mode ( ) ,

CodeSweeper ()

Desing View ()
HomeSite
, Desing View. 
WYSIWYG (whatyouseeiswhatyouget 
). ,
, HTML.

web

221

Desing View
, . 

 .
Desing View IE 4 
.
, ,
Options Settings Desing 
Disable (hide) desing tab.

222

web


, Office
Windows.
CodeSweepers
CodeSweeper 
HTML, :


Design view .
CodeSweeper ,

Design.


developers,
.

Desing View:

Editor (),

Desing. Desing view
, ,
.
Desing view
, ,

.
Desing view
, Cancel Desing View
Edit view.
Edit Browse,
.

Word Excel:

, ,

HTML, Word Excel.

Word() Excel().

Desing ,
,
.

.

.


Editor.

HomeSite CodeSweeper. 
CodeSweeper 
. HomeSite CodeSweeper:

HTML CFML ( )
GoldFusion.

HTML
Web.

My CodeSweeper CodeSweeper (
),
.

WDDX Sweeper CodeSweeper


WDDX, , .apd
.

WEBXML CodeSweeper HomeSite v 4.5.2.

JSP CodeSweeper HomeSite v 4.5.2.

HTML Tidy
HTML,
CodeSweeper.
HTML XHTML XML.

web

223

CodeSweeper
CodeSweeper Edit Design , 
CodeSweeper .
CodeSweeper Design.
CodeSweeper:

Setting (F8).

CodeSweeper, CodeSweepers.

CodeSweeper,

Set As Default ( ).

O.

CodeSweeper
Design:

Settings () Design.

Apply CodeSweeper
Desing.

O.

 CodeSweeper
CodeSweeper
CodeSweeper CodeSweeper 

.
CodeSweeper:


CodeSweeper Tools CodeSweeper
CodeSweeper.

, CodeSweeper
.

Run CodeSweeper. .

, CodeSweeper
CodeSweepers, 
CodeSweepers CodeSweepers,
Setting (F8).

224

web
CodeSweeper:

Setting (F8).

CodeSweeper, CodeSweepers.

New Profile ( ),
New CodeSweeper Profile.

CodeSweeper : Allaire
CodeSweeper HTML Tidy CodeSweeper.

O. CodeSweeper .


CodeSweeper.
:

Setting (F8) CodeSweeper.

CodeSweeper,
: Allaire CodeSweeper HTML Tidy
CodeSweeper.

CodeSweeper,

.

O.

Setting (F8) CodeSweeper.

CodeSweeper,
Remove Profile. CodeSweeper
.

CodeSweeper
CodeSweeper:

(General Settings)
(Tag?Specific Settings)
Allaire CodeSweeper.

HTML Tidy HTML Tidy


CodeSweeper.

web

225

(General Settings)

Allaire CodeSweeper:

.
,
.


, ,
JavaScript,
OnMouseOver.
, Preserve Case.


, .
,
.

Silent Mode
,
CodeSweeper.
CodeSweeper .
Write Errors Log Fife c
 ,
CodeSweeper.
.
O .

(TagSpecific Settings)
, 
Allaire CodeSweeper. 
All Other Tags, 
, .

226

web


CodeSweeper.

,
,
.

Tag Specific Settings


CodeSweeper Settings.

Update Tag ( )
.

Add Tag CodeSweeper


Settings.

O.

Update Tag
.

Tag Specific Settings


CodeSweeper Settings.

Remove Tag ( ).

O .



.tdy \exten
sions\Codesweepers.

Tab

.

CSS
(CSS) 
web, 
. HTML 4.0

.

(sub
tags).


, 

web

227


. ,

,
.
, ,
( )
.
CSS
, , 
.
HTML , .
HTML , :
<h1 align="center"><font size="+2" color="green">Some
Text</font></h1>
h1 font ,
, .
, 
(selectors), (declarations)
:
h1 { textalign : center; fontsize : larger; color : Green; }
h1 , 
, . 
h1, <h1>; 
.

web,
.

, 
. HomeSite Style Editor 
, 
. ,
.
(Style Editor)
HomeSite TopStyle 
. TopStyle
, CSS 

228

web

HomeSite, () Style Insight Style


Inspector.
TopStyle StyleEditor 
.



.
.


.
:


(Properties).
Edit Project Properties

(Deployment Path)

OK,



, .
Properties () ,
Deployment ().

HomeSite 
. :
Parent Folder: MyDirectory/ParentFolder
Child Folder: MyDirectory/ParentFolder/ ChildFolder

Server Directory/ParentFolder,
Directory/ParentFolder/ChildFolder.
.
,
.

web

229

230

web



.

, 
, 
Windows Registry.

Allaire Browse
. 
, :

Allaire
FTP&RDS,
.


, 
:
C:\MyDirectory\MySubdirectory

\\MyDirectory\MySubdirectory
,
.

, ,
, , 
, .
(do not upload)
, 
. 
.
:

Deployment Server

Server Configuration

Deployment Server.
.

8.
Microsoft FrontPage Express
Microsoft FrontPage Express Web,
HTML. 
! !


(Properties). Edit Folder
Properties

Web 
web
web.

Deployment

(Special
Deployment Properties)
Deployment Path ( )

Microsoft FrontPage Express 


Internet web, JavaScript, VB Script, ActiveX
. , Microsoft FrontPage
Express , 
.



(Files panel).

Microsoft FrontPage Ex


press web
.
! Microsoft FrontPage
Express ,
.

web

231

232

web


Microsoft FrontPage
Express ,
:

web

web Web

Internet web

web

web

web

HTML

WebBot
web

web
ActiveX

web
, HTML
HTML.


Microsoft FrontPage Express 
. 
.


Microsoft FrontPage Express
Web. web
, .
,
web
Microsoft FrontPage Express.

PgUp PgDn
.
, 
.

.



, , 
.

, web

web

WebBot, ,

web

233

Microsoft FrontPage
Express

234

web

(
)

( )

(
)

(
)

(
)

WebBot (
WebBot)



. 
.

:

(
)

(
)

(
)

(
)

(
)

(
)


, 
, .

.
Microsoft FrontPage Express
BMP JPEG.

web
web 
(
Ctrl+N).
?
.
web ?
.

.

web
web
(
Ctrl+S).
. ,

web

235

HTML.
Web, .



, 
:

HTML

HTML

Microsoft Word

Windows Write

Windows Write

WordPerfec

Microsoft Excel


Microsoft FrontPage Express ,
. ,
, Microsoft FrontPage Express , 
.
, .

web
Microsoft FrontPage Express ,
Windows.

, .
, (<),
(>), (&) ()
HTML 
.

236

web



.
Microsoft FrontPage Express
. , , 
, .

.

,
.


Alt .


Alt Ctrl 
.


.


.
,

Microsoft FrontPage Express
.

Microsoft FrontPage Express, Windows.

.

Microsoft FrontPage Express Windows.

web

237


Microsoft FrontPage
Express. Microsoft FrontPage Express
Windows.


Microsoft FrontPage Express , 
(
), . 
, 

ANSI (ASCII) .



,
, 
.

, 
.

.

,
, . 
, 
.



web Microsoft FrontPage
Express.

238

web



.
web Microsoft FrontPage Express
:
( ) 
, , , .
( )
. 

. , 
,
. 
,
<H1> (
).



.

, .

, . 

.

:

web. 
.
1 6
,
.

, .

web

239

.

.

.


.

.


.


Microsoft FrontPage Express 
:


, . 
, (:
) .

240

web


,
. ,
(: ) 
.


Microsoft FrontPage Express
web 
. , ,
,

. :

Arial

Courier

Times


web
. , 
, ?
.

HTML
Microsoft FrontPage Express 
HTML , , 
. HTML.

HTML
HTML,
Java Script. HTML,
HTML
HTML.
.

web
HTML
web, , 
.

web

241

, , 

.
:

.

.

.

( 100 
). , 
, 
.

.


.
, , 
, .
, , 
.

, 
HTML Java.

.

(:
).
: .
web.

242

web


. 
(:
).


, ,
: , , ,
.

.


(: ). 

, .



( , , , ). 

.
:

.

( 100 
). , 
, 
.


( 100 ).

.

web

243

244

web


.
, , 
.

, , 
.



. , ,
.


. 

GIF, JPG, BMP, TIF, WMF, RAS,
EPS, PCX TGA.

.


. , ..
, 

.

.


,
. ?
.
:

( 
, ).

(,
).


.

GIF, JPG, BMP, TIF, WMF, RAS,
EPS, PCX TGA.

.

. 
, .. ?
, 
.

.

web
web Microsoft FrontPage Express
GIF (CompuServe Graphics
Interchange Format .GIF) JPEG (Joint Photographic Experts
Group .JPG). , BMP,
TIF, WMF, RAS, EPS, PCX TGA Microsoft
FrontPage Express GIF.
GIF JPEG. GIF ,
256 . JPEG
, 256 . ,
JPEG ,
, . ,
,
JPG.

web

245

Microsoft FrontPage Express


.
Microsoft FrontPage Express
, .
, 
(: )
OK.
Microsoft FrontPage Express 
( ) .
, 
, 
.
,
 , Microsoft FrontPage Express 
.
,
. , 
,
. 
, Microsoft
FrontPage Express ,
, . 
, ,

.
Microsoft FrontPage Express 
.

Microsoft FrontPage Express



Microsoft FrontPage
Express.

Microsoft FrontPage Express
. 
(
),
web .

246

web

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

.

Microsoft
FrontPage Express . ,
(
: ) 
HTML,
.

,
Microsoft FrontPage Express. 

(: ).

.

. 

. 

.
.

web

(: ).

, web
.

web

247

, 
.
web .

web
web,
WAV, AIFF, AU MIDI. 

(: ).

. , ,
. , 
, ?

.

web
Microsoft FrontPage Express 
web. ?
HTML (:
).
. 
, 
, 
, KOI8.
, Windows 98 
CP1251, UNIX
KOI8. KOI8 , 

web. , Windows 98 
KOI8,
KOI8.
, Web
1251 (Windows 95), 
8 (Unix).
web
HTML.
(
: ), ?

248

web

,
. 
.
(: ?
)
.


, , .
(:
)
. 
,
.



(: )
HTML ,
,
web.
. 
, , web
:
<META name=description content= >
<META name=keywords content=, >



HTML. ,
web 
. , , 
(:
). ?
, ?
(URL) URL.
, 
HTML.
Web.
, , ,
.

249

5.


1.
?
, 
, . 
, . 
, , :

(
)


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

. 
, 
. , 
 ,
.
, ,
( AOL), (Yahoo) 
(Lycos, AltaVista). , 

.
(, , , 

250

.), ,
.
, ,
,
Jump station 
, , .
Yahoo.
, 
, 
, ,
, 
...
, jump sta
tions .
, ,
, ( 
?) 
.
(
).
,
. 
, .. (
). , 
. 
,
.

, .. ( ), 

. ,
.

, 
, 
.
...
, , , 
, .

251

,
.

,
...

2.

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



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

, 
, . 
, , ,
X Y,
X, S, 
M .


 . 
, .

252

,
,
, S, , 
C .
: 
web. 

: , , 
web,
. , 
web 
, 
.



 . 
,  , 
, 
. ,
,
.

. , 
, , , .

.

. , ,
.
,
.


web
, . 
, 
.
,
. , 
,
. Web

253

, , 

. , 
web 
,  .




, 
. 
.
,
, web.
, 
, ,
. , 
, 
. , ,
, , .
, 
. 
,
. 
.


, 
60% 
( top200
top100). , ,

, ,


.
, , 
, , 
. ,
ERP , , ,
, ERP, 
.

254

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

, ERP.
.

, 
. 
.
, .
 , 
(ERP, CRM), 
, .

3.
?
, ?
, ,

,
, , 
.
B2E (Bussiness To
Employee), .
, 
EIP
(enterprise information portals 
). , 
, , .
,
. 
, , Linux,
MySQL Postgress, pache, PHP, , ,
SMS, , .

255

. 
, ERP,
. , 
,  ERP,

. ,
ERP .

, ERP. 

. ,
, 
.

,
, . 
,
: ,
, 

. 
,  
. , ,
.

,  

, . 

. ,  ,
, ,
. 
.  , 
, . 

,
.

256


, ERP,
, .

,
, , .

, ,
B2
(
, ,
) B2B ,
, .


.

,
AIS.
,
,
.

,
/
.
,
,
,
,

.

, ,
, : 
, ,
 .

. , 
 . Web,
, 
.

257

4.
Cold Fusion
Cold Fusion Allaire 
, Web
,
:

HTML (HyperText Markup Language)

CGI (Common Gateway Interface)

SQL (Structured Query Language)

ODBC (Open Database Connectivity)

Cold Fusion
Perl, C/C++, Visual Basic
Delphi. ,
() HTML 
.
Cold Fusion CGI Web
Windows , 
CGI.
Cold Fusion 
:

O'Reilly WebSite

Microsoft Internet Server

EMWAC HTTPS

Process Software Purveyor

Netscape Communications/Commerce Server

Internet Factory Communications/Commerce Builder

Spry Safety Web Server

CSM Alibaba

Cold Fusion 32


ODBC. Cold Fusion ODBC
:

32 .

258

1 ODBC API.

SQL.

/,

.

Cold Fusion 
:

Windows.

Pentium .

10Mb .

24Mb RAM.

TCP/IP.

WWW .

Cold Fusion SETUP.


EXE, 1.
, Cold
Fusion, ,
Web CFPRO. 
:

, .

, HTML,
Cold Fusion.

,
Cold Fusion.

Cold Fusion, 
, URL http://myserver/cfpro/get?
start.htm, myserver IP Web.

Cold Fusion 
.
Cold Fusion :

Data Sources
ODBC, Cold Fusion.

259

,
Add...,
ODBC
.
Setup...,
.
Cold Fusion
,
Preferences...
, ,
.

Templates
,
Cold Fusion.

Debugging
.

Mail SMTP mail


.


Cold Fusion HTML 
.
Cold Fusion CGI (DBML.EXE),
Cold Fusion Engine, 
, HTML 
, .

, DBML,
. Cold Fusion
:

DBQUERY SQL ;

DBINSERT & DBUPDATE


;

DBOUTPUT ,
HTML
.

, HTML,
HTML DBML:

260

HTML
, .
,
.

DBML
,
.

Submit 
, Web 
Web.
Web, DBML, 
Cold Fusion, , .
Cold Fusion , , 
DBML , 
,
.
Cold Fusion ODBC.
Cold Fusion HTML, 
,
Web. Cold Fusion 
SMTP.
Web HTML Web
.

DBML

. URL, 
cookie.
URL, 
& ()
= . , , , 
user_id 5 example.dbm:
<A HREF="cgishl/dbml.exe? Template=example.dbm&user_id=5">
,
, , 
.
, :
<FORM ACTION="cgishl/dbml.exe?Template=example.dbm">

261

<INPUT TYPE="HIDDEN" NAME="user_id" VALUE="5">


<INPUT TYPE="SUBMIT" VALUE="Enter">
</FORM>
, CGI DBML.EXE 
Template,
.
, cookie 
CGI .


DBINSERT DBUPDATE
DBINSERT DBUPDATE 
,
, POST.
DBIN?
SERT,
DBUPDATE. 
DATASOURCE TABLENAME.
DATASOURCE ODBC, 
, TABLENAME .
, ODBC Person DB,
, Person, DBINSERT
:
<DBINSERT DATASOURCE="Person DB" TABLENAME="Person">
,
, () .
,
, FORMFIELDS, 
, 
.
, ,
DBUPDATE ,
, ,
HTML, 
.
DBINSERT DBUPDATE 
:

262

TABLEOWNER ,

(, SQL Server, Oracle),
, .

TABLEQUALIFIER
. , SQL
Server Oracle ,
, Intersolv dBase
, DBF.

.
HTML :
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<FORM ACTION="/cgishl/dbml.exe?Template=example.dbm"
METHOD="POST">
: <INPUT TYPE="Text" NAME="FullName">
: <INPUT TYPE="Text" NAME="Phone">
: <INPUT TYPE="Text" NAME="Birthday">
</FORM>
</BODY>
</HTML>
, example.dbm, 
, 
:
<DBINSERT DATASOURCE="Person DB" TableName="Persons"
FORMFIELDS="FullName,Phone,Birthday">
<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY>
<H1> !</H1>
</BODY>
</HTML>



DBQUERY. :
<DBQUERY NAME=" "

263

DATASOURCE=" odbc"
SQL="sql " TIMEOUT=n MAXROWS=n DEBUG>
NAME , 
. 
(
).
DATASOURCE ODBC, 
Cold
Fusion.
DBQUERY, SQL, 
SQL (
, 
SQL ).
SQL , , 
SQL,
. ,
SQL ODBC
, Microsoft Query, 
Microsoft Office. Microsoft Query
SQL,
SQL, ODBC,
..., .
SQL,
. SQL
, SQL
.
MAXROWS 
, 
.
TIMEOUT
, 
. ,
ODBC (, MS
SQL Server 6.0).
DEBUG .

, SQL
, .

264

AllPersons, 
Persons , 
ODBC Person DB:
<DBQUERY NAME="AllPersons" DATASOURCE="Person DB"
SQL="select * from Persons">
SQL 
, . , 
, URL, CGI. , 
SQL, #
(, #Name#). Cold Fusion
, , URL
CGI. ,
.
SQL.
1
URL
/cgishl/dbml.exe?Template=prs.dbm&Id=22,
SQL DBQUERY
SQL="select * from Persons where Id = #Id#",
SQL:
select * from Persons where Id = 22.
2
, FirstLetters 
Persons ,
FullName .
SQL :
SQL="select * from Persons
where FullName like '#FirstLetters#%'"
, , 
%, , 
. , Id 1
, FullName ( SQL ,

). , %,
SQL 
. 
_ (),
.

265


HTML
, 
, DBQUERY, DBOUTPUT. 
, ,
, HTML, , .
, DBOUTPUT
, 
, .

266

MAXROWS ,
;

COLSPACING ,
( 2);

HEADERLINES ,
( 2);

HTMLTABLE
HTML,
HTML <PRE>.

BORDER
HTMLTABLE .

DBOUTPUT :
<DBOUTPUT QUERY=" " MAXROWS=n>
, HTML, ( , #Name#)
</DBOUTPUT>
QUERY
DBQUERY, , 
MAXROWS
, DBOUTPUT.

AllPersons,
,
, :
<DBOUTPUT QUERY="AllPersons" MAXROWS=50>
<HR>
#FullName# (: #Phone#) <BR>
</DBOUTPUT>
:
<HR>
(: 2222222) <BR>
<HR>
(: 4444444) <BR>

DBTABLE DBCOL 
.
DBTABLE:

QUERY DBQUERY,
;

DBTABLE:

HEADER ,
;

WIDTH ( 20);

ALIGN (LEFT,
RIGHT CENTER);

TEXT ,
,
, , DBOUTPUT.

DBTABLE DBCOL:
<DBTABLE QUERY "AllPersons" MAXROWS=20>
<DBCOL HEADER=" " WIDTH="30" TEXT="#FullName#">
<DBCOL HEADER="" WIDTH="10" TEXT="#Phone#">
<DBCOL HEADER=" " WIDTH="9" TEXT="#
DateFormat(Birthday)#">
</DBTABLE>


DBML
DBML
(<!???), HTML (<!??). 
Cold Fusion ,
.
(, HTML CGI
), DBML ,
, .

267

# Cold Fusion,
, DBOUT?
PUT, # .
,
, , SQL.
Cold Fusion , ,
DBOUTPUT. 
, SQL DBQUERY,
. ,
SQL="select ""Full Name"" as FullName from Persons"
, 
, .

URL
URL, 
, DBML
, : #Form.Name#, #URL.
Name#. , Form. URL. ,
,
. 
.
CGI
, CGI, 
. 
, ,
CGI., , #CGI.REMOTE_ADDR#.
DBSET
DBSET 
. , 
#UserId# 10.
<DBSET #UserId#=10>
DBSET, 
, ( ), 
, , , #CGI.SCRIPT_NAME#.
, Variable, ,
#Variable.UserId#.

268

HTTP Cookies
Cookies ,
.
Netscape Navigator, MS
Internet Explorer, 2.0, 
Web .
Cookies DBCOOK?
IE, :
<DBCOOKIE NAME="_" VALUE=" "
EXPIRES=" "
SECURE>
NAME VALUE 
. EXPIRES ,
. ,
, 10/09/97, ( , 10, 100), NOW ( 
) NEVER.
SECURE 
, SSL. 
, cookies,
DBML, Cookies., :
<DBOUTPUT>
#Cookies.User_Id#
</DBOUTPUT>

,

.
, FindUser, 
, USER_ID,
,
, ( ,
#FindUser.UserId#).
, DBQUERY,
, RecordCount CurrentRow,

, DBOUTPUT,
. ,
(#FindUser.RecordCount#).

269




Cold Fusion 
.
HIDDEN (), , 
, , 
Cold Fusion , .
, :
_required
. ,
.
_integer
. , ,
, .
_float
. , ,
, .
_range
MIN = _
MAX = _
, 
.
_date
. , 
: DD/MM/YY,
DD/MM/YYYY, DD/MM ( ). 
, , ( , DD?MM?YY).

,
: FullName 
Birthday, HID?
DEN, .
: <INPUT TYPE="TEXT" NAME="FullName">
<INPUT TYPE="HIDDEN" NAME="FullName_required"
VALUE=" !">

270


: <INPUT TYPE="TEXT" NAME="Birthday">
<INPUT TYPE="HIDDEN" NAME="Birtday_date"
VALUE=" DD/MM/YYYY (,
20.08.1968)">

DBML
Cold Fusion 
. ,
, #, 
, #DateFormat(Form.LastUpdate)#.
,
.
DateFormat
/
DD/MM/YY.
12/01/96
TimeFormat
/ HH:MI
AM/PM.
10:22 AM
NumberFormat
, 
.
10,256
DecimalFormat
, NumberFormat,
.
10,256.3
DollarFormat
, DecimalFormat, $
.
$10,256.73
YesNoFormat
Yes No. 
Yes, No.
Yes

271

ParagraphFormat
, TEXT?
AREA. , 
HTML (<P>).
HTMLCodeFormat

(>, <, ", &), HTML
(<PRE>).
HTMLEditFormat
, HTMLCodeFormat,
<PRE>.

272

ValueList QuotedValueList
,

, 
.
, ,
ValueList 11,22,33,44,
QuotedValueList, ,
'11','22','33','44'.

IN , :
<DBQUERY NAME="Customers" ... ...>
<DBQUERY NAME="CustomerOrders" DATASOURCE="EXAMPLE"
SQL="SELECT * FROM Orders WHERE Customer_ID
IN ( #ValueList(Customer.CustomerID)# )">

, , 

:
ParameterExists
, 
, Yes No. ,
UserId, 
:
<DBIF #ParameterExists(Form.UserId)# is Yes>
PreserveSingleQuotes
SQL 
,
SQL.
:
SELECT * FROM Persons WHERE
FullName Like '#PreserveSingleQuotes(Form.FullName)#%'
URLEncodedFormat
+ 
, 
URL.
IncrementValue DecrementValue
,
. , 
OrderCount :
<DBSET #OrderCount# = #IncrementValue(OrderCount)#

(DBIF & DBELSE)



DBIF DBELSE,

.
DBIF ( DBELSE 
):
<DBIF >
HTML DBML
<DBELSE>
HTML DBML
</DBIF>
DBIF , 
Cold Fusion (, #Form.Na?
me#, #CGI.User_Agent#), , 
( ).
DBIF 
:

is , ,
True (),
;

is not , is;

Contains ,

True, ;

273

does not contain , contains;

great then ,
True, ;

less then ,
, True, ;

greater then or equal to , less


then;

less then or equal to , great


then;

<DBIF #PersonSearch.RecordCount()# is 0>


<P>, ,
!
<DBELSE>
<DBOUTPUT QUERY="PersonSearch">
<HR>
: #FullName# <BR>
<DBIF #Phone# is "">
: #Phone# <BR>
<DBIF>
</DBOUTPUT>
</DBIF>
URL (DBLOCATION & DBABORT)
URL
DBLOCATION.
,
, 
, URL, , 
. ,
:
<DBIF #NewPassword# is not #PasswordConfirmation#>
<DBLOCATION URL="/login/invalidpassword.htm">
</DBIF>

274

URL DBLOCATION 
, . ,
<DBLOCATION URL=#Page#>.
Cold Fusion
DBABORT.
<P>
<DBABORT>
<P>

.

, 
Cold Fusion,
. ,
Cold Fusion, 
, , 
.
, DBINCLUDE.
DBINCLUDE ,
DBQUERY, DBOUTPUT DBTABLE. DBINCLUDE
TEMPLATE, .
Cold Fusion
( , , 
, , URL CGI).

test.dbm:
<DBINCLUDE TEMPLATE="test.dbm">
MIME
Cold Fusion MIME ,
( 
text/html). DBCONTENT, 
TYPE, , ,
. , VRML
:
<DBCONTENT TYPE="xworld/xvrml">
<DBQUERY NAME="GetCyberRoom"
SQL="SELECT VRML_Script FROM CyberRooms WHERE
RoomNumber=#URL.RoomNumber#">
<DBOUTPUT QUERY="GetCyberRoom">

275

#VRML_Script#
</DBOUTPUT>
, Cold Fusion , 
DBOUTPUT.


SQL
, 
, 
, . Cold Fusion DBSQL, 
DBQUERY, SQL
, . DBSQL
SQL, 
SQL.

<DBQUERY NAME="SiteSearch" DATASOURCE="Sites Database"


SQL="SELECT * FROM SITES WHERE SiteType = #SiteType# ">
<DBIF #Form.City# is not "">
<DBSQL SQL=" AND City = '#Form.City#' ">
</DBIF>
<DBIF #Form.SortOrder# is not "">
<DBSQL SQL=" ORDER BY #Form.SortOrder# ">
</DBIF>
</DBQUERY>


DBTRANSACTION. ,
, .
, ,
, .
, 
:
<DBTRANSACTION>
<DBQUERY NAME="WithdrawCash" DATASOURCE="Bank Accounts"
SQL = "UPDATE Accounts SET Balance = Balance #Amount#
WHERE Account_ID = #AccountFrom# ">
<DBQUERY NAME="DepositCash" DATASOURCE="Bank Accounts"
SQL = "UPDATE Accounts SET Balance = Balance + #Amount#
WHERE Account_ID = #AccountTo# ">
</DBTRANSACTION>

276

, ODBC .
, Oracle, SQL Server Access 
, FoxPro, dBase Paradox .

DBOUTPUT , 
. 
GROUP DBOUTPUT,
DBOUTPUT. ,
. DBOUTPUT 
, ,
.
, 
:
<DBQUERY NAME="ListEmployees" DataSource="Employees"
SQL="SELECT * FROM Emp ORDER BY Department">
<DBOUTPUT QUERY="ListEmployees" GROUP="Department">
<P> <H2>#ListEmployees.Department#</H2>
<UL>
<DBOUTPUT>
<LI> #FullName# ##
</DBOUTPUT>
</UL>
</DBOUTPUT>
, 
, .
( 
DBOUTPUT ), 
SQL
(, ORDER By Country, Region).

HTML SELECT 
, (,
checkbox), ,
.
IN SQL.

, :
<SELECT NAME="SelectedPersons" MULTIPLE SIZE="3">
<OPTION VALUE="1"> ..
<OPTION VALUE="2"> ..

277

<OPTION VALUE="3" SELECTED> ..


</SELECT>
, ,
SQL:
SQL="SELECT * FROM Persons
WHERE Person_ID IN ( #SelectedPersons# )
, , 
IN, . ,
Cold Fusion, ,
HIDDEN
. , 
:
<INPUT TYPE="HIDDEN" NAME="SelectedPersons" VALUE="1">
SQL
DBOUTPUT, SELECT SQL, 
,
, SQL, :

INSERT .

UPDATE .

DELETE .

SQL DBIN?
SERT DBUPDATE
. ,
,
, , 
.

5.
WebOracleWeb
(WOW)
WOW Unix.
WWW (Web) SQL
Oracle (Oracle) HTML
(Web). , WOW 
Oracle PL/SQL, 
SQL.
. 

278

Oracle 
.
WOW WWW
PL/SQL. 
, WWW. 
, PL/SQL
HTML.

, WOW , 
CGI PL/SQL.
htp , 
HTML. htf
, HTML
.


. WOW 2Mb 
. :

Unix;

WWW;

Oracle Oracle SQL*Net



Oracle.

I
, , 
wowstub.
wowstub 
Oracle SQL*Net.
make Makefile.
Makefile
Oracle Unix:

ORACLE_HOME ,
ORACLE_HOME
Oracle.

DEST_DIR ,
CGI WWW.

279

DOC_ROOT
WOW.
WWW.

II
wowstub,
Oracle.
1. , WOW
.
WWW.
2. 
. 
SQL , WOW:

wow.sql

ht.sql

math.sql

emp.sql

showemp.sql

hanoi.sql.


:

SQL*Plus

SQL*DBA

Server Manager

Enterprize Manager.

III
wowstub CGI
WWW.
wow, sh:

ORACLE_HOME ORA?
CLE_HOME Oracle SQL*Net;

TWO_TASK TWO_TASK
Oracle;

280

WOW_UID
, II .

wow
CGI WWW.

WOW.
WWW www.cnit.nsu.ru URL:
http://www.cnit.nsu.ru/cgibin/wow.win /example.test?answer=no
:

WWW
CGI wow.win.

wow.win
test example answer,
no, WWW
Oracle.

Oracle
, . ,
HTML
, wow.win.

wow.win
Microsoft CodePage 1251,
Windows, WWW.

WWW ,
, WWW.

URL, PL/SQL
:

WOW,
CGI.

wow .koi8, .win, .iso, .alt


WWW:

8

Microsoft Code Page 1251

ISO 88595

Microsoft Code Page 866

281

:
http://www.cnit.nsu.ru/cgibin/wow.win
PL/SQL, . 

www Oracle. , PL/SQL
www . (test)
www, :
http://www.cnit.nsu.ru/cgibin/wow.win/test
(example),
www, :
http://www.cnit.nsu.ru/cgibin/wow.win/example.test
Oracle,
. , fancy :
http://www.cnit.nsu.ru/cgibin/wow.win /fancy.example.test
www 
, GRANT SQL.
, ?, 
:
<_> = <_>

(&):
<_1>=<_1>&
<_2>= <_2>

. 
.
, . 
. 
.

, . 
, .
:
http://www.cnit.nsu.ru/cgibin/wow.win /example.test?answer=no
WOW
PL/SQL, 
WWW.

282

, WOW ,
varchar2.  
,
varchar2.
htp HTML
.
<HTML> ... </HTML> 
,
.
example:
Create or Replace package example is
procedure test(answer in Varchar2);
end;
/
Create or Replace package body example is
procedure test(answer in Varchar2) is
varchar2(3);
cursor c_man(ans in varchar2) is select from
_ where =ans order by ;
begin

htp.p('<HTML>');

if answer = 'no'
then
:='';
htp.htitle(' , ');
else
:='';
htp.htitle(' , ');
end if;
htp.olistopen;

for man in c_man() loop

htp.item(man.);
end loop;

htp.olistclose;

htp.p('</HTML>');
end;

283

end;
/
WWW Oracle 
:
Create table _( varchar2(30),
varchar2(14),
varchar2(20),
varchar2(3));
WOW HTML. 
example .
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<H1> </H1>
<FORM ACTION="http://www.cnit.nsu.ru/cgi
bin/wow.win/example.test">
:<INPUT NAME="answer">
<INPUT VALUE="" TYPE="SUBMIT">
</FORM>
</BODY>
</HTML>

htp

284

procedure bold(ctext in varchar2) ctext


( <B>).

procedure italic(ctext in varchar2) ctext


italic ( <I>).

procedure item(cval in varchar2) cval


( <ITEM>).

procedure formOpen(curl in varchar2)


curl ( <FORM>).

procedure formHidden(cname in varchar2, cvalue in varchar2)


cvalue
cname.

procedure formPassword(cname in varchar2), procedure


formPassword(cname in varchar2, cvalue in varchar2)

cname cvalue.

procedure formField(cname in varchar2, nsize in integer),


procedure formField(cname in varchar2), procedure
formField(cname in varchar2, cvalue in varchar2)

cname nsize cvalue.

procedure formText(cname in varchar2, nrow in integer, ncol in


integer) (
ncol, nrow)
cname.

procedure title(ctitle in varchar2)


( <TITLE>).

procedure htitle(ctitle in varchar2)



( <TITLE>, <H1>).

procedure header(nsize in integer, cheader in varchar2)


nsize ( <H1> ... <H6>).

procedure formCheckbox(cname in varchar2)


checkbox
cname.

procedure url(curl in varchar2, cname in varchar2)


cname ,
curl ( <A HREF>).

procedure formRadio(cname in varchar2, cval in varchar2)


radiobutton
cval cname.

procedure gif(curl in varchar2)


, curl ( <IMG>).

procedure formSelectOpen(cname in varchar2)


cname.

procedure gif(curl in varchar2, calign in varchar2)


, curl ,
calign ( <IMG>).

procedure formSelectOption(cval in varchar2)


cval ,
formSelectOpen.

procedure formSelectClose ,
formSelectOpen.

285

286

procedure formDo(cname in varchar2)


SUBMIT cname.

procedure dlistClose
( </DL>).

procedure formDo SUBMIT


Submit.

procedure dterm ( <DT>).

procedure ddef ( <DD>).

procedure formUndo(cname in varchar2)


RESET cname.

procedure preOpen .

procedure formUndo RESET


Reset.

procedure preClose .

procedure formClose .

procedure print (cbuf in varchar2), procedure print (dbuf in date),


procedure print (nbuf in number)
.

print p

procedure p (cbuf in varchar2)

procedure p (dbuf in date)

procedure p (nbuf in number).

procedure line ( <HR>).

procedure para ( <P>).

procedure nl ( <BR>).

procedure item ( <LI>).

procedure ulistOpen
( <UL>).

procedure ulistClose
( </UL>).

procedure olistOpen
( <OL>).

procedure olistClose
( </OL>).

procedure dlistOpen
( <DL>).

CGI, PHP, Perl, MySQL CMS

287

6.
CGI, PHP, Perl, MySQL CMS

1.
CGI
World Wide Web 
, Web . 
Web 
,
 .
Web 
Common Gateway Interface (CGI),
Windows , , 
Unix.
Windows CGI , Web
HTML , POST .
,
(query string), URL. 
, 
:
URLEncoded
,
.
HTML 1.0, ,
. 
application/ x www form
urlencoded.
Multipart Form Data

.
MIME . 
. , multipart/

288

CGI, PHP, Perl, MySQL CMS

form data.
.

CGI
CreateProcess() CGI 
. CGI , 
CGI .
Win32 WaitForSingleObject(), 
CGI .

CGI
CreateProcess() :
WinCGIexe cgidatafile
WinCGI?exe CGI . 
PATH.
, .EXE
. , 
, WIN.INI System Registry.
cgi?data?file CGI .

CreateProcess() , 
.
.
CGI
, CGI 

. CGI
.

CGI
CGI Windows private
profile afqk,  (windows INI ). CGI
, 
,
.
CGI :

CGI

CGI, PHP, Perl, MySQL CMS

Accept

System

Extra Headers

Form Literal

Form External

Form Huge

Form File

289

[CGI]
CGI 
( , , , 
..).
. , 
. 
:
Request Protocol
, 
. : /
.
:
HTTP/1.0
Request Method
, . HTTP
GET, HEAD, POST ..
Executable Path
CGI ,
CGI .
Logical Path
, 
. ,

.

290

CGI, PHP, Perl, MySQL CMS

Physical Path
,
(, )
.
Query String
, ? URL CGI
. 
, URL.
Request Range
Byterange (
). Internet Draft ( RFC), 
HTTP .
CGI byteranging.
Referer
URL , CGI .
,
.
From
Email . ,
HTTP, 
.
User Agent
, . 
.
Content Type
MIME , 
, . 
:
type/subtype
Content Length
,
.
Content File
, ,
, , WEB

CGI, PHP, Perl, MySQL CMS

291

. ,
. 
.
Server Software
, 
CGI. :
name/version
Server Name
, 
URL ( Server
Port) URL .
Server Port
, .
Server Admin
Email . 

URL mailto:.
CGI Version
CGI. :
CGI/
Remote Host
, . 
.
Remote Address
(IP) . 
.
Authentication Method
CGI , 
 , 
.
Authentication Realm
CGI , 
 , 
.
.

292

CGI, PHP, Perl, MySQL CMS

Authenticated Username
CGI ,
, 
CGI.

[Accept]
, ,

Accept: type/subtype {parameters}
(, q=0.100),
Accept. 
Accept.

[System]
, Windows
CGI:
GMT Offset
,
.
Debug Mode
Yes
CGI/script tracing .
Output File
, ,
.
Content File

, .

[Extra Headers]
,
=. 
, 
CGI.

CGI, PHP, Perl, MySQL CMS

293

[Form Literal]
HTTP POST HTML 
( application/x?www?form?urlencoded multi?
part/form?data),
[Form Literal].
URL , 
=&= &...,
url .
= &, 
, 
=_ [Form Literal].

MIME , 
().
= [Form Literal].
 SELECT MULTIPLE,
= 
. 
= , 
_X=, X
.

[Form External]
254
, , 
, , .., 
, [Form
External] :
=
, 
,
.

[Form Huge]

65,535 , ,
Content File, [Form Huge] :
=

294

CGI, PHP, Perl, MySQL CMS

Content File
, 
.

. ,
, 
.

[Form File]
multipart/form?data, 
.

, [Form File] , [Form
External]. :
=[___] [_]
___ , 
, 
, MIME ,
_
. ,
.


, SELECT
MULTIPLE 2 , 300 , 
, 230KB.
[Form Literal]
smallfield=123 Main St. #122
multiple=first selection
multiple_1=second selection
[Form External]
field300chars=C:\TEMP\HS19AF6C.000 300
fieldwithlinebreaks=C:\TEMP\HS19AF6C.001 43
[Form Huge]
field230K=C:\TEMP\HS19AF6C.002 276920


CGI , (
) . 
HTTP HTTP
.

CGI, PHP, Perl, MySQL CMS

295

, HTTP
, CGI .
CGI : 
. ,
. ,
MIME , .
, , 
CGI .



:

296

CGI, PHP, Perl, MySQL CMS

, CGI 
(Output File), ,
HTTP/1.0, , HTTP
.

CGI?
, ( URL) 
HTTP
, :
GET /~paaa/cgibin/guestbbok.cgi HTTP/1.0
.
,
(: Accept: */*).

ContentType:
MIME . 
type/subtype.

: .html,
, :

URI: <value> (value enclosed in angle brackets)


URL 
,
. , 
,
GET . URL,
401 redirect 
.

HTTP/1.0 200 Okay


ContentType: text/html
<HTML>
<BODY>
.......
</BODY></HTML>
, ,
.

Location:
, URI, .
value .


,
.



.

. CGI 
HTTP
.

(
) , URL:
<HTML><BODY>...
WWW ...
 
, , ?
, . URL
(CGI, Common Gateway Inteface
) , , 
...
.cgi, , 
,  , ,
.

CGI, PHP, Perl, MySQL CMS

297

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


cgi?bin:
cd public_html
mkdir cgibin
chmod 0777 cgibin
.
:
#!/usr/bin/perl
#first.cgi
print "ContentType: text/html\n\n";
print "<HTML><BODY>";
print <H1>Hello you!!!</H1>;
print </BODY></HTML>;
cgi?bin first.cgi. ,
?
( ):
chmod +x first.cgi
,

http://www...ru/~_/cgibin/first.cgi
. : 
, (,
!), Internal Server Error ,
 .
. 
:
perl  first.cgi
Perl ( , 
, ...)

298

CGI, PHP, Perl, MySQL CMS

.
, :
print "ContentType: text/html\n\n"; #
print "ContentType: text/html\n"; #!!!
.
#!/usr/bin/perl , 
Perl.
/usr/bin/perl /usr/local/bin/perl, 
which perl whereis perl, (
) : find / ?name perl ?print.

#,
, .
print Content?Type: text/html\n\n; , 
.
, STDOUT
. , 
:
<HTML><BODY>
<H1>Hello you!!!</H1>
</BODY></HTML>

( ,
HTTP 
).
, , , 
.

, .

CGI

, HTML , 
.  CGI 
, .
:
http://www.somehost.ru/somedir/cgibin/my_cgi.cgi?param=value

CGI, PHP, Perl, MySQL CMS

299

, my_cgi.cgi 
param value, ,
yahoo altavista.
...
CGI 
,
HTTP .
:
REQUEST_METHOD
,
HTTP HTTP GET POST
.
, GET
URL, ..
http://www..../myscript.cgi?request
POST HTTP (
GET ), CGI :
GET QUERY_STRING, POST 
STDIN .
:
REQUEST_METHOD=GET
QUERY_STRING
GET.
, ,
URL 
.
urlencode. 
, URL +,
%hh, hh 
, &,
.
:
QUERY_STRING= name=quake+doomer&age=20&hobby=games

300

CGI, PHP, Perl, MySQL CMS

CONTENT_LENGTH
. POST 
STDIN CONTENT_LENGTH ,
.
POST , 
TEXTAREA.
, GET 
URL.
:
CONTENT_LENGTH=31
CONTENT_TYPE
. , 

application/xwwwformurlencoded
GATEWAY_INTERFACE
CGI.
:
GATEWAY_INTERFACE=CGI/1.1
REMOTE_ADDR
IP? , .
:
REMOTE_ADDR=139.142.24.157
REMOTE_HOST
,
, IP?,
REMOTE_ADDR.
:
REMOTE_HOST=idsoftware.com
SCRIPT_NAME
, . 
SCRIPT_FILENAME.
:
SCRIPT_NAME=/~paaa/guestbook.cgi

CGI, PHP, Perl, MySQL CMS

301

SCRIPT_FILENAME
.

302

CGI, PHP, Perl, MySQL CMS

MIME, 
.

SCRIPT_FILENAME=/home/p/paaa/public_html/cgibin/ guestbook.cgi

HTTP_ACCEPT=text/html,text/plain,image/gif

SERVER_NAME
. , www.microsoft.com,
IP?,
157.151.74.254.
:
SERVER_NAME=www.uic.nnov.ru
SERVER_PORT
TCP . .
HTTP? 80, .
:
SERVER_PORT=80
SERVER_PROTOCOL
.
:
SERVER_PROTOCOL=HTTP/1.1
SERVER_SOFTWARE
.
:
Apache/1.0
AUTH_TYPE, REMOTE_USER
, 
.

HTTP
HTTP?,
, 
HTTP_ ? _:
HTTP_ACCEPT

, 
Accept.

HTTP_USER_AGENT
,

CGI .
, 
 HTML .
:
HTTP_USER_AGENT=Mozila/2.01 Gold(Win95;I)
HTTP_HOST
.
( 
), 
.

,
.
:
HTTP_HOST=www.nnov.city.ru
.
#!/usr/bin/perl
#vars.cgi
sub urldecode{ #
local($val)=@_; #, CGI
$val=~s/\+/ /g;
$val=~s/%([09AH]{2})/pack(C,hex($1))/ge;
return $val;
}
print "ContentType: text/html\n\n";
print "<HTML><HEAD><TITLE>CGIVariables</TITLE></HEAD>\n";
print "<BODY>\n";
print "Enter here something:<ISINDEX><BR>\n";
print "Your request is:$ENV{REQUEST_STRING}<BR>\n";
print "Decoded request is:urldecode($ENV{REQUEST_STRING})
<BR>\n";

CGI, PHP, Perl, MySQL CMS

303

print "<HR>\n";
print "Variables:<BR>\n";
print "<I><B>REQUEST_METHOD</B></I>=$ENV{REQUEST_METHOD}
<BR>\n";
print "<I><B>QUERY_STRING</B></I>=$ENV{QUERY_STRING} <BR>\n";
print "<I><B>CONTENT_LENGTH</B></I>=$ENV{CONTENT_LENGTH}<BR>\n";
print "<I><B>CONTENT_TYPE</B></I>=$ENV{CONTENT_TYPE}<BR>\n";
print "<I><B>GATEWAY_INTERFACE</B></I>=$ENV{GATEWAY_INTERFACE}
<BR>\n";
print "<I><B>REMOTE_ADDR</B></I>=$ENV{REMOTE_ADDR}<BR>\n";
print "<I><B>REMOTE_HOST</B></I>=$ENV{REMOTE_HOST}<BR>\n";
print "<I><B>SCRIPT_NAME</B></I>=$ENV{SCRIPT_NAME}<BR>\n";
print "<I><B>SCRIPT_FILENAME</B></I>=$ENV{SCRIPT_FILENAME}
<BR>\n";
print "<I><B>SERVER_NAME</B></I>=$ENV{SERVER_NAME}<BR>\n";
print "<I><B>SERVER_PORT</B></I>=$ENV{SERVER_PORT}<BR>\n";
print
"<I><B>SERVER_PROTOCOL</B></I>=$ENV{SERVER_PROTOCOL}<BR>\n";
print
"<I><B>SERVER_SOFTWARE</B></I>=$ENV{SERVER_SOFTWARE}<BR>\n";
print "<I><B>HTTP_ACCEPT</B></I>=$ENV{HTTP_ACCEPT}<BR>\n";
print
"<I><B>HTTP_USER_AGENT</B></I>=$ENV{HTTP_USER_AGENT}<BR>\n";
print "<I><B>HTTP_HOST</B></I>=$ENV{HTTP_HOST}<BR>\n";
print "<HR>\n";
print "All enviroment:<BR>\n";
foreach $env_var (keys %ENV){
print "<I>$env_var=$ENV{$env_var}</I><BR>\n";
}
print "</BODY></HTML>\n";
.cgi? , 
cgi?bin
mkcgi, :
#!/bin/sh
#mkcgi
chmod +x *.cgi
chmod +x mkcgi
.
, ...
, ,
CGI.

304

CGI, PHP, Perl, MySQL CMS


 HTTP,
, ,
CGI .

HTTP ()
. TCP/IP. 
TCP (80 HTTP (
, FTP SMTP 21 25)).
:
( ) .
URI HTTP
.
, 
, HTTP ,

. .
TCP/IP.

HTTP
( )
.
:
<SP> URI <SP> HTTP/ <CRLF>
<SP> , <CRLF> .

HTTP
GET
, HTTP/0.9

URI. , If?
Modified?Since:
HEAD
GET, , 
, ().

CGI, PHP, Perl, MySQL CMS

305


, .

306

CGI, PHP, Perl, MySQL CMS

Referer:
URL .
Referer: http://www.uic.nnov.ru/~paaa/index.html

POST
, URI.
Content?Length: 
, , PUT 
URI DELETE .


.
(general?header) ( , 
):

UserAgent:
.
UserAgent: Mozilla/3.0
(Entity?Header)
, ( 
).
Allow: ( )
, .
Allow: GET, HEAD

Date:
, :
Date: Sun, 20 Nov 1994 08:12:31 GMT
MIMEversion:
MIME ( 1.0):
MIMEversion: 1.0
Pragma:
,
:
Pragma: nocache
, (Request?Header):
Authorization:
:
Authorization: Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ==
From:

ContentEncoding:
, 
.
ContentEncoding: xgzip
ContentLength:
.
ContentLength: 102
ContentType:
(MIME), 
().
ContentType: text/html; charset=windows1251
Expires: ( )

( ).
Expires: Tue, 24 Sep 1998 23:00:15 GMT

:
From: quake@doom.ru
IfModifiedSince:
GET, ,
, 
.
IfModifiedSince:Mon 15 Jul 1997 00:15:24 GMT

LastModified: ( )
.
LastModified: Tue, 23 sep 1998 13:48:40 GMT
:
Accept:
,
.

CGI, PHP, Perl, MySQL CMS

307

Accept: text/html
Accept: text/plain
Accept: image/gif
Host:
, , .
. 
, 
.
.
Host: www.nnov.city.ru

:
GET /index.html HTTP/1.0
:
GET /somedir/somedoc.html HTTP/1.0
UserAgent: Mozilla/2.0
Accept: text/html
Accept: text/plain
Accept: image/gif

CGI GET:
GET /~paaa/cgibin/test.cgi?
name=Dmitry&organization=%D3%ED%E8%E2%E5%F0%F1%E8%F2%E5%F2+%CD%E8%
E6%ED%E5%E3%EE+%CD%EE%E2%E3%EE%F0%EE%E4%E0 &Name=&email=&comment=
HTTP/1.0
UserAgent: Mozila/2.0
Accept: text/html
Accept: image/gif
POST, 
:
POST /~paaa/cgibin/test.cgi HTTP/1.0
UserAgent: Mozila/2.0
Accept: text/html
Accept: image/gif
ContentType: application/xwwwformurlencoded
ContentLength: 131
name=Lesha
&organization=%D3%ED%E8%E2%E5%F0%F1%E8%F2%E5%F2+%CD%E8
%E6%ED%E5%E3%EE+%CD%EE%E2%E3%EE%F0%EE%E4%E0&Name=
&email=
&comment=

308

CGI, PHP, Perl, MySQL CMS

HTTP
. 
. (General?Header),
(Entity?Header), 
(Response?Header).
:
HTTP/version <SP> StatusCode <SP> StatusPhrase
HTTP/version , Status?Code 3 ,
Status?Phrase , .
:
HTTP/1.0 200 Ok
200 , , 
Ok
:
Location:
URI , 
, 
.
Location: http://www.uic.nnov.ru/newlocation/index.html
Server:
.
Server: Apache/1.1
WWWAutenticate:
.
WWWAutenticate: Basic realm="doomsday"

HTTP
RFC?1945.
:
HTTP/1.0 200 Ok
Date: Wed, 25 Sep 1998 23:00:00 GMT
Server: Apache/1.1
MIMEversion: 1.0
LastModified: Mon 15 Nov 1996 15:20:12 GMT
ContentType: text/html
ContentLength: 2000

CGI, PHP, Perl, MySQL CMS

309

<HTML><HEAD><TITLE>Hello</TITLE></HEAD>
<BODY bgcolor="green" text="yellow">
......
</HTML>
:
HTTP/1.0 404 Not Found

CGI
, URI CGI, ,
CGI
. CGI?, 
, .
(CGI?Header) :
ContentType:
, .
ContentType: text/html
Location:
URL , 
. , , 
.
Location: http://www.idsoftware.com/index.html
Status:
CGI ,
, 200 Ok
Status: 404 Not found

, .
:
:
ContentType: text/html
<HTML><HEAD>.......
( ):
Location: http://www.mustdie.ru/
:
ContentType: image/gif
Status: 190 Its seems great like a playing doom! WOW!
GIF89a........

310

CGI, PHP, Perl, MySQL CMS

Nph
CGI
, . 
, ,
.
nph? (Not Parse Header), 
nph?.
: nph?animate.cgi.
HTTP , 
:
#!/usr/bin/perl
#nphanimate.cgi
$times = 20;
# gif
@files = qw(img0.gif img1.gif img2.gif img3.gif);
select (STDOUT);
$|=1; #autoflush mode on
#Generate header
print "HTTP/1.0 200 Okay\n";
print "ContentType: multipart/xmixedreplace; boundary=mybound
ary\n\n";
print "myboundary\n";
for ($num=1;$num<=$times;$num++) {
foreach $file (@files) {
print "ContentType: image/gif\n\n";
open(PIC,"$file");
print <PIC>;
close(PIC);
print "\nmyboundary\n";
sleep(3);
}
}
print "\nmyboundary\n";
,
.gif.



, ,
. , CGI

CGI, PHP, Perl, MySQL CMS

311

. . ,
Unix 
, (,
paaa, 1818). 
, ,
.
,
, 
.
, .
, , 
.
.
, . 
. 
. , users ( )
, wheels ( ).
, ( Netscape, , 
), .
.

312

CGI, PHP, Perl, MySQL CMS

3 .

3 :

ls
l.
, 
.
chmod, :
chmod [u|g|o]{+|}{r|w|x} file
chmod number file
:

u user

g group

o other

r read

Unix .  
, 
.

w write

x execute

,
. , 
.

+ .

, DOS
. , 
, ( DOS,
readonly ).

3 3 . 
.

1 ,
;

2 , ;

:
chmod +r file.txt #
chmod u+w file.txt #

chmod +x gbook.cgi # ,
,
chmod 0777 cgibin #
cgibin
, 

, , ,
, , ,
.

CGI, PHP, Perl, MySQL CMS

313

, , 
. , root 
.
, 
. chmod +x *.cgi, 
.
.
(
). ,
, , .
?

314

CGI, PHP, Perl, MySQL CMS

 , ?
!

. , 
,
,  .
setuid
passwd, .
, 
, ,
.

, 
, (
), nobody (
).

,
,
(
).

, ,
 (
), .

.
, ?

, 
, 0777.
:
chmod 0777 guestbook.dat

cgi?bin, :
chmod 0777 cgibin
, 
, 99%  !
setuid (
, , ,
Unix setuid
). :
.
.
( ),
, .

, .

passwd!
, , root?
, setuid. 
.
, , 
setuid :
chmod +s myprogramm
:
public_html ,
: , . 
setuid .
#!/usr/bin/perl
#listmydir.cgi
print "ContentType: text/html\n\n";
if(!(r ..)){
print ".. is not allowed for reading ;)))))\n";
}
else{
@list=glob(../*);
foreach(@list){
print "<A href=\$_\>$_</A>";

CGI, PHP, Perl, MySQL CMS


print
print
print
print
}
}

315

"&nbsp;readable" if r;
"&nbsp;writable" if w;
"&nbsp;executable" if x;
"<BR>\n";


MIME
MIME (e?mail) ,
e?mail 
.
HTTP , 
MIME .
MIME .
:
text/plain
text , plain
, .
( , MIME 
), :

text/html

text/plain

text/richtext

image/gif

image/jpeg

image/tiff

audio/basic

audio/32kadpcm

audio/

video/mpeg

video/quicktime

multipart/mixed

316

CGI, PHP, Perl, MySQL CMS

multipart/alternate

multipart/

application/octet?stream

application/msword

application/postscript

message/digest

MIME ,
,
WWW . Content?Type:
ContentType:
.
, x?:
text . ,
plain, .
html.
text ,
charset. ,
, 
, charset:
ContentType: text/plain; charset=usascii
ContentType: text/html; charset=iso88591
ContentType: text/html; charset=koi8r
multipart ,
. multipart bound?
ary, .
Con?
tent?Type: ( multipart, ..
multipart, boundary ).
multipart/mixed (
) multipart/alternative ( ,
, HTML
, , 
).
WWW x?mixed?replace, 
,
, .

CGI, PHP, Perl, MySQL CMS

317

. , 
 (..  diUr344rnmvforgefvrg923rghyj2).
, boundary=boundary,
, boundary, 
boundary, 
, .
:
MIMEVersion: 1.0
ContentType: multipart/alternative;
boundary="w23renff491nc4rth56u349449"
w23renff491nc4rth56u349449
ContentType: text/plain; charset="koi8r"
Hello,World!!
w23renff491nc4rth56u349449
ContentType: text/html; charset="usascii"
<H1>Hello,Word!!</H1>
<HR>
<FONT size=+1 color=red>Hello people!</FONT>
w23renff491nc4rth56u349449
message .
email, WWW.
image ( image/
gif image/jpeg).
audio .
video .
application  .
, , 
.
application/msword
: Word . 
:
.
octet?stream ,
( ,
Netscape Navigator, , 
application/octet?stream, text/plain,
CGI )

318

CGI, PHP, Perl, MySQL CMS

application, , 
x? . :
application/xfucktonetscapenavigator
name .
:
ContentType: application/msword; name="readme.doc"
HTTP, 
, image audio.
:
ContentType: image/gif; name="myfoto.gif"
ContentTransferEncoding:

,
.
:
7bit 8bit quotedprintable base64 binary x
MIMEVersion:
MIME.

. ,
: , ,
.
WEB
CGI.

, , 
, .
JavaScript , 
( 
) navigator.AppName navigator.AppCodeName navigator.app
Version navigator.userAgent:
<SCRIPT language="JavaScript">
if(navigator.AppName=="Netscape"){
/*  Netscape*/
}

CGI, PHP, Perl, MySQL CMS

319

else if(navigator.AppName=="Microsoft Internet Explorer"){


/*  Explorer*/
}
else{
/* 
*/
}
</SCRIPT>

<SCRIPT language="JavaScript">
if((navigator.AppName=="Netscape")&&(parseFloat
(navigator.appVersion)<3.0)){
document.writeln( );
}
</SCRIPT>
!
CGI .
, 
. ,
.
User?Agent:,
HTTP_USER_AGENT, 
.
, Mozilla/3.01Gold (Win95;I),
Netscape (Mozilla Netscape
Navigator), 3.01Gold.

, Win95 , 
U (USA) I (Inter?
national).
( ,
User?Agent:,
/).
,  , 
, ,
.
#!/usr/bin/perl
#oldbrowser.cgi
print "ContentType: text/html\n\n";
if(defined ($ENV{HTTP_USER_AGENT})){

320

CGI, PHP, Perl, MySQL CMS


$browser=$ENV{HTTP_USER_AGENT};
($vers)=($browser=~/\/(\d+\.\d+)/);
if(($browser=~/mozilla/i)&&($vers<=2.0)){
print "<HTML><HEAD><TITLE>Too old!</TITLE></HEAD>";
print "<BODY bgcolor=\"red\" text=\"black\">";
print "<CENTER><H1> Netscape ";
print "( ;))</H1></CENTER>";
print "</BODY></HTML>";
exit;
}
if(($browser=~/msie/i)&&($vers<=3.0)){
print "<HTML><HEAD><TITLE>Too old!</TITLE></HEAD>";
print "<BODY bgcolor=\"red\" text=\"black\">";
print "<CENTER><H1> Explorer ";
print "( 4.0
)</H1></CENTER>";
print "</BODY></HTML>";
exit;
}
}
print "<HTML><HEAD>.........";
, , ?!

. , 
. , Explorer BGSOUND,
( Netscape ,

plugin).
,
( , 
), 
, ,
.
,
.
#!/usr/bin/perl
#download.cgi
sub urldecode{
local($val)=@_;
$val=~s/\+/ /g;
$val=~s/%([09ahAH]{2})/pack(C,hex($1))/ge;
return $val;

CGI, PHP, Perl, MySQL CMS

321

}
@Filelist=qw(index.html readme.txt jmj00.mid gunshot.wav
foto.gif);
@Sel_list=();
if($ENV{REQUEST_METHOD} eq GET){$query=$ENV{QUERY_STRING};}
elsif($ENV{REQUEST_METHOD} eq
POST){sysread(STDIN,$query,$ENV{CONTENT_LENGTH});}
if($query eq ){
# ,
, .
print "ContentType: text/html\n\n";
print "<HTML><HEAD><TITLE>File Downloading</TITLE></HEAD>";
print "<BODY bgcolor=\"white\">";
print " :<BR>";
print "<FORM METHOD=\"POST\">";
print "<SELECT NAME=\"file\" size=4 multiple>";
foreach(@Filelist){
print "<OPTION value=\"$_\">$_";
}
print "</SELECT><BR>";
print "<INPUT TYPE=\"Submit\" value=\"Download!\">";
print "</FORM>";
print "</BODY></HTML>"
}
else{
@formfields=split(/&/,$query);
foreach(@formfields){
if(/^file=(.*)/){push(@Sel_list,urldecode($1));}
}
unless(@Sel_list){
print "ContentType: text/html\n\n";
print "<HTML><BODY><CENTER><H1> 
";
print "</H1></CENTER></BODY></HTML>";
}
else{
print "ContentType: multipart/mixed;boundary= \"bhy3e23r4t34tne
htpo7678nneu4232y213vdg\"\n\n";
print "bhy3e23r4t34tnehtpo7678nneu4232y213vdg\n";
foreach(@Sel_list){
print "ContentType: application/xqwerty; name=\"$_\"\n\n";
open(F,"$_");
print <F>;

322

CGI, PHP, Perl, MySQL CMS


close(F);
print "\nbhy3e23r4t34tnehtpo7678nneu4232y213vdg\n";
}
print "ContentType: text/html\n\n";
print "<HTML><H1>Thats all folks!</H1></HTML>";
print "\nbhy3e23r4t34tnehtpo7678nneu4232y213 vdg\n";
}
}


.
()
CGI. ,
, ,
.
CGI, Java
JavaScript,
, .
,
.
, URL (
, CGI). 
.
(, , ,
, , , , 
).
.

JavaScript , 
CGI, .
, 
Submit, , .
, 
urlencode FORM 
GET POST URL, .
CGI ( )
QUERY_STRING, STDIN.

CGI, PHP, Perl, MySQL CMS

323

, 
, yahoo  , 
... ,
.
, 
.
,
, ,
yahoo altavista , 
, , .
, 
CGI.
HTML.

FORM
<FORM action="http:// ......cgi" method="GET"|"POST"
enctype="encodingType"
name="formName" target="windowName" onSubmit="Handler">
</FORM>
:
action
URL, , 
, URL (  
).
method
GET POST.
enctype
, application/x?www?form? urlencod?
ed , CGI .
,
( text/plain), 
, ,
, , 
.

324

CGI, PHP, Perl, MySQL CMS

name
JavaScript, ,
. CGI .
target

. .
CGI .
onSubmit
Java Script . 
Java Script .
CGI.
:
<FORM action="http://www.uic.nnov.ru/~paaa/ cgibin/test.cgi"
method="POST">
......... .........
</FORM>
. , 
=. 
CGI, Java Script ,
. , 
 , .
, .
:
<FORM action="http://www.doom/cgibin/test.cgi">
Your Name:<INPUT name="Name"><BR>
EMail:<INPUT name="Email"><BR>
Are you doomer:<INPUT type="checkbox" name="doomer" value="Yes">
<INPUT type="submit" value="Send Form!">
</FORM>
, lesha paaa@uic.nnov.ru,
. 
:
http://www.doom/cgibin/test.cgi?
Name=lesha&Email=paaa@uic.nnov.ru&doomer=Yes
, :
http://www.doom/cgibin/test.cgi?
Name=lesha&Email=paaa@uic.nnov.ru

CGI, PHP, Perl, MySQL CMS

325

, doomer
:
http://www.doom/cgibin/test.cgi?Name=&Email=
(Name Email)
.

(button)
<INPUT type="button" name="buttname" value=" "
onClick="Handler">
,
JavaScript?, onClick. name 
JavaScript? , CGI.
CGI, value ,
.
<FORM onSubmit="return false;">
<INPUT type="button" value=" "
onClick="alert( !);">
</FORM>


Submit
<INPUT type="submit" name="submitName" value=" "
onClick="Handler">
, .
, . 
value.
<FORM onSubmit="alert( !); return false;">
<INPUT type="Submit" value="!">
</FORM>


Reset
<INPUT type="reset" name="resetName" value=""
onClick="Handler">
. 
.
<FORM onSubmit="return false;">
<INPUT name="something"><BR>
<INPUT type="reset" value="!">

326

CGI, PHP, Perl, MySQL CMS


</FORM>

(text)
<INPUT [type="text"] name="textName" value="textValue" size=
[]>
, text INPUT
, . ,
name CGI ( JavaScript, 
,
).
value,
. size 
. onBlur, onChange, onFocus,
onSelect.
<FORM onSubmit="return false;">
<INPUT name="something" size=30
value=" ">
</FORM>


(textarea)
<TEXTAREA name="textareaName" rows="" cols=""
wrap="hard"|"soft">
TextToEdit
</TEXTAREA>
.
rows cols. wrap hard
soft
( ).
, 
, .
Windows \r\n, Unix \n,
, . :
$my_text =~ s/\r\n/\n/g;
<FORM onSubmit="return false;">
<TEXTAREA name="MyText" rows=7 cols=30>

</TEXTAREA>
</FORM>

CGI, PHP, Perl, MySQL CMS

327



(password)
<INPUT type="password" name="passName" size=
value="passValue">
, ,
*. 
.
<FORM onSubmit="return false;">
:
<INPUT type="password"
name="yourpass" size=30>
</FORM>

:

(hidden)
<INPUT type="hidden" name="hiddName" value="hidValue">
. ,
. ( 
),  
.
,
,
. , 
.
<FORM onSubmit="return false;">
, .
<INPUT type="hidden" name="formNum" value="3">
</FORM>

, .

(checkbox)
<INPUT type="checkbox" name="checkboxname" value="checkboxValue"
[checked] onClick="Handler">Text
, value 
, ().
,  , . 
, checked. value

328

CGI, PHP, Perl, MySQL CMS

, on. 
, .
<FORM onSubmit="return false;">
<INPUT type="checkbox" name="inet" value="Yes"
checked>
</FORM>


 (radio)
<INPUT type="radio" name="radioName" value="radioVal1" [checked]
onClick="Handler">Text
checkbox  
name, value,
, .

checked.
:
<FORM onSubmit="return false;">
?<BR>
<INPUT type="radio" name="Radbut" checked>Yes
<INPUT type="radio" name="Radbut">No
</FORM>

?
Yes
No

(select)
<SELECT name="SelectName" size= [multiple] [] >
<OPTION value="optionValue1" [selected]> 1
<OPTION value="optionValue2" [selected]> 2
<OPTION value="optionValue3" [selected]> 3
.....
<OPTION value="optionValueN" [selected]> N
</SELECT>
, ( ) 
. multiple , 
, .

CGI, PHP, Perl, MySQL CMS

329

, .. .
multiple,  
size ( , ). 
, .. 

?SelectName=opt1&SelectName=opt2&SelectName=opt9
. ,
.
onBlur, onChange, onFocus.
<FORM onSubmit="return false;">
:<BR>
<SELECT name="singleSel">
<OPTION value="white">
<OPTION value="black">
<OPTION value="magenta">
<OPTION value="green">
<OPTION value="red">
</FORM>

:

<FORM onSubmit="return false;">
:<BR>
<SELECT name="miltiSel" multiple size=4>
<OPTION value="">
<OPTION value="">
<OPTION value="">
<OPTION value="">
<OPTION value="">
<OPTION value="CocaCola">CocaCola
</SELECT>
</FORM>

:

ismap
HTML ( Java?),
ismap . 80%
, ismap
.

330

CGI, PHP, Perl, MySQL CMS

, ,
:
<A href="cgibin/somescript.cgi"><IMG src="somepic.gif"
border=0 ismap></A>
, , IMG 
ismap. ,
, URL,
<A href=URL>, URL 
, .
, x=10,
y=15, URL:
http://www.somehost.ru/cgibin/somescript.cgi?10,15
.. QUERY_STRING.
? :
($x,$y)=split(/,/,$ENV{QUERY_STRING});
, 
:
#!/usr/bin/perl
#ismap_xy.cgi
($x,$y)=split(/,/,$ENV{QUERY_STRING});
print "ContentType: text/html\n\n";
print "<HTML><HEAD><TITLE>Ismap X Y</TITLE></HEAD>";
print "<BODY><H1> : x=$x,
y=$y</H1></BODY></HTML>";

. !
ismap .
, 
.
, URL
Location: ( CGI).
. urlmap.txt,
:
minx miny maxx maxy URL
minx miny maxx maxy ,
URL, .

CGI, PHP, Perl, MySQL CMS

331

:
1 1 20 50 http://www.uic.nnov.ru/~paaa/index_p.html
1 50 20 100 http://www.uic.nnov.ru/~paaa/projects.html
20 1 100 100 http://www.uic.nnov.ru/~paaa/ cgibin/guestbook.cgi
  :
<A href="cgibin/testismap.cgi"><IMG src="gifs/doom2.jpg" border=0
ismap></A>
testismap.cgi :
#!/usr/bin/perl
#testismap.cgi
$default_url="http://www.uic.nnov.ru/~paaa/"; #URL 
,
# , URL
$url_map_file="urlmap.txt"; # URL
($x,$y)=split(/,/,$ENV{QUERY_STRING});
open(F,"$url_map_file")|| print "Location: $default_url\n\n";
$url=$default_url;
foreach(<F>){
chomp;
($minx,$miny,$maxx,$maxy,$URL)=split(/\s+/);
if(($x>=$minx)&&($x<$maxx)&&
($y>=$miny)&&($x<$maxy)){$url=$URL;}
}
close(F);
print "Location: $url\n\n";

 , 
. , 
( ), 
.
, , 
. ,
.
, .
, GIF
. MPEG
AVI ,

. .

332

CGI, PHP, Perl, MySQL CMS

Java?, 
.

document.images[] JavaScript. 
HTML. 
, 
, Java JavaScript.
.
. 
.
, nph?
. , , 
, 
:
#!/usr/bin/perl
#nphanimate2.cgi
$delay=3;
@files = qw(img0.gif img1.gif img2.gif img3.gif);
select (STDOUT);
$|=1; #autoflush mode on
#Generate header
print "HTTP/1.0 200 Okay\n";
print "ContentType: multipart/xmixedreplace; boundary=mybound
ary\n\n";
srand;
print "myboundary\n";
while(1){
$file=$files[int(rand($#files))]; #random file
print "ContentType: image/gif\n\n";
open(PIC,"$file");
print <PIC>;
close(PIC);
print "\nmyboundary\n";
sleep($delay);
}
, 
.
 
.
, 
.

CGI, PHP, Perl, MySQL CMS

333

CGI ,
. 
, . 
, 
, ,
.
, 
, ,
Internal Server Error.  , 
.
 
, ( 
).
, test.cgi,
chmod +x test.cgi.
perl?c test.cgi.
?c Perl, .
.
, Perl Web,
. uic.
Perl, 4 ,
5 . CGI
 5 (, 
), ? !
, .. 
#. :
print "ContentType: text/html\n\n"; print "<HTML>Test</HTML>";
exit;
:
#!/usr/bin/perl
#test.cgi
print "ContentType: text/html\n\n";
print "<HTML>Test</HTML>";
exit; #

#
#if($ENV{REQUEST_METHOD} eq GET){$query=$ENV{QUERY_STRING}}
#else{sysread STDIN,$query,$ENV{CONTENT_LENGTH};}

334

CGI, PHP, Perl, MySQL CMS

#if($query eq ){
# @formfields=split /&/,$query;
# .......
# ........
. ,
Test. . .
Test. 
. ...

Internal Server Error 
 .
, 
, Perl,
, , .
Perl : perl ?v
,
, , .
CGI,
. , 
. ,
, 
debug.txt, 
, .
:
sub debug_err{
open(DEBUGFILE,">>debug.txt");
print DEBUGFILE $ENV{SCRIPT_NAME}. .scalar localtime.
.@_."\n";
close(DEBUGFILE);
}
(,
Perl $! ,
):
open(F,"+<$myfile") || debug_err("Cannot open $myfile $!");
seek(F,0,0) || debug_err("Cannot seek $myfile $!");
connect(SOCKET,$paddr)|| debug_err("Cannot connect to $remote
$!");
......

CGI, PHP, Perl, MySQL CMS

335

336

CGI, PHP, Perl, MySQL CMS

debug.txt
, .
, .

2.
CMS

( )
http . URL ,
httpd.

CMS, 
, . 
content management systems,
.
. ,
.

(
) .
.
, grep, head, tail, more, less.
, ( 
) .
, 
DOS , Unix,
. Unix, 
.
, DOS Windows
(\n),
(\r) (\n).
HTML 
. .
! 
. ,
, 
.
, #!/usr/bin/perl
#!/usr/local/bin/perl. , mysrcipt (
top ps),
/usr/bin/perl mysript.

Windows.

#!/usr/bin/perl< >
, , , , 

/usr/bin/perl< > mysript
!

CMS:
1. , . ?
BLOG? online ?
? ? 
? ? ?

.
2. , 
. 
? ?
(upload/download)?
? ?
(modules) (plugins) 
( 
). CMS , 
, ,
content management system. 
,
.
3. ,
, () .
CSS
(cascading style sheet) (themes), 
. (skin)
. , , 
.
.

, , .
, 

CGI, PHP, Perl, MySQL CMS

337

. CMS
, (, 
). 

.
,
, .. .
4. ,
(, content).
, 
. , 
, .
: , , ,
.., .. , 
. , , 
, , . 
, ..
, ( 
).
5. , CMS. 
, ,
? 
online? 
? 
. CMS

. 
, , , .
.

3.

web
: , 
.
. 
. 
perl PHP.
?

338

CGI, PHP, Perl, MySQL CMS

CGI perl. CGI (Common Gateway


Interface) . perl 
,
.
CGI
, () 
, . 
,  ()
 .
PHP CGI , PHP 
HTML. ..
:
.phtml(.php3) > php.exe >
.. , ,
. ? , 
, 
( .phtml .php3, )
( ) .
:
<?php ?>
:
<SCRIPT LANGUAGE="PHP">

<SCRIPT>
HTML 
, PHP,
HTML . CGI, 
, , 
Server Side Include.
PHP 
. 
. ,
.
PHP?
:
<html>
<head>
<title></title>
</head>
<body>

CGI, PHP, Perl, MySQL CMS

339

<?php echo "Hello, World!"; ?>


</body>
</html>
:
<html>
<head>
<title></title>
</head>
<body>
Hello, World!</body>
</html>
echo , 
. ,  .
, 
: , , .
,  
.
, , , ,
. , PHP .
( , , virtual 
, 
<!??virtual ...): include() require().
, ,
, .
header.inc.php3:
<html>
<head>
<title></title>
</head>
<body>
footer.inc.php3:
</body>
</html>
:
<?php
include("./header.inc.php3");
echo "Hello, World!";
include("./footer.inc.php3");
?>

340

CGI, PHP, Perl, MySQL CMS

, , .
, , 
, 10 .

4.
PHP MySQL

PHP  (scripting language),


HTML, .
:
<html>
<head>
<title>Example</title>
</head>
<body>
<?php echo "Hi, I'm a PHP script!"; ?>
</body>
</html>
, 

Hi, I'm a PHP script!
.
CGI, 
, Perl C , CGI 
HTML, , PHP 
HTML,
( <?php ?>).
PHP JavaScript, , PHP 
, ,
JavaScript
. Internet Information Server , PHP
Active Server Pages (ASP), Java ,
PHP Java Server Pages (JSP). 
, Web, HTML .
PHP
PHP , 
CGI. :

CGI, PHP, Perl, MySQL CMS

341

, ,
(cookies).
PHP (data
bases), Web
.
:

Adabas D

InterBase

Solid

dBase

mSQL

Sybase

Empress

MySQL

Velocis

FilePro

Oracle

Unix dbm

Informix

PostgreSQL

342

CGI, PHP, Perl, MySQL CMS

PHP/FI Apache API


Apache. PHP CGI ,
.
PHP Perl,
CGI.
(, MySQL Oracle). GD
, .
PHP/FI.
1997 Zeev Suraski Andi Gutmans 
,
. , 6 1998
, PHP 3.
1999 PHP 3
. NetCraft 1999 PHP 
1 . .
2000 PHP4.
PHP 5, 
.

PHP IMAP, SNMP,


NNTP, POP3 HTTP, 
(sockets) .

PHP
Web ,
web . 

: , ,
.. CGI,
Perl. CGI .
CGI, ,
. PHP 
Web,
ASP Microsoft.

PHP
PHP 1994 , Rasmus
Lerdorf Homepage 
.
1995 Personal Home Page Tools.

.

PHP C Perl. ,
,
PHP.
/ . 
, PHP, .
PHP , Perl
.

1995 , 
PHP/FI Version 2. FI 
Rasmusa, (Form Interpritator).

PHP
PHP , , ,
. 

CGI, PHP, Perl, MySQL CMS

343

, , , PHP,
, 
CGI
, .
, , , PAN
Perl. . PHP 4 
, CPAN,
,
.

MySQL
MySQL . MySQL
, 
.
MySQL TcX , 
.
, MySQL 1996 
40 , 10,000 , 500
7 .
MySQL 
. .
Unix,
,
.
MySQL ,
3.22 .
MySQL 
. .
MySQL
MySQL SQL ANSI 92,
,
.
MySQL:


, .

50 .

344

CGI, PHP, Perl, MySQL CMS

. MySQL
.

MySQL ,

. MySQL :

, SELECT * FROM
table1 WHERE id IN (SELECT id FROM table2).
, 3.23.

.
LOCK/UNLOCK TABLE.

(foreign) .

(VIEW). 3.23
.

PHP

PHP
HTML .
HTML .
<HTML>
<HEAD>
<TITLE> </TITLE>
<BODY>
<CENTER>
?
<P>
<TABLE WIDTH = 400><TR><TD align = right>
<FORM ACTION="email.php3" METHOD="POST">
:<BR>
<INPUT TYPE="text" NAME="name" SIZE="20" MAXLENGTH="30">
<P>
email:<BR>
<INPUT TYPE="text" NAME="email" SIZE="20" MAXLENGTH="30">
<P>
:
<SELECT NAME="preference">
<OPTION value = "">

CGI, PHP, Perl, MySQL CMS

345

<OPTION value = "">


</SELECT>
<P>
<INPUT TYPE="submit" VALUE=" !">
</FORM>
</TD></TR></TABLE></CENTER>
</BODY>
</HTML>
request.html. ,
email.php3. 
:
<?
/* request.html */
PRINT "<CENTER>";
PRINT ", $name.";
PRINT "<BR><BR>";
PRINT " .<BR><BR>";
PRINT " $preference.
email: $email.";
PRINT "</CENTER>";
?>
, request.html
, email: vasya@pupkin.com , 
, !,
email.php3, :
,
.
. email:
vasya@pupkin.com
email.
PHP MAIL.
:
void mail(string to, string subject, string message, string
add_headers);
to email .

346

CGI, PHP, Perl, MySQL CMS


email.php3 :

<?
mail($email, " ", "$name\\n
!\\n
$preference\\n
. 
.\\n
");
mail("administration@me.com",
" .",
"$name $preference\\n
email: $email. \\n");
?>

.
.
,
 
.

MySQL:

. MySQL,
:
>CREATE DATABASE products;
>CREATE TABLE clients (name VARCHAR(25), email VARCHAR(25),
choise VARCHAR(8));
MySQL PHP .
int mysql_connect(string hostname, string username, string
password);
MySQL.
:

Hostname , .

subject .

Username .

message .

Password .

add_headers (
).

int, 0,
, 0 .
int mysql_select_db(string database_name, int link_identifier);

CGI, PHP, Perl, MySQL CMS

347

.
:

348

CGI, PHP, Perl, MySQL CMS


/* */
MYSQL_CONNECT($hostname,$username,$password) OR DIE("
");

Database_name .
link_identifier ID ,
mysql_connect ( , , 
ID mysql_connect).
true false.
int mysql_query(string query, int link_identifier);
.
:
Query , .
link_identifier . .
ID 0, 
.
int mysql_close(int link_identifier);
MySQL.

@mysql_select_db("$dbName") or die("
");
PRINT "<CENTER>";
PRINT ", $name.";
PRINT "<BR><BR>";
PRINT " .<BR><BR>";
PRINT " $preference.
email: $email.";
PRINT "</CENTER>";
/* email */
mail($email, " ", "$namen\\n
!\\n
$preference\\n
. 
.\\n
");

:
link_identifier . .
true false.
email.php3 :
<?
/* request.html */

mail("administration@me.com",
" .",
"$name $preference\\n
email: $email. \\n");
/* */
$query = "INSERT INTO $userstable VALUES('$name','$email',
'$preference')";

/* */
$result = MYSQL_QUERY($query);
$hostname
$username
$password
$dbName =

= "localhost";
= "myusername";
= "mypassword";
"products";

/* MySQL, */
$userstable = "clients";
/* email */
$adminaddress = "administration@me.com";

PRINT " .";


/* */
MYSQL_CLOSE();
?>
PHP. 
, 
MySQL.

CGI, PHP, Perl, MySQL CMS

349

MySQL:

,
.
apple.php3:
<?/* ,
*/
$hostname = "localhost";
$username = "myusername";
$password = "mypassword";
$dbName = "products";
/* MySQL, */
$userstable = "clients";

350

CGI, PHP, Perl, MySQL CMS


PRINT "<BR><BR>";
$i++;
}
PRINT "</CENTER>";
}
?>
:
int mysql_num_rows(int result);
.
result ID .
int mysql_result(int result, int i, column);
column i.
, .

/* */
MYSQL_CONNECT($hostname,$username,$password) OR DIE(" 
");

5.

@mysql_select_db("$dbName") or die("
");

, 
, . ,
, web 
, ,
? , .

/* */
$query = "SELECT * FROM $userstable WHERE choice = ''";
$result = MYSQL_QUERY($query);
/* */
$number = MYSQL_NUMROWS($result);
/* */
$i = 0;
IF ($number == 0) {
PRINT "<CENTER><P> </CENTER>";
} ELSEIF ($number > 0) {
PRINT "<CENTER><P> : $number<BR><BR>";
WHILE ($i < $number){
$name = mysql_result($result,$i,"name");
$email = mysql_result($result,$i,"email");
PRINT " $name .<BR>";
PRINT " Email: $email.";

, , 
.
,
.
, , .
,
.
guest.phtml guest.txt.
,
(guest.txt) , 
. FTP
, , 
.
. guest.phtml.
, . 
, .

CGI, PHP, Perl, MySQL CMS

351

<h2> </h2>
<form action=guest.phtml method=post>
email: <INPUT TYPE=TEXT NAME=email><BR>
: <INPUT TYPE=TEXT NAME=name><BR>
: <br><textarea name="msg" rows=10 cols=40></textarea>
<br><input type=submit value=" ">
<br><br>
(
email), ( name) ( msg).
, , 
, , 
.
.
<?
$files = "guest.txt";
$qq=50;
,
,
.
if ($email == "") { $email = ""; }
$msg=substr($msg,0,999);
$email=substr($email,0,39);
$name=substr($name,0,39);
, 
( , 
). 
, .
, 
, .
if ($msg != "" && $name != "") {
: 
, ,
, .
, , 
.
$time = Date("h:i:M:d");
$soo = "\\n<b>$time $name (<a href=\\"mailto: $email \\">
$email </a>)</b><br> $msg<hr>";
$fp = fopen($files, "a+");
$fw = fwrite($fp, $soo);
fclose($fp); }

352

CGI, PHP, Perl, MySQL CMS

,
. . 
, 
HTML. 

( ,
, 50 80, 
). , ,
. .
, ,
, , 
.
$lines = file($files);
$a = count($lines);
$u = $a $qq;
for($i = $a; $i >= $u ;$i) { echo $lines[$i]; }
?>
. ,
.
, .
, ,
. ,
.
!
. 
, <a href=guest.txt></a>.
, HTML.
, , .
, 
, , .. 
.

6.
PHP
: 
, .

. , 
. 

CGI, PHP, Perl, MySQL CMS

353

, , 
( , ,
), 
, ,
.
rec, 
time(). time() 
, Unix (1 1970
00:00:00 GMT). ,
, .

.
add.php
$err
. , .
<?
$err="";
$action , 
,
. $action
<input type=hidden>
$action=$HTTP_POST_VARS["action"];
if (!empty($action)) {

.
$name=trim($name);
$msg=trim($msg);
if (empty($msg)) {$action="";$err=$err."<LI> 
\\n";}
if (empty($name)) {$action="";$err=$err."<LI> \\n";}

, . 
. \\
HTML.
$name=substr($HTTP_POST_VARS["name"],0,32);
$name=htmlspecialchars(stripslashes($name));
$email=substr($HTTP_POST_VARS["email"],0,64);
$email=htmlspecialchars(stripslashes($email));
$www=substr($HTTP_POST_VARS["www"],0,64);

354

CGI, PHP, Perl, MySQL CMS

$www=htmlspecialchars(stripslashes($www));
$city=substr($HTTP_POST_VARS["city"],0,64);
$city=htmlspecialchars(stripslashes($city));
$msg=substr($HTTP_POST_VARS["msg"],0,1024);
$msg=htmlspecialchars(stripslashes($msg));
,
( [b], [i], [u]) HTML (<b>, <i>, <u>):
if (!empty($err)) {
$msg=nl2br($msg);
$msg=str_replace("[u]","<u>",$msg);
$msg=str_replace("[i]","<i>",$msg);
$msg=str_replace("[b]","<b>",$msg);
$msg=str_replace("[/u]","</u>",$msg);
$msg=str_replace("[/i]","</i>",$msg);
$msg=str_replace("[/b]","</b>",$msg);
[url]
http://www.codenet.ru/[/url] <a href=http://www.codenet.ru/>http://
www.codenet.ru/</a>:
$msg=eregi_replace("(.*)\\\\[url\\\\](.*)\\\\[/url\\\\](.*)",
"\\\\1<a href=\\\\2>\\\\2</a>\\\\3",$msg);
$msg=str_replace("\\n"," ",$msg);
$msg=str_replace("\\r"," ",$msg);
.
./records.
$fp=fopen("records/rec.".time(),"w");
fputs($fp,$name."\\n");
fputs($fp,$email."\\n");
fputs($fp,$city."\\n");
fputs($fp,$www."\\n");
fputs($fp,$msg."\\n");
fclose($fp);
, 
,
.
print "<HTML><HEAD>\\n";
print "<META HTTPEQUIV='Refresh' CONTENT='0; URL=index.php'>\\n";
print "</HEAD></HTML>\\n";
}
}

CGI, PHP, Perl, MySQL CMS

355

$action , 
:
if (empty($action)) {
?>
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<?
if (!empty($errro)) {
print "<P> :
</P>\\n";
print "<UL>\\n";
print $err;
print "</UL>\\n";
}
?>
<H3> .</H3>
<center>
<table width=1 border=0>
<form action=add.php method=post>
<input type=hidden name=action value=post>
<tr><td width=50%><font color=red><sup>*</sup></font>:</td>
<td align=right>
<input type=text name=name maxlength=32 value='<? echo $name;
?>'></td></tr>
<tr><td width=50%>EMail:</td>
<td align=right>
<input type=text name=email maxlength=64 value='<? echo $email;
?>'></td></tr>
<tr><td width=50%> (WWW):</td>
<td align=right>
<input type=text name=www maxlength=64 value='<? echo $www;
?>'></td></tr>
<tr><td width=50%>:</td>
<td align=right>
<input type=text name=city maxlength=64 value='<? echo $city;
?>'></td></tr>
<tr><td colspan=2><font
color=red><sup>*</sup></font>:<br>
<textarea cols=50 rows=8 name=msg><? echo $msg;
?></textarea></td></tr>

356

CGI, PHP, Perl, MySQL CMS

<tr><td colspan=2><input type=submit value=''></td></tr>


</form>
</table>
</center>
<P> [b]<B> </B>[/b]
[url][/url] </P>
</BODY>
</HTML>
<?
}
?>
, 
.
index.php
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<?
, dir, 
, .
, .
$d = dir("records");
$i=0;
while($entry=$d>read()) {
if (substr($entry,0,3)=="rec") {
$names[$i]=substr($entry,4);
$i++;
}
}
$d>close();
:
@rsort($names);
$count=$i;
$cnt=$count;
if (empty($start)) $start=0;
$start=intval($start);
if ($start<0) $start=0;

:

CGI, PHP, Perl, MySQL CMS

357

print "<center>";
if ($count>$start+10) $count=$start+10;
if ($start!=0)
print "[ <A href=index.php?start=".($start10)."></A>
]";
print " [ <a href=add.php> </A>] ";
if ($cnt>$start+10) {
print "[ <A href=index.php?start=".($start+10)."></A>
]\\n";
print "</center><br>";

.
for ($i=$start;$i<$count;$i++) {
$entry=$names[$i];
$data=file("records/rec.".$entry);
$date=$entry;
$name=trim($data[0]);
$email=trim($data[1]);
$city=trim($data[2]);
$www=trim($data[3]);
$question=trim($data[4]);
$answer=trim($data[5]);
print "<table border=0 cellspacing=0 cellpadding=2 width=100%>";
print "<tr bgcolor=#F0F0F0><td> ";
if (!empty($email)) print "<a href=mailto:$email>$name</A>\\n";
else print $name;
if (!empty($www)) print "[<a href=$www>$www</A>]";
print "</td><td align=right>".date("His <b>dmY</b>",$date);
print "</td></tr>\\n<tr><td colspan=2>\\n";
print "<P>".$question."</P>\\n";
if (!empty($answer)) print "<P><B><I>$answer</I></B></P>\\n";
print "</td></tr></table>\\n<br><br>\\n";
}

:
print "<center>";
if ($start!=0)
print "[ <A href=index.php?start=".($start10)."></A>
]";
print " [ <a href=add.php> </A>] ";
if ($cnt>$start+10)

358

CGI, PHP, Perl, MySQL CMS


print "[ <A href=index.php?start=".($start+10)."></A>
]\\n";
print "</center>";
?>
</BODY>
</HTML>

7.
PHP
,
.  , 
,
.

.
.

, .
counter.png
GD, 
, , 
. :
<?php
$dat_file="counter.dat"; //
$log_file="counter.log"; // IP
//
// $count
$f=fopen($dat_file,"r");
$count=fgets($f,100);
fclose($f);
$count=ereg_replace(" ","",$count); //

$count++; //
//
$f=fopen($dat_file,"w");
fputs($f,"$count ");
fclose($f);

Life Site CMS

359

//
$im = ImageCreateFromPNG('counter.png');
//
$black = ImagecolorAllocate($im,0,0,0);
//
Imagestring($im,1,5,20,$count,$black);
//
Header("Contenttype: image/png");
ImagePng($im);
// IP
$f=fopen($log_file,"a+");
$ip=getenv("REMOTE_ADDR");
fputs($f,"$ip ");
fclose($f);
?>
, 
IP. 
, 
.
html :
<IMG SRC="counter.php" WIDTH="88" HEIGHT="31" BORDER=0>

360

Life Site CMS

7.
Life Site CMS

1.

Life Site ,
.

(Content Management System CMS).
Life Site CMS . 
, 
. Life Site. 
.
.
CMS:

. Life Site
.
.
, Life Site
.
.

. ,

.

.
,
.
.

Life Site CMS

361

.
.
!
.
.
.

. Life Site, 
, CMS.
.

362

Life Site CMS

CMS?
CMS 
Web. 
. :

,
Web .

.

,
CMS.
web , ,

. , Web
. CMS
, ,
,

.

, CMS

.

2.
CMS?
CMS Content Management System, 
().
CMS (site engine).
CMS 
, , , 
. CMS, Life Site, 
,
, , 
( ..).

, , ?

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

Web . ,
, , 
, . 
, web, 
.

Life Site , ,
, .

CMS Web?
CMS, Life Site, 
, web , web
, 
. web Life Site 23
. 1000 1 .
.
, 
, , . , 
,
.
, CMS,
, web 
.

Life Site CMS

363

CMS: , , 
CMS Life Site, .
. ,
.

! !
.
.
, 
, HTML .
!

3.


, . 
, .
: , ,
, HTML . 
12 .

364

Life Site CMS

Email (SMS, ICQ...)


.



. 
. , 
1 !


. 
, .
,
.
:

( Java Script)

C
.
, 
. 
. . 
.


( HTML ) 
.
,
. 
.

Life Site CMS

365

.
, IP Proxy ,
, 
.
. ,
. .



.

Life Site
LifeSite.ru
Life Site.
LifeSite.

366

Life Site CMS

?
. Life Site
CMS , 
. , 
Life Site CMS, .
, 
.
Life Site CMS PHPnuke?
PHPnuke Content Management System,
PHP, Life Site CMS. 
:
1. PHP , 
PHP
MySQL.
2. (
).

YourPage Solutions
.

3. PHPnuke
.

Free Mind

. .

PHPnuke ,
, PHP MySQL , 
, CMS.

SexyLife.ru
 .

?
, . Life Site 
.
Life Site CMS, ,
web.

4.

CMS?
CMS Content Management System 
.
Life Site CMS ?
. CMS .
engine.

,
, .
?
Life Site CMS ,
HTML. ,
web. , 
.

367

8.

1.

, , ,
, . 
. , , 
, : 
? (
) ,
/, ,
//.
, , , 
. , :
.
, , :  
,
( , ..) ,
.
: /, 
, , .

, . 
( : , ) 
. .
? .
: , ,
( ), 1000 
.
23 . 
, , , 
, . 2030, 
ndex
. .

368


:
,
.
, 
, , . 
. 
 .


, 
. , 
.
, , 34
, . URL (
) 
. , webs.
web.com , http://www.fortunecity.com/
business/fax/339.
, 
. ?
, ,
.
.  ,

, .
. 
(title), (keywords) 
(description). :

Title .
. 

.

Keywords . 
. :
<META name="keywords" content="hosting, sponsor, money,
free, proxy, promotion, home, script, java, cgi, page,
site, without, banner, , , ,
, , , , , ,
">

369

370


.
,
.

content
, ,
.
;

content 1000
.
;


.
,
;

.
,
,
;

keywords

;

Description .

. ,

. , ,
Java Script,

. :
<META name="description" content="

. .
. .">
:

content
, ;

content 200
.

META
</TITLE> </HEAD>.

META "keywords",
HTML ( , <!?? ??>).
:
<! hosting, sponsor, money, free, proxy, promotion, home,
script, java, cgi, page, site, without, banner, , ,
, , , , , ,
, >
ALT
IMG (, ).
.

, Yahoo 
:

Infoseek ,
.

AltaVista
.
.
.

Excite ,
. 2
.

HotBot ,
.

Lycos 23 .

Webcrawler 2
.

Rambler Rambler Top100


. , Rambler ,
(
FortuneCity, GeoCities, Xoom ..).

371

List.ru .
.
. Rambler
.

Yandex, URL
.

@rus ( !)
.
.

@rus.
email.

Stars.ru .
,
.

.


: SubmitIt, Add Url,
@Submit, Free Url Submission 13 , Add Me!, ABS Easy
Submit, Self Promotion, Add4Free Your free submission, Submission
Wizard, Broadcaster, 123Launch, Simple Submit 9 , Swift
Submit 24 , URL Submit 12 (
, , 
). TAU.
, 
.
, AltaVista ,
( 
AltaVista, SubmitIt
Netcreations). , , .
(, ): 

URL , , . 
, ,
:

, http://;

372

, ( 1000
);

, (
);

( 255
);

( 255
).


Clipboard !

. ,
(, ..).
, .
.

.
. Omen
.
. , .
.
:

WebList.ru

Diamond Team.


,
. 
: 100 5085 
( 
). ,
. HITEX
change Banner Network.
, (CGI, ASP JAVA , Shockwave
FLASH, JAVA Applets, META Stream), , ,
10 .

373

():

Russian LinkExchange Service (RLE)

InterReklama

Reklama

BannerGold.

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

2.


!
. , 
, 
  
.

374

, ,

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

, 

, .
.

, 
, , , ,
? ,
. . ,
.

? . 
. , 

,
.

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

, , ,
, , ,
. !

, ,

. 
! 
.

,
, , , ,
, , , 

375

, , ? ,
, 
?
. ,
?
,
, web?

.
, . ,
,
.

? , ? ?

. !



, HTML EXE:

: SbookBuilder.
, 
. .
,
,
. CSS

: EBookCompiler. , ,
.

.

:
, Sbook
Builder. 
,
EBookCompiler. !

376

3.


 
. 
, web, online , 
, .
, 
.

,
. . ,
( 10000$).
,
, ,
.
, 
, . web , 
 , 
, . ,
, .
,
( ), 
, ,
.

4 ( 
, 0).


, .
:

, ,
.


( ),
,

377

378


,
, .

, ,
.
, ,
1ps. 

, .. , 
, .
, , , 
,
.

.

( )
, 12 . ,
(
).
:



(50150 ),
,
.

,

.


Rasrutim.ru. ,
, ,
( , 
). 
:

, .. ( )

, .

, ,
.
,

, 
, ( ) 
. , , 
.

:


( TBN, TBN Text, LBE)

, ,
..
,

. ,
,

.


, Espanadir Clasific,

. (~1500 .), 
. , 
freeweare .
Espanadir Clasific
, ( ), 
, 
.  
, , .


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

379

.. ndex, ,
.
, 
.
, , 
. , 
, 23, 5 
, ,  .
5%.
, , .

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

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

4.

? 
.
: web
,
. ( 
,

380

) 
. , . 
, 
, . 80%
 .
:
.
. 
, ,
. 
. , ,
, : ?
, 
. 
... ....
.
, , 
. . 
CTR ( ), ,
, .
CTR
. CTR=1% ( CTR),
, : ,
1000 ,
1100 . ,
11 . ,
100 .
, 100 ,
, , .
, , . 
, 
, 
.

( 
).
: ?
,  .

381

5.

, 
:

:
. ,

.

:
, html
. ,
.

:
.
,
.

.

:
.

.
, .

: ,
. .

.

:

.

, , 
. , .

382

: ,
,
.
,
, .
:
,
.
.
:
: ,
,
.
:
1000$ !.
:
1000$. ?
,
(terms&conditions), 
,
.
:
. ,

. 
, 
:

CTR : 
() 
().

()  
.
CTR:


( ,
)

383

CP . 
(
)
.
CP , 
.
CP:

,
.
 .

CPM $$ 1000
. 
.

:
( ) .
:

:
.
CTR
. ,
. .
:
() . 

, ,
.

384

: , 
.
.
, ,
, CTR
100%. ...

( , )
 
.

6.


XXI . , ,

. , . 
, , 
,
, 
. web
.
. , 
. ,
, 
! .
,
, ( !) 
.
! 

.
,
.

.

385


, . 
!
 . 
.
.
, terra incognito 
, . 
,
. 
.
, 
. , 

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

. .
, () 
:
1. web,


2.
, 
web . , !
3. .

, ,
. ! 
,
, 
!

386

4. , 
( )!
5. .

(,
). , ,
, 
!
6.
.
!
7. , !
8. 
!
9. , 
!
10. 

. , , 
 , ,
24 , 365 !
11. , ,
.
. ,
!
12.
web,
.
13. 
, 
!
14. 
,
15.
, 
(, , )!

387

16.
! :
?
17.
. ,
, , ,
.
18. 
. 
, ,
, !
19. , web
, !
20. 
. email ,
5,
10, 30 90 !
21. 
, ,
.
22. web
!
23. web .

!
24. , .
25. 24 , 7
, 365 !

7.
20 000
?

web? 
. , 
. 

388

1:1. ( ) 
9 , ,
, , 50 000 
!
:
1. ( ...), 
( 
).
, promote.html ( pro
mote.htm).
2. ,
( ) 
().
3. , , ,
(.., http:// . 

,  ).
(
200 , 34 ).
4. promote.html
( )
.
. , 
, , 
. , 
. , ,  :
, , 22 000
. !
5. , 
, 
. 
.
, , ,
. 
, ,
.

389

:
1. ( ) 
, promote.html .
.
2. pro
mote.html. . , 
.
3. .
! 
, 
.. , 
, . ,
. 
, : 
.
. web 
Nika Virtual PROMOTE, ,
.
Web, 
. ,
5 50 000
! 
! , .
: , pro
mote.html
15 web ( ,
, ). 
, web, 15 
Nika Virtual PROMOTE .
.
5 () :
15x15x15x15= 50 625. 50 625
! 9 ,
!
() ! 
!

390

8.

web , 

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

, .

,
, . 

, .. ,
, 
 .


,
. 
(WebMoney, PayCash),
.
. 

(
, 
, ), .. 
, 
,
, . 
( 
, 10 . 
9 . ..
1 . ). :
, 
?

391

, 
. ,
. , 
, , 
! .. 

, .
.

392

9.



, 
.
,
( 

, , ,
). BanStock 
, , 
. ,
,
, /. 

. $2 1000
, $0.3 1000 .
, ,
, 
. 
,
, 

,
( ) .
.

?
:
, 
,
( ), .

.

1.

, .
.
, 
. , , , 
 . 
,
. ! 
(popup).
.
, .

HTML <NOSCRIPT></NOSCRIPT>.

CGI . CGI 
web. , 
,
.

. , 
. 
 FTP
(CuteFTP, BulletProofFTP .) ,
. 
.
,
:

393

Narod.ru
, 
. 5 .
http://name.narod.ru. 
, 
, , , .
name@narod.ru. FTP . 
.
Hut.Ru
, CGI, MySQL, PHP, SSI.
FTP. . 
http://name.hut.ru. .
Newmail.ru
16 , . http://
name.newmail.ru, http://name.nm.ru http://name.hotmail.ru,
. FTP. 50 (
)
. .
By.ru
, FTP WWW. 
1 . SSI. , .
http://name.by.ru. :
. , .
WALLst.ru
, CGI, PHP, . 
FTP. http://name.wallst.ru, http://name.dax.ru, http://
name.aiq.ru, http://name.dtn.ru, http://name.vov.ru, http://name.tora.ru,
http://name.pips.ru, http://name.metastock.ru http://name.supercharts.ru.
Chat.ru
10 , FTP WWW.
. http://name.chat.ru. .
Boom.ru
50 , FTP WWW.
. http://name.boom.ru.

394

FortuneCity
100 . CGI.
3 . . FTP WWW.
http://members.fortunecity.com/login_name http://www.for
tunecity.com/1/2/. 
.
VirtualAve
20 , CGI, FrontPage.
FTP. .
Freedom 2 Surf
20 , CGI, PHP. FrontPage.
FTP. http://name.f2s.com. .
Tripod
50 , CGI. FTP
. http://name.tripod.com http://members.tri
pod.com/name. :
( ).
web
, 
.
1000 Christian Links In 72 Categories ADDURL
http://www.newcreations.net/sermoncentral/addurl.html
PM FFA Link Page
http://11pm.com/links/links.htm
Registers Cool Site Award
http://www.123register.com/award.html
Mockingbird Lane FFA Link Page
http://1313mockingbirdlane.com/links/links.htm
Have Fun FFA Link Page
http://www.2havefun.com/links/links.htm
FFA Link Page
http://www.4u2.de/

395

396

Free Banner Exchange


http://12free.com/

) 
, .

Banners
http://www.123banners.com/

: 10
20, , , ,
. ,
(). ,
, .

AmericaMall
http://www.1second.com/1america.htm
StopBiz
http://www.1stopbiz.com/
FFA Link Page
http://212.net/
BuySell
http://www.2buysell.com/
Cool Web Coolest Site
http://www.2coolweb.com/
Hand Internet Market
http://www.2him.com/
Exchange
http://www.xx.com/
. 

,
. , 
, , , 
, 
index.htm index.html:
<HTML>
<HEAD>
<TITLE>We've moved!!!</TITLE>
<META HTTPEQUIV="Refresh" CONTENT="0; URL=http://_">
</HEAD>
<BODY></BODY>
</HTML>

. CONTENT ( 0

2.

,
, . ,
 (, , 
). ? 
.
web 
( ; 
).
(, , )
. 
web , 
.

( , web,
web).
.
. 
.
.  .
7.000 200.000 .
12 ,
. ! ...
? ( ), 
, ,
.


. 
,

397

. .
,
, .

( !).

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

. ,
. ( 24
100, 35 .
, ,
, , 10 .)

, web ..
, ..
. , ,
, .

,
(, 5 ,
1 ).
, , , 
!  .
, , . 
!
( , 
)... , 
() .
LinkShareGet Your Share!
(
550).
. 
, ,

398

( ).
:
, , .. email 
.
web 3 .
web.
.
.
. .. ,
, . 4
. .. . web 
: Linkshare ( $3.00
web ),
 .
cj.com (Commission Junction)
, .
. 
1000 . 
: , + .
, web, Commission Junction
, 2 , 5 
(! ,
web, 
, .. web ). 25
, . ,
27 . 
,
, . .
, Commis
sion Junction, 
. Commission Junction! 
(, Gift & Flowers
) all categories . 
: (clickthrough), (paypersale),
(payperlead), (payperview). 
. 
, .
SafeAudit
. .
, , .
20 .

399

10 ,
Email. ,
. !
, 
. , 
.. 
, web
, .
ClickTrade
.
, . :
,
2000 . 199 affiliate
programs .

400


40% 300000
35% 500000
30% 500000 .

FlyCast
.
CyberFirst
: $10 $35 CPM.
25%.

( ClickTrade, !
ClickTrade ) 
, ,
. , 
99 .

, 
.
, ,

( 
). , 
, . 

MultiAdvertiser Networks ,

. . 
.


. 
ClickTrade,
. .
. 
, .

AdClix
,
.
.
 , 
.

 , 
( ) .

AdUp
, 
:
70% 1000
65% 10000
60% 30000
55% 60000
50% 100000
45% 200000

Adult
 ,
. 
. ? . .
adult ? ,
sample pictures, , ,
, (signup), ,
.
spon
sorship program web 
, adult , web

401

. , ..
. ,
,
.
, , 
.
. adult 34
 . 
.
. , , partnership
. , .
: . 
2035 . 
. .
: (flat rate).
,
. . 
( ), .
.
, . conversion ratio,
, terms & conditions,
. 1:500 1:1500.
: 
. , :
1:10 $3.5
1:50 $0.70
1:100 $0.35
1:200 $0.17
1:500 $0.07
1:1000 $0.035
1:1000 $25 signup
Wow! web
! , , 
. 1:100 
35 , ,
? 35 . ,
25 . 

402

, , , 
, .
: Partnership. , , 50%
, . 
.
: ,
1020 . . 
. 
, . ,
12 .
Intergal
.
floating rate ( ).
,
.
Gamma Entertainment
flat rate 4
( partnership 
), partnership 50/50. .
TrafficCash
: 35 , 
: () , 2 
( second page raw), , 16 .
.
CyberErotica
. 
+ 10 . 
, , 
.


, 
. .
http://www.bannerpool.com/
: 6 14
: 50

403

: 

:
:
: 5 
.

404

2 , HTML .

, CTR
.
http://www.pennyweb.com/
: 2 9
: 25

http://www.valueclick.com/
: 6 12
: 30
: 

:
:
:
( CTR).

: 

:
:
: 
.
http://www.clicktrade.com/
: 0 100
: 10 75%

http://www.websponsors.com/
: 1 60
: 50
: 500
:
:
: , , , 
.

: 50
: 

:
http://www.safeaudit.com/
: 15 20
1000 : 4 16
: 10

http://www.adclub.com
: 10
: 20
: 5.000
:
: warez'
: CTR 4% ( 100
6 4). 

: 

:
:
http://www.bottomdollar.com/
: 2 12,5
1000 : 4

405

: 20
: 

:
:
: 20$, 
.
http://www.datais.com/advertising/
: 10
: 50
: 

:
:
: 
, .
http://www.dmnmedia.com/
: 70%
: 100
:
100.000
:
:
: WWW
70%. ...
http://www.cyberthrill.com/
: 20
: 10
: 

:
:

406


http://www.eads.com/
: 5
: 10

: 

:
:
: , 
, .
http://www.paradiseweb.com/
: 0.2
: 50
: 

:
:
: 40040.

3.

, 
. 46860,
.
, , 
. 
, .. , .
,
web, ,
.
, web, 
.
, impression, adview 
. , , , 
, 
.

407

CPM 1000 .
CPM $1$5.
, , click, clickthrough 
.
,
(CPC programs). 1 20 
.
:

(Unique)
IP .

(Raw) .

Raw .
: (), 
( ) ,
, , ,
. second page raw
. 
.

(terms and conditions).
.
CTR , . 15%,
2%. CTR , . 
,
. :

408

CPM
. ,
. , 5
, 
20 .
CPA programs
(affiliate programs, per action). 
,  , , ,
. per action
, , 
// 
, ( 
partnership program) .

, per
action ,  
,  free stuff 
. 
.
Conversion ratio per
action. ()
. conversion ratio ,
.


, ;

( )
.
(
, $10 $100) . 
( ).

CTR.

CTR,  ;

Wire Transfer 
. , , , , 
$500 $1000.

. ,
,
.

CPM:
1000 , CTR 3%, 30 ,
10 CPM = $3.

?
,
. ,
, , 
, . 
.

409

4% ( $3) 1.52
. 2 .

4.

1. ,
,
.
. 125125,
(! !) 
3 , 46860,
.
2. ,
1/3 , .
. 
77%.
3. ,
, .
.
.

5.
JavaScript
, 
,
,  .

, , 
,
.
, , , CGI ,
. , 
.
JavaScript. 
.

410

: 
HTML , .
, 
.
,
.
.
loc[..] imsrc[..]
maxid.
<html>
<head>
<title> </title>
<script language="JavaScript">
var id=1;
var maxid= ;
loc=new Array(maxid);
loc[1]="http:// 1";
loc[2]="http:// 2";
loc[3]="http:// 3";
loc[4]="http:// 4";
imsrc=new Array(maxid);
imsrc[1]="http:// 1";
imsrc[2]="http:// 2";
imsrc[3]="http:// 3";
imsrc[4]="http:// 4";
function got(){
window.location.href=loc[id];
}
function nextAd(){
if(++id>maxid)id=1;
document.ad.src=imsrc[id];
window.setTimeout('nextAd();', );
}
</script>
<body onLoad="window.setTimeout('nextAd();',
);">
<! >
<! ,
>
<a href="javascript:got();"> <img name="ad" alt="" src="
" ></a>
<! >

411

</body>
</html>

6.
web
www.geocities.com
Web 
email GeoCities. ,

. Home
Page World Wide
Web. , 
Web.

412

Broadway
.
CapeCanaveral
. , , ..
CapitolHill
, .
.
CollegePark
!
Colosseum Colosseum/Field
, 
. , ..

Main Homesteading Page.


, 

Web.

Enchanted Forest
. , ,
, .

GeoCities Home Page Editor,


Web 
Neighborhoods, .

Heartland Heartland/Plains
, .



. 
, , 
, , ,
.

Hollywood Hollywood/Hills
, !
HotSprings
. 
, , .

Area51 Area51/Vault
.

MotorCity
, MotorCity
.

Athens Athens/Acropolis
, . , 
, , ,
.

NapaValley
, 
NapaValley,
.

BourbonStreet
GeoCities ,
.

Paris Paris/LeftBank
. . , 
, .

413

RainForest
.
RodeoDrive
.
SiliconValley, SiliconValley/Park SiliconValley/Heights or
SiliconValley/Pines
. 
GeoCities.
SoHo SoHo/Lofts
.
SouthBeach SouthBeach Marina
.
SunsetStrip SunsetStrip/Alley, SunsetStrip/Towers
, , .
TheTropics
 .
, .
TelevisionCity
.
TimesSquare TimesSquare/Arcade
.
Tokyo Tokyo/Towers
, .
Vienna
, .
WallStreet
GeoCitizens . , ,
.
WestHollywood
, .

414

Yosemite
. , ,
, , , .

!
, Home
Page . 
.
Neighborhood Directory
. , 
.
Neighbor?
hood. . Neighborhood
main page,
, 
. Join
. Yes ,

Vacancy Locator.
Apply for this address
.

. 
. 
. ,
.


, 
. 
, , 
.
, 
Personal Profile Editor.


,
. 
 , 
Geocites. 

415

: comments@geocities.com.
CGI EXE. , , ,
, Geocites.

index.html
,
, Home Page. ,
,
index.html.
,  
. index.html
. Disk Usage Utility,
, 
.
. ,
Geocites Home Page Editor.
Home Page Editor,
Create/View. 

.



HTML, 
, , 
Geocites. ,
WWW. ,
FTP, :
<IMG SRC = image.gif>

<A HREF = util.zip>


, 
Geoites. ,
page2.html, index.html,
<HREF = hobbies.html>
</A>
, ,

<IMG SRC = photo.jpg>

416


ftp.geocities.com.
Login Member Name, Password (
Geocites ).
ftp.geocities.com,
. Web
.
Geocities. 
.
(GIF, JPG, ZIP)
raw. HTML
ASCII.
,
, 
.


URL.
. URL http://www.geoc?
ities.com
. , 2090 Athens
Neighborhood, URL :
http://www.geocities.com/Athens/2090/

FTP
. ,
Neighborhood .
,
FTP
. ,
Personal Profile Deletion Utility. 
, . ,

.

417

, 
, index.html.
Basic Home Page Editor
: Page not created with Home Page Editor, , 
HTML Geocities.
FTP index.html

Geocities Advanced HTML Editor. , , 
, index.html FTP
EZ File Upload Utility.
,  , 
HTML Title ,
Geocities . ,
, :

418

Geoities .
:

imagemap

counter

mailto


. , , , 
.

,
web web
http://www.geocities.com

,
Profile Deletion Utility

http://www.xoom.com


index.html FTP Advanced HTML Editor

http://members.tripod.com

http://www.hypermart.net

http://www.angelfire.com
http://www.crosswinds.net/index.html


, .
. 
, index.html 
, 
:

http://www.fortunecity.com

<a href=secondpage.html>
, ,
http:/www.geocities.com/.

http://www.cynetcity.com

,
.
, 1000 Colosseum, 
:
<a href=/Colosseum/1000/>

C
Geocities.
. , 
.

http://www.fsn.net
http://a1bbs.dzone.co.kr
http://www.easyspace.com

http://www.cybercities.com
http://www.royaltystudios.com
http://www.internetclub.com
http://www.student.toplinks.com/freehome.htm
http://rampage.ml.org/freeinfo.html
http://www.cybercity.hko.net/
http://bip.concept.se/user
http://www.nether.net/


http://www.metrocity.net
http://mkn.co.uk/
http://www.nettaxi.com

419

420

10.

http://home.onestop.net/
http://www.yi.com/
http://www.howdyneighbor.com/
http://www.schlund.de/
http://www.cqws.com/rates.html
http://jungle.fapema.br/
http://free.prohosting.com/
http://www.home.ch
http://www.earthonline.net/
http://www.freenation.com/

1.

Web
,
.
SSI CGI, , . 
? ? : .
( )
Web.
, Apache web. 
, :

web ;

proxy ;

CGI;

SSI;

? . ,
Apache ,
. Apache , 
.
, , Apache 
? . Apache
Apache Win32 ( Win 95/98/NT). ,
. 
c:\usr\local\apache ,
. ,
web,
,
.

421

, , ,
. Apache 
*.ini , *.conf.
httpd.conf 
startup .
/usr/local/apache/conf/, 
. /usr/local/
apache/.tmp/.
/usr/local/apache/conf/:

httpd.conf ;

access.conf ;

mime.types MIME;

srm.conf .

, ( ) ,
httpd.conf. NotePad. 
, , 
, .
, 
. , ,
, CGI .
,
.

Server root .
c:/urs/local/apache, .. ;

Server admin email ;

Document root http ;

# This should be changed to whatever you set


DocumentRoot to... <directory "___?
_http">.
(options) Indexes,
Includes ExecCGI, :

CGI ;

SSI;

422

AddHandler ServerParsed .htm .html .shtml


AddHandler CgiScript .cgi
..
*.xxx ...
UserDir document root. 
,
www.address.com/~username . , 
userdir/username.
DirectoryIndex index.htm (
.html .htm).
ServerName .
, . . 
: (, )
c:\usr\local\apache\apache.exe c:\usr\local\apache\apache.exe 
k shutdown, Apache Shut Apache Down. 
, .
c:\usr\local\apache\apache.exe k restart
.
Apache Win
dows http://127.0.0.1/ http://localhost/ 
, Document Root.

2.


, ,
, , 

. ? : 
JavaScript,
.
, Java, web
<SCRIPT> LANGUAGE, 
html, <HEAD>
</HEAD>, <BODY>.
, 

423


, , . web
JavaScript 
html 
.
, 

, html 
:
<BODY>
<SCRIPT LANGUAGE="JavaScript">
function picture( ){
window.open("URL. ",
"newwindow", config=''width , height
, toolbar=0, location=0, directories=0, status=1,
menubar=0, scrollbars=0, resizable=0");
}
</SCRIPT>
html
</BODY>
JavaScript
,
, , http://www.
myserver.ru/images/picture.jpg. config
. width height, 
, 1015
,
, ,
. config
: 0
1 
. , toolbar
( ) 
, location , directories 
, status , menubar 
, , , ..,
scrollbars , , , resizable
.
picture( ), function,
JavaScript,
.

424

, 
, 
, 
.
JavaScript,
html 
, .
,

. :
<A HREF="javascript:picture()"><IMG SRC="URL "
WDTH=" " IGHT=" "
BORDER="0"LT=" "></>
picture() , 
.

JavaScript, open window.
:
window.open('http://www.mysite.ru','namewin','top, left, menubar,
toolbar, location, directories, status, scrollbars, resizable,
width, height')
3 .
:

http://www.mysite.ru ,
,

namewin ,
.

top .
, , top=100

left .
, , left=150

menubar
. yes
no,
1 0.

425

toolbar
(, ) .
, toolbar=no.

location
. , location=0.

directories , .
, directories=yes.

status .
, status=1.

scrollbars ,

. ,
scrollbars=yes.

resizable
.
resizable=0,
(
), Netscape 6
,
.

width .
, , width=640

height .
, , height=480

open window
, :
<form>
<input
onclick="window.open('http://www.mysite.ru','Window','top=20,
left=30, menubar=0, toolbar=0, location=0, directories=0,
status=0, scrollbars=1, resizable=0, width=800, height=600')"
type=button value=" ">
</form>
.
,  
. , 
JavaScript,
:

426

<head>
<SCRIPT LANGUAGE="JavaScript">
<!
function new_window()
{
window.open('http://www.mysite.ru','Brouserwindow','top=25,
left=40, menubar=0, toolbar=0, location=0, directories=0, sta
tus=0, scrollbars=0, resizable=0, width=600, height=400');
}
// >
</SCRIPT>
</head>
<a href="javascript: new_window()">Mysite.ru</a>

JavaScript.

3.


,
, 
Microsoft Internet Explorer. 

JavaScript.
, 
, 
favorites.gif. 
web,
. 
:
< HREF="javascript:window. external. AddFavorite (URL
web', ' ')"><IMG SRC="URL
favorites.gif" LT=" "
BORDER="0" WIDTH=" " IG="
"></>
JavaScript:
< HREF="javascript:window. external. AddFavorite
('http://www.xxx31337.ru'. ' BAtvisa')"><IMG
SRC="../images/favorites.gif" LT=" ''"
BORDER="0" WIDTH="15" HEIGHT="10"></A>

427

html,
. 
, ,
:
< HREF="javascript:window. external. AddFavorite
('URL web'. ' ')">
''</>
, 
, 
JavaScript, html.
html <HEAD>
</HEAD> :
<SCRIPT LANGUAGE="JavaScript">
var url="URL "
var title=" "function bookmark(){
if (document.all)
window. external. AddFavorite(url.title)
}
</SCRIPT>
,
bookmark, , url title.
,
, . 
bookmark
. 
, html
:
< HREF="javascript:bookmark()"> ''</>

,
<IMG>.

4.
JavaScript
, :
<center><FORM><input style="fontsize: 9pt"
onclick="history.back(1)" type=button value="&lt;
"></FORM></center>

428

history.back(?1) ,
,
.
, 
, Hstory back. ,
.

5.
ICQ
 
ICQ, 
, ,
online . 
, 
web html,
:
<IMG SRC="http://online.mirabilis.com/scripts/online.dll?icq=
_HOMEP_ICQ&amp: img=_" WIDTH=" "
WIDTH=" ">
BA_HOMEP_ICQ
ICQ UIN, 
,

. 
ICQ web, , ICQ 31337,
:
<IMG
SRC="http://online.mirabilis.com/scripts/online.dll?icq=31337&arnp
:img=3"
WIDTH="249" HEIGHT="17">

6.

 
:
<style type=text/css>
<!

429

body { scrollbarfacecolor:#000000;
scrollbarhighlightcolor: #888888;
scrollbarshadowcolor: #666666;
scrollbar3dlightcolor: #666666;
scrollbararrowcolor: #FFFFFF;
scrollbartrackcolor: #333333;
scrollbardarkshadowcolor: #666666; }
//>
</style>
scrollbar?face?color ,
. 
scrollbar?track?color, 
, scrollbar?face?color.
scrollbar?highlight?color , 
, ,
 .
 ( ).
scrollbar?shadow?color , 
, , 
( ).
 ( ).
scrollbar?3dlight?color 
.
, ,
scrollbar?highlight?color.
scrollbar?arrow?color ,
.
scrollbar?track?color , 
, .
scrollbar?darkshadow?color
. 
, ,
scrollbar?shadow?color.
()
( #, 
,
RGB). ,
...

430

7.

, 
,
, , ,
, (
head).
, , 
, .
<script LANGUAGE="JavaScript">
<!if (top.frames.length!=0) top.location=self.document.loca
tion;//></script>

8.
mailto

:
<a href=mailto:ww@list.ru> </a>
:
<a href="mailto:ww@list.ru"><img src="folder.gif" width="16"
height="16" border="0" alt="ww@list.ru">

, :
<a href="mailto:ww@list.ru?subject= &Body=
!"> </a>

9.

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

431

City 100 . , . 
, ( , !),
. .
,
Registration Help! . 
,
FortuneCity.
... . , . 
http://www.fortunecity.com/business/fax/339.
. ,
: ,
. ,
. ..
:

index.html (
);

girl.html;

myphoto.gif
herphoto.gif.

( 4, 
).

Front Page Word. 
WordPad . 
. , ( , 
< >):
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY BGCOLOR="#A0F0F0">
<H2 ALIGN=CENTER> </H2>
<IMG SRC="myphoto.gif" WIDTH="122" HIGHT="183" ALIGN=LEFT ALT="
">
<P> ! , , , .
...</P>
<P> ? , 
.<BR>
<I> !</I></P>

432

<HR>
<P ALIGN=CENTER>
<A HREF="girl.html"></A>.
</P>
</BODY>
</HTML>
index.html . 
....
, index.html.
:
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY BGCOLOR="#A0F0F0">
<H2 ALIGN=CENTER></H2>
<IMG SRC="herphoto.gif" WIDTH="128" HIGHT="185" ALIGN=RIGHT
ALT=" ">
<P>,  ...</P>
<P> :
<UL>
<LI>
<I> 50 . . , 
, !</I>
<BR><BR>
<LI>
<I> . ...</I>
</UL></P>
<HR>
<P ALIGN=CENTER>
, <A HREF="index.html"> </A>.
</P>
</BODY>
</HTML>
girl.html.
myphoto.gif herphoto.gif.
gif .
myphoto.gif herphoto.gif. , 
, index.html
.
(upload).
( WWW),

433

FTP ( FTP). . 
.
Upload WWW
www.fortunecity.com, Build
() , Update with advanced home
builder .
build . . 
( !). 
( ,
) : html files (HTML), graphic files (
), other files ( ) directories (). : edit
(), rename (), view (), delete
(), create directory ( ), create new html file ( 
HTML ). ,
. Uploading files
10 . , 
index.html, . 
girl.html, myphoto.gif herphoto.html.
upload files. . 
, .
Upload FTP
CuteFTP.
: FTP Site Manager ( 
) Add Site. Site Label,
(, , site01). Host Address ftp.for
tunecity.com, User ID , Password ,
. Connect. 
FortuneCity ( ),
, . 
, ,
upload ( ) Commands upload 
. . 
.

434

11.

1.

, .
Netscape Navigator
( ).
,
, 
. , ,
. ,
,
. , 
. ,
, , , 3, 4, 5...
..
, .
, 
, :


, .
 ,
<a href="">...</a>
, ,
.
, .
,
.

435

,
,
.


. ! ,
,
,
. , ,

. , ,
, .


.

HTML.

?
, ,
. , 
, ,
, , .
SSI.
, :

436


. , :
index.htm .
<html>
<head>
<title>Frame page</title>
</head>
<frameset cols="160,*">
<frame src="left.htm" name="menu" scrolling=no noresize>
<frame src="right.htm" name="content" scrolling=no noresize>
</frameset>
<noframes>
<p> , ,
.</p>
</noframes>
</html>
,
.
left.htm , .
<html>
<head>
<title>Menu page</title>
</head>

,
, ,

, (
)

<body>

, ...

<a
<a
<a
<a


. 
, .
Windows.


,
, HTML .
, ,
, ,

href="topic_1.htm"
href="topic_2.htm"
href="topic_3.htm"
href="topic_4.htm"

target="content">topic
target="content">topic
target="content">topic
target="content">topic

#1</a><br>
#2</a><br>
#3</a><br>
#4</a><br>

</body>
</html>
right.htm ,
.
<html>
<head>
<title>Content page</title>

437

</head>
<body>

438

<frameset> ,
() 
<frame>. :
<frame src="left.htm" name="menu" scrolling=no noresize>
src URL , .

<p> ,
.</p>

name , 
</body>
</html>
,  
, <body> <frameset>, 
. 
,
. <frame>. 
 :
<frameset cols="160,*">
<frame src="left.htm" name="menu" scrolling=no noresize>
<frame src="right.htm" name="content" scrolling=no noresize>
</frameset>
<frameset> ,
( 
, cols, 
rows).
, , . 
cols (rows),
, . 
. , , , , 
, ,
. :

<frameset cols="200,*"> 2 ,
200 .

<frameset rows="25%, 50%, 25%"> 3 ,


.

<frameset rows="*, 2* ,*"> ,


,
.
.

.

.
scrolling, noresize, ... ,

, 
.
name 
. 
? left.htm,
. ,
. , ,
target="content" 
, :
<a href="topic_1.htm" target="content">topic #1</a>
,
. , 
.
.
, ,
, :

_blank

_top ,
. ,
.

_parent .

<frameset> 
<frame>,
<frameset>. .. 
. :
<frameset rows="40,*">
<frame src="up.htm" name="logo" scrolling=no noresize>
<frameset cols="160,*">
<frame src="left.htm" name="menu" scrolling=no noresize>

439

<frame src="right.htm" name="content" scrolling=no noresize>


</frameset>
</frameset>

, , , .
, .
(
, ).
. ,
HTML, GIF
JPEG, .
. 
Netscape Navigator 
. , 
,
Netscape.
, , :
frameborder=0
! , ,
<noframes>. , 
, .
,
, .

2.

web,
, 
, HTML.
,
web html 
, , , 
, , 
,
.
, html
, . .
, : 

440

, ,
web,
.
web , 
TAR?
GET="_blank", 
. ,

. ,
,

.  
,
.
, , ,
preview.
, 
, picture1.jpg, picture2.jpg, html
:
< HREF="picture2.jpg" TARGET="_blank"><IMG SRC="../picture1.JPG"
WIDTH="100" HEIGHT="98" LT=" " BORDER="0"></A>

. , , 
,
,
, ,
1x1 . , 
, : <IMGSRC="URL ?
" WIDTH="1" HEIGHT="1">. 
, ,

. ,
, 
. :
. 
, 
: , 
.

441

442

3.

, 
, 

,

, .

, , 
web ,
, 
, .

web. 
JavaScript.
,
, :
<FORM>
<SELECT NAME="forml" SIZE="1"
onchange="top. location.
href=this.options[this.selectedindex].value;
this.selectedindex=0">
<OPTION SLD> :</OPTION>
<OPTION VALUE="URL "> 1</OPTION>
<OPTION VALUE="URL "> 2</OPTION>
<OPTION VALUE="URL N "> N</OPTION>
</SELECT>
</FORM>
value OPTION
URL, 
, .
<OPTION> </OPTION>
.
.

, , 
 , ,
:
<SELECT NAME="form1" SIZE="1"
onchange="window.open(this.options[this.selectedlndex].value):
this.selectedindex=0">

4.


 ,
, .
web 
CGI,

.
: 


. ,
CGI
, 
.
, 
, webxoc,
CGI,

JavaScript.

443

.
private 
,
. access 
html, 
, <HEAD> , 
()
. 
. , , 
getting.html,

: xQ17kDFr4ty, , access, 
xQ17kDFr4ty.html
< HTTP?EQUIV="Refresh". CONTENT="10: URL=. ./private/get?
ting.html">. web,
,
JavaScript .
JavaScript 

.html web 
, , , 
. ,
access 
, ,
, 
.
,
, web, 
,
not_found.html , 

. , 
,
,
.
,
web, ,
, 
, 
.

444

, 
:

, .
: 
. 
, 
:
<FORM NAME="access1">
, :
<INPUT NAME="passwd" TYPE="password">
<INPUT TYPE="button" VALUE=""
onclick=(window. location. href=document. accessl. passwd value
+" html")>
</FORM>

5.


web,
CGI . 
, 
. CGI

,
. , 
, ( ., hit ),
 .

, , 
.

. 
,
.
web

, CGI,
: 

445

446

, 
, CGI, . 
html, 
web .
,
, 

web
, , .

,

.
: CGI, 
, IP , 
,
, IP 
,
.
. 
,

:
, ,
.

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

Rambler (http://www.rambler.ru). ,
,

.
:
,

. www.rambler.ru
, ,

.
,
.
,
, ,
Rambler.

Aport (http://www.aport.ru).
Rambler

.

.

SpylLOG (http://www.spylog.ru). Spy LOG


,
.
,
, 24 ,
,
.
,

. http://www.spylog.ru

,
600 .
, ,
,
,
,

.

List.RU (http://www.list.ru).
.

,
30 .
, List.RU

447

web,
.

Count.RU (http://www.count.ru).
Count.RU ,

.

30
Count.RU

, ,
.
List.RU, Count.RU
,
,
, 
.

6.
web
, ,
, , 
, 
.
1. . 
, 
, , 

, , .
2.
.
.
3. 
: , , 
. 
.
4. , web
, ,

448

. 
. 
, ,
 , 
.
5. . , 

. ,
?
,
.
6. .
,
, ,
. 
,
. .
7. 
, , 
.

. 
, , 
. 
,

, .
, .
8. .
, 
,
, . 
, 
.
9. . , 
, , ,
, , ,

. , ,
, , 

449


, .
10.
, . 
, , ,
, . : 
, .

450

P {background: silver; textalign: center; fontfamily: courier,


fixed, monospace}
>
</STYLE>

htm html ( !), 
.
.

7.
CSS
CSS ? CSS Cascading Style Sheets,
. 
, 
. .. , , , 
,
, ( 
, !). 
,
!
, .
, :
<HTML>
<HEAD>
<TITLE> !</TITLE>
</HEAD>
<BODY>
<H1> </H1>
<H2> </H2>
<P> .</P>
</BODY>
</HTML>
 (.. HEAD)
<STYLE>:
<STYLE TYPE="text/css">
<!
H1 {fontsize: 40px; background: red; textalign: right;
fontfamily: helvetica, arial, sansserif}
H2 {fontsize: 20px; fontstyle: italic; fontfamily: helvetica,
arial, sansserif}

TYPE="text/css" (
"<!??" "??>") . 

<STYLE> 
,
HTML. H1 ,
, <H1> </H1>, 
helvetica, arial sansserif 40 
. H2 ,
<H2> 20 
helvetica. , , P 
: , , courier,
fixed monospace.
. , .
, .
.. .
.
Fontfamily ,
. , , , 
.
. .
. ,
Windows Arial,
Macintosh Helvetica. 
: serif, sansserif, monospace, fantasy
cursive. : "P {font?family: arial, helvetica, sans?serif}"
Font?size . (pt), 
(px).
Font?style: italic ( ).
Font?weight: bold .
, .

451

Text?transform : :
uppercase ( ), lowercase ( 
), capitalize ( ) none
(.. ).
Text?decoration , : under?
line (), line?through (), blink ()
none (). , 
, :
<STYLE TYPE="text/css">
<!
a:link {textdecoration: none}
a:visited {textdecoration: none}
a:active {textdecoration: none}
>
</STYLE>
Color , , . , 
, 
. ,
( STYLE TYPE...
):
body {color: black}
a:link {color: black; textdecoration: none}
a:visited {color: black; textdecoration: none}
.. (1 ),
( ) (2 ),
( ) 
(3 ).
Background?color  
. :
strong {backgroundcolor: yellow}
<STRONG> </STRONG>
.
Background?image . 
:
blockquote {backgroundimage: url(../pictures/million.jpg)}
(.. <BLOCKQUOTE>
</BLOCKQUOTE>) million.jpg.

452

Text?align . ,
.
( text). :
IMG {textalign: center}
Text?indent
( ).
(px) (pt).
,
. ( ):
p {textindent: 10pt}
Margin . :
body {marginleft: 10pt; marginright: 15pt}
10
, 15 . : mar
gintop ( ) marginbottom ( ).

. 
:

border?width . ( 
)
thin (), medium (), thick ();

border?color . 
. transparent
();

border?style . 
:

dashed

dotted

double

inset

outset

ridge

groove

solid

453

.
: border?top?width ( ), bor?
der?right?width ( ), border?bottom?width ( )
border?left?width ( ). 
: 
. :
blockquote {bordertopwidth: 3px; borderrightwidth: 5px;
borderbottomwidth: 3px; borderleftwidth: 5px; bordercolor:
red green navy green; borderstyle: double double solid double }
:
3 , 
5 , 3 
.
, ?
? ! 
STYLE . :
<P STYLE="textindent: 15pt; color: red; backgroundcolor:
white">

<H3 STYLE="backgroundcolor: silver; borderwidth: 3px;


borderstyle: groove;
bordercolor: #F0F0F0; textalign: center">
: 25 ,
15  .
STYLE , 
: STYLE
, :
<style type="text/css">
<!
.krasota {textindent: 20px; backgroundcolor: aqua; color: red;}
>
</style>
!
krasota, , , ,
vasja MySuperStyle. 
( ), :
<P CLASS="krasota">
. ! 
, , 
( .. )

454

.css (, stili.css).
, ,
. ( HEAD)
:
<LINK REL=stylesheet HREF="stili.css" TYPE="text/css">
stili.css
( ) ,
200 300 !
 ,
, .css ,
(.. ). ,
 ,
, (, <P STYLE= ".......">),
.

455

456


HTML HTML?

, 
URL (Uniform Resource Locator). 
HTML.
HTML HyperText Markup Language 
. HTML, web,
, , 
HTML,
. 
,
, , 
.
WYSIWYG
(What You See Is What You Get) , c
HTML. HTML, :

FrontPage

FrontPad

Netscape Editor (Composer)

Hot Metal ,

Word 97

HomePage Publisher for OS/2


(http://ourworld.compuserve.com/homepages/clerin/)

Macromedia DreamWeaver


HTML, HTML 
:

Notepad (c:\windows\notepad.exe)

DOS Navigator/NC/etc

HTML Pad

Hot Dog

HTMLed32 (http://www.ist.ca/)

HomeSite (http://www.allaire.com)

?
HomeSite! ,
notepad, htmled.
HS4
?

Settings/Tag Help/Automatically convert special characters


= off
, /
()?
.
Geocities?
:

6Mb

email

FileManager

FTP


Geocities.

http://www.geocities.com/neighborhoods
(,
, ,
SiliconValley).

: join this neighborhood

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

). .
( vacant).
, .. .
. ,
(*) .

457

membername Geocities (
email (<membername>
@geocities.com).
Submit. ,
,
. .

Geocities?
Geocities,
:


http://www.geocities.com/members/tools/file_manager.html

Internet Explorer
Netscape Navigator.

458

Lanka (http://lankaonline.com/public/counter)

PagaCout (http://www.pagecount.com)

Dux (http://counter.dux.ru)

Dino (http://counter.bloke.com)

SiteFlow (http://www.siteflow.com)

ICount (http://www.icount.com)

Aaddzz (http://www.aaddzz.com/pages/counters)

SiteStat (http://www.sitestats.com)

Ranker (http://www.ranker.ru)

membername
Submit.

www.ranker.ru/add.asp

(Ranker FAQ
: www.ranker.ru/faq.asp
)

EZ File Upload Browse...


, .
Upload Files.

Submit.

! Geocities.

,
. email

?
www.geocities.com


<IMG SRC=/cgibin/counter/member>
member .

http://www.geocities.com/cgibin/counter/
member.password member membername,
password Geocities.

Rambler (http://www.rambler.ru/top100)

www.rambler.ru/top100

Add Site (
)

(
)

HTML
email

SuperStats (http://www.superstats.com)

NedStat (http://www.nedstat.nl)

FreeStats (http://www3.freestats.com)

Peresvet (http://www.peresvet.net)

The Counter (http://www.thecounter.com)


...
.

459

?

, Adobe Photoshop.

Image Mode Indexed Color

GIF89a: File Export GIF89a


Export...


.

OK

?

, Adobe Photoshop. ,
GIF' , ..
, .., (,
), :

File Open

GIF89a: File Export GIF89a


Export... H ,
Interlace

OK .

?
Photoshop, LViewPro.
. Gif Construction Set: File
Animation Wizard... Next Next. , 
,
Animate once and stop, ,
Loop Indefinitely Next.
(, 
) Next.
Next.

GIF' Next

460

Done

File Save As...

View
.

?
!

http://members.ml.org SIGNUP


LOGIN

Login ()

/HOME, New Host


.
_.home.ml.org _.base.org.

URL .

I Agree with... Submit

! .

, ,
?

<A HREF="http://www.server.com"> </A>


, ,
?

<A HREF="mailto:yourname@server.com"> </A>


Subject:
<A HREF="mailto:yourname@server.com?Subject=_subj">
</A>
, ,
?
<A HREF="http://www.server.com"><IMG SRC="URL__"></A>

461

, ,
?
<A HREF="http://www.server.com" TARGET="_blank">
</A>

<A HREF="http://www.server.com" TARGET="_new"> </A>


, ,
, "http://www.server.com/Firma/Name/1234/...."?
<A HREF="http://www.server.com" onMouseOver="window.status='
';return true" onMouseOut="window.status=' 
'; return true"> </A>
?
<head></head> :
<style>
a.noneline textdecoration: none;
</style>
<a href..> :
<a href=url class="noneline">
, , ,
?
<A HREF="file.htm" TARGET="_">
, ,
?
<A HREF="file.htm" TARGET="_top">
, , 
?
<A HREF="file.htm" TARGET="_blank">

<A HREF="file.htm" TARGET="_new">


, ,
?
<A HREF="file.htm" TARGET="_self">
,
?
)
<A HREF="file.htm" onclick="top.frames[2].location='newframe2';
onclick="top.frames[3].location='newframe3';">text</A>

462


frames[x] .
)

<A HREF="newframes" TARGET="_top">text</A>


newframes ,
.
, /
?
noresize
:
<frame name="test" frameborder="yes" scrolling="auto" noresize>
, ,
?
) .
<SCRIPT LANGUAGE="JavaScript">
<!
if (self.parent.frames.length == 0)
document.writeln("Best view with<A HREF="index.html">main
frame</A>");
// >
</SCRIPT>
) .
<SCRIPT LANGUAGE="JavaScript">
<!
if (self.parent.frames.length == 0)
self.parent.location="index.htm";
// >
</SCRIPT>
1 Netscape?
marginweight=0 marginheight=0 <body> p p.
<body>!
?
<TABLE></TABLE>.
, 
. :

<TR></TR> Table Rows. .


<TR> </TR>,
. , ,

463

, ,
<TR> </TR>.

<TD></TD>
. ,
<TD></TD>.
<TH></TH> Table Header. .
<TH> </TH>

.

<ALIGN=LEFT> <ALIGN=RIGHT>.

NOWRAP ,
,
( <TH></TH> <TR></TR>).

COLSPAN=xx . ,
 ,
, . (

COLSPAN)

ROWSPAN= COLSPAN,
, .

WIDTH= .
<TABLE>
, <TR></TR> <TH></TH>
.

CELLPADDING=
,
.. .

ALIGN=
(LEFT, RIGHT, CENTER, JUSTTIFY).

VALIGN=
(TOP, BOTTOM, CENTER, BASELINE).

<CAPTION></CAPTION> .

BORDER= .

CELLSPACING=
( 2pix)

464

BGCOLOR="" .

BORDERCOLOR= (IE) ,
.

BORDERCOLORDARK= BORDERCOLORLIGHT=
.

:
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 HEIGHT="1" BORDERCOL
OR="#33CCFF" bordercolordark="#33CCFF" bordercolorlight="#33CCFF">
<CAPTION>TABLE</CAPTION>
<TR BGCOLOR="#000099">
<TD WIDTH="400">
<BR>
</TD>
</TR>
<TR BGCOLOR="white">
<TD WIDTH="400">
<BR>
</TD>
</TR>
</TABLE>
<META>?
<META> <HEAD>, 
 , HTML 
.
.
:
<META HTTPEQUIV="" CONTENT="">
<META NAME="" CONTENT="">
:

HTTP?EQUIV="Content?Type"

. 
. Ho .
<META HTTPEQUIV="Contenttype" CONTENT="text/html; charset=WIN
1251">

HTTP?EQUIV="Refresh"
, .
.

465

<META HTTPEQUIV="Refresh" Content="5;


URL=http://www.server.com/">
5 URL.
,
Content="0; URL=...">

NAME="KeyWords"
, 
CONTENT="<words>", <words> ,
. ,
:
<META NAME="KeyWords" CONTENT="Titanik, Dion">
Ha Titanik,
.

NAME="Description"

CONTENT="<word>" .
<META NAME="Descripton" CONTENT="My Home Page">

NAME="GENERATOR"
WYSIWYG (FP'98). 
. Netscape Composer:
<META NAME="GENERATOR" CONTENT="Mozilla/4.03 [en] (Win95; I)
[Netscape]">
:
<HEAD>
<META NAME="Description" CONTENT=" HomePage">
<META NAME="KeyWords" CONTENT="Teeth, Director">
<META NAME="GENERATOR" CONTENT="Microsoft Notepad">
<TITLE> ""</TITLE>
</HEAD>
<b> <strong>, <i> <em>?
<b> <i> , 
.
<strong> <em> ,
.
?
:
<table width="100%" height="100%">
<tr>

466


<td align="center" valign="middle">
<img src="kartinka.gif">
</td
</td
</table>

(background)?
IE 3.01 . Ha 
IE .
<BODY BACKGROUND="URL__" BGPROPERTIES="FIXED">
html ?
:
<SCRIPT LANGUAGE="JavaScript"><! Hide the script from old
browsers
function BGSound()
// find out what browser it is
var Cmd = " "
var Brwsr = window.navigator.appName
if (Brwsr == "Microsoft Internet Explorer")
// Use BGSOUND for MSIE
Cmd = "<BGSOUND SRC=" + "music.mid" + ">"
else
// Everyone else gets EMBED
Cmd ="<EMBED SRC='music.mid' HIDDEN=TRUE>"
return Cmd
// do it!
document.write(BGSound())
// end hiding here >
</SCRIPT>
, ,
() ?
:
<SCRIPT language="JScript">
<!
ua=navigator.userAgent;
v=navigator.appVersion.substring(0,1);
if ((ua.lastIndexOf("MSIE")!=1) && (v!='1') && (v!='2') &&
(v!='3')) document.body.onmouseover=makeCool;
document.body.onmouseout=makeNormal;
function makeCool()
src = event.toElement;

467

if (src.tagName == "A")
src.oldcol = src.style.color;
src.style.color = "FF0000";
function makeNormal()
src=event.fromElement;
if (src.tagName == "A")
src.style.color = src.oldcol;
//>
</SCRIPT>
?
<head> :
<STYLE type="text/css">
<!
A:link textdecoration: none;
A:visited textdecoration: none;
A:active textdecoration: none;
A:hover textdecoration: none;
>
</STYLE>
Back?
<a href="javascript:history.back()">H</a>
?
<FORM>,
.
:
<FORM ACTION="URL" METHOD="GET/POST">
....
</FORM>
ACTION ,
Sumbit( ). METHOD
: GET POST. GET
URL.
,
URL .
POST

468

?
:
<SELECT NAME="name">
<OPTION SELECTED>Text_1</OPTION>
<OPTION>Text_2</OPTION>
<OPTION>......</OPTION>
<OPTION>Text_N</OPTION>
</SELECT>
NAME .
,
. <OPTION></OPTION> 
. .
VALUE, 
, .
. 
SELECTED <OPTION>.
?
,
SELECT :
<SELECT NAME="name" SIZE="2" MULTIPLE="MULTIPLE">
<OPTION VALUE="1">Text_1<OPTION>
<OPTION VALUE="2">Text_2<OPTION>
<SELECT>
SIZE 
.
MULTIPLE ,
.
VALUE __
<OPTION>.
?
:
<INPUT TYPE="CHECKBOX" NAME="name" VALUE="value">
?
, 
name,
.

469

:
<INPUT TYPE="RADIO" NAME="name" VALUE="value">
?
:
<INPUT TYPE="TEXT" NAME="name" SIZE="XX" MAXLENGTH="XX">
MAXLENGTH 
.
SIZE .
?
:
<TEXTAREA NAME="name" ROWS="XX" COLS="XX">
ROWS .
COLS .
?
:
<INPUT TYPE="PASSWORD" NAME="name" SIZE="XX" MAXLENGTH="XX">
,
( ).
?
:
<INPUT TYPE="HIDDEN" NAME="name" VALUE="value">

.

470

, email.
?
) , 
:
<FORM ACTION="mailto:your@email" METHOD="POST">
) (, ), 
, cgifree. 
: .
<FORM action="http://www.cgiree.com/mailer.cgi?your@email;
temp.htm" method=POST name="form1">
your@email email ( ), temp.htm

?
,
,
, :
<IMG SRC="_" USEMAP="#_">
html ""():
<MAP NAME="_">
<AREA >
</MAP>
:
1. SHAPE . : RECT,
CIRCLE, POLY. RECT.
) RECT . COORDS="x1, y1, x2, y2"
x y .

Submit & Reset?


:
<INPUT TYPE="SUBMIT" VALUE="">
<INPUT TYPE="RESET" VALUE="">
SUBMIT ,
RESET .

) CIRCLE . COORDS="x0, y0, r"


x0 y0 . r .
) POLY . COORDS="x1, y1, x2, y2, x3, y3..." x y
.
,
COORD="0,0,50%, 100%" ( ).
2. COORDS . ,
SHAPE.
3. HREF (URL)

471

4. NOHREF , . 
.
5. ALT . , 
,
, 
, 
.
,
_, #_. :
<IMG SRC="Stamp.GIF" HEIGHT=168 WIDTH=173 USEMAP="#m1">
<map name="m1">
<area href="file1.htm" shape=rect coords="0,0,50,50">
<area href="file2.htm" shape=circle coords="50,0,100">
</map>

.
?
<p align="justify">
text
</p>
?
<p style="textindent: 15pt">... ...</p>
<hr>?

SIZE=xx .

WIDTH=xx . .

ALIGN=word (CENTER, LEFT, RIGHT).

NOSHADE .

COLOR=word #RRGGBB. .
IE.

<HR> ( ) 
:
<HR NOSHADE SIZE=100 WIDTH="1%"> (SIZE )
:
<HR COLOR="red" NOSHADE SIZE=1 WIDTH="90%">
<HR COLOR="#cdef1a" SIZE=2 WIDTH="500" ALIGN=CENTER>

472


?
<html>
<head>
<script language="JavaScript">
var height=0;
var width=0;
if (self.screen) // for NN4 and IE4
width = screen.width
height = screen.height
else if (self.java) // for NN3 with enabled Java
var jkit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = jkit.getScreenSize();
width = scrsize.width;
height = scrsize.height;
</script>
</head>
<body>
<script language="JavaScript">
<!
if (width == 800 && height == 600)
location.href = "800x600.htm"
else if (width == 640 && height == 480)
location.href = "640x480.htm"
else
location.href = "unknown.htm"
//>
</script>
</body>
</html>
?
:
:
<SCRIPT LANGUAGE="JavaScript"><!
document.writeln(document.lastModified)
// ></SCRIPT>
, ,
?
<SCRIPT LANGUAGE="JavaScript">
<!//
* if (navigator.appName == "Netscape" &&
parseFloat(navigator.appVersion)

473

>= 3.0) roll = 'true';


* else if (navigator.appName == "Microsoft Internet Explorer" &&
parseFloat(navigator.appVersion) >= 3.0) roll = 'true';
else roll = 'false';
function over(img,ref) if (roll == 'true')
document.images[img].src = ref;
function out(img,ref) if (roll == 'true')
document.images[img].src = ref;
if (roll == 'true')
a1=new Image;a1.src="over.gif";
a2=new Image;a2.src="out.gif";
aX=new Image;aX.src="image.img"
//>
</SCRIPT>
a1,a2,.. .
!
:
<A HREF="URL" onmouseover="over('mover','over.gif');"
onmouseout="out('mover','out.gif');"><IMG SRC="out.gif"
NAME="mover"></A>
mover , java
. .

474

web

.


, .
.

, , ..
:

,
;

Adobe PhotoShop
,
.

Paint Shop Pro , shareware


, , ,
Adobe PhotoShop
(>20M) . 
4050 .
, .
, ,
.

475


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

(,
, );

(RGB, CMYK,
HSB);


;

(
);

Corel
DRAW Adobe Illustrator
, ,
. 
Corel Xara!;
Corel 
XARA, , 
. , , 
, ,
, , .

476


HTML,
.. 
web (
, , , 
.
Windows HTML, 
,
, HoTMetaL.


web
, ,
.., , 
. Macromedia Dream
weaver. ,
.



.
Microsoft Word.

, .
CuneiForm FineRea
der. . 
.

, 

. :

Ulead GIF Animator ,


GIF.
.
.

Adobe PhotoShop
, .

.
.

web
,
Microsoft Internet Explorer Opera.
, , 
, 5 .
.
. web
.

477

Macromedia Flash MX
web .

.
VRML
3D,
.
VRML Internet3D
Space Builder.

478

<b></b>

<big></big>

<body></body>

,
.
, ,
, CoolEdit, eJay.

, 
web. , , , 
. 
,
.

<body text="#cc0000">

<body bgcolor="#000000">

<body background=".jpg">

<body link="#ff9999">

<body alink="#ff9999"> ()

<body vlink="#ff9999">

<body topmargin="0">
IE

<body leftmargin="0">
IE

<body marginheight="0">
NN

<body marginwidth="0">
NN

HTML
<a href="_.html"></a>
C

target=_blank .

name="anchor1" .

<area>
,
.

shape="rect" (circle, poly) (,


, )

coords="x1,y1,..." ,

alt="" ,

href="document.html"

<br>
()

clear="all" (left, right)


().

<center></center>

<font></font>
, :

<font color="#cc0000"></font>
.

479

480

<font size="+0"></font>
( 2 +4)

<font face="Arial"></font>
( 
)

<frame src="menu.html">
frameset

marginheight="0"
.

marginwidth="0"
.

scrolling="yes" (no, auto)


(, ).

Border="5"

width="500"

name="window?1" ,
(),
<a> target (target="_").

height="100"

align="left"
(right, top, middle, left, bottom)

vspace="10"

hspace="30"

alt=""

usemap="#karta1"

<map></map>

name="karta1"

<frameset></frameset>
.

rows="100,200,*"
().
.
cols="10%,20%,70%"
().
.
border .

<Hx></Hx>

<head></head>

<hr>

<Hr align="right"> center left

<Hr width="30%">

<Hr size="6">

<Hr NoShade>

<Hr color="cc0000"> , IE

<html></html>

<i></i>

<img src="_.jpg">

<marquee></marquee>
()

height="16"

width="250"

bgcolor="#99CCFF"

vspace="10"
(, . )

481

482

hspace="20"
(, . )

<stike></strike>

loop="2"

direction="left" (right, up, down)


(, , )

<sub></sub>

behavior="scroll" (slide, alternate)


( ,
)

scrollamount="1" ,
1 10 (1
, 10 )

<li></li>

type="disk" ( )

type="circle"

type="square"

<p></p>

<sup></sup>

<title></title>

<table></table>

<tr></tr>
() .
<td></td>
() .

bgcolor="#FFCC33" (,
).

background=".gif"
(, ).

<p align="center"></p> .

<p align="right"></p>
.

width="50" width="50%" (,
) .

<p align="left"></p>
.

height="45" height="45%" (,
) .

<p align="justify"></p>
.

align="center" (right, left)


( ).

valign="middle" (top, bottom)


() (
).

<s></s>

colspan="2" .

rowspan="2" .

<small></small>

cellspacing="5" .

cellpadding="5"
.

<pre></pre>

border="3" .

bordercolor="#000000" .

483

<tt></tt>
()
<u></u>

<ul></ul>
()

META
, 
, ,
, ,
, 
.
<META NAME="Description" CONTENT=" .">
, , 
( ). ,
. 200 .
<META NAME="Keywords" CONTENT=" .">
. , 
, . 
.
. 800 .
<META HTTPEQUIV="ContentType" content="text/html; charset=win
dows1251">
.
windows1251.
,
:
<META NAME="Documentstate" CONTENT="Dynamic">
<META NAME="Revizitafter" CONTENT="10 days">

484

10 .
.
, :
<META NAME="Documentstate" CONTENT="Static">
 web 
:
<META HTTPEQUIV="Pragma" CONTENT="nocache">
:
<META HTTPEQUIV="nocache">
:
<META HTTPEQUIV="CacheControl" CONTENT="nocache">
:
<META HTTPEQUIV="Expires" CONTENT="Wed, 2 Mar 1996 00:00:05 GMT">
HTTP/1.0.
.
.
<METAHTTPEQUIV="ContentLanguage" CONTENT="en,ru">
, .
.
<META HTTPEQUIV="Refresh" CONTENT="5; URL=page.html">
5 page.html 
. , "".
<META HTTPEQUIV="Keywords" CONTENT=" .">
.
<META NAME="Classification" CONTENT=".">
, .
Web Masters.
<META NAME="Robots" CONTENT="index, follow">
. ,
CONTENT:

index .

485

follow
.

all .

noindex , .

nofollow , .

none .

CONTENT="index, follow".
<META NAME="author" content="">
, , ,
email. .
<META HTTPEQUIV="Replyto" content="spam@sitemaker.ru">
.
<META NAME="Copyright" content=" ">
. .

486

http://www.royaltystudios.com
http://www.internetclub.com
http://www.student.toplinks.com/freehome.htm
http://rampage.ml.org/freeinfo.html
http://www.cybercity.hko.net/
http://bip.concept.se/user
http://www.nether.net/
http://www.metrocity.net
http://mkn.co.uk/
http://www.nettaxi.com
http://home.onestop.net/
http://www.yi.com/
http://www.howdyneighbor.com/
http://www.schlund.de/


http://www.geocities.com
http://www.xoom.com
http://www.hypermart.net
http://members.tripod.com
http://www.angelfire.com
http://www.crosswinds.net/index.html
http://www.fortunecity.com
http://www.fsn.net
http://a1bbs.dzone.co.kr
http://www.easyspace.com
http://www.cynetcity.com
http://www.cybercities.com

http://www.cqws.com/rates.html
http://jungle.fapema.br/
http://free.prohosting.com/
http://www.home.ch
http://www.earthonline.net/
http://www.freenation.com/


1000 Christian Links In 72 Categories ADDURL
http://www.newcreations.net/sermoncentral/addurl.html
PM FFA Link Page
http://11pm.com/links/links.htm
Register's Cool Site Award
http://www.123register.com/award.html
Mockingbird Lane FFA Link Page
http://1313mockingbirdlane.com/links/links.htm

487

Have Fun FFA Link Page


http://www.2havefun.com/links/links.htm
FFA Link Page
http://www.4u2.de/
Free Banner Exchange
http://12free.com/
Banners
http://www.123banners.com/
AmericaMall
http://www.1second.com/1america.htm
StopBiz
http://www.1stopbiz.com/
FFA Link Page
http://212.net/
BuySell
http://www.2buysell.com/
Cool Web Coolest Site
http://www.2coolweb.com/
Hand Internet Market
http://www.2him.com/
Exchange
http://www.xx.com/


H1.ru
,
. ,
. 
. ( FTP, CGI, 
, , DNS), .

488

By.ru
, .
+ (
). CGI , SSI(!) FTP, 
.. (
),
( 1000 ).
Webservis.ru
.
, CGI, 
, 
web.
, . :
.bos.ru, .al.ru , (,
@bos.ru = @.bos.ru).
Lgg.ru
B , 30 , 
cgi, mySQL, php4; . 
3 (..lgg.ru) 
email (5 ). ,
. ,
.
Hut.ru
K, . .
48660 ( 
). , 1,
!
Narod.ru
. . FTP, . CGI ,
( , , , , 
). , 
. .
Boom.ru
Narod'a. 50 ( ) , FTP.
CGI . , . ,
.

489

490

Newmail.ru
2 . 32 , FTP, . CGI .
, .
, 
.

ClassicGaming

English

999

Cool Free Pages

English

50

Cybercities

English

25

Demented

English

20

Sunday.ru, Tam.ru, Zk.ru, Home.c99.ru


. 100 . 
. , 
cgi. .

Digitalrice

English

DomainDLX

English

15

Easyspace

English

25

Diaspora.ru
Web
. . FTP, CGI, . 
, . 
.

Eccentrix

English

15

EGAO

English

50

Finitesite

English

15

FortuneCity

English

100

Chat.ru
chat.ru/ .chat.ru. ,
, cgi . .

FreeHomepages

English

FreeServers

English

20

Freewebfile

English

50

GameDummys

English

25

Geocities

English

15

Graffiti

English

20

Grlspace

English

10

HealthBlast

English

15

HostUltra

English

999

HotyellowCity

English

15

Idlecity

English

20

Imbri

English

20

Infhost

English

IntelCities

English

JoinMe

English

KM.RU

Russian

999

Live Domain

English

20

AGAVA

Russian

999

AngelCities

English

15

Angelfire

English

30

AOL

English

12

Barry's World

English

20

Bobsville

English

2,5

Boom.Ru

Russian

50

Bootbox

English

10

BurgeNet

English

20

By.ru

Russian

999

CFMresources

English

30

Chat

Russian

20

Cheatman

English

999

491

492

LiveUniverse

English

0,5

Space Towns

English

50

MainQuad

English

15

Spaceports

English

10

Megspace

English

50

SpanCity

English

999

MixHost

English

25

Sphosting.com

English

25

MSN

English

12

Spree

English

999

Narod.Ru

Russian

999

Starvingart

English

Nerdcities

English

100

Stas

English

999

Netcolony

English

35

StaticFree

English

10

Netomia

English

60

Stormloader

English

20

Netscape

English

11

T35

English

35

NewMail.Ru

Russian

32

TalkCity

English

12

Onenet

English

10

Telefragged

English

999

Ournet

English

Terrashare

English

25

Phatstart

English

TheDeck

English

PHP50

English

50

TheGeekHost

English

20

Polbox

English

Thirdage

English

Power Serve

English

TimeCities

English

15

Qwikpages

English

100

Tiscali.cz

English

10

Real Hosting

English

20

Topcities

English

50

Rediff

English

10

Tripod

English

50

RedRival.com

English

20

Tripod UK

English

12

Rootsweb

English

100

Ubuildit

English

10

Russian Zone

Russian

999

Ugo

English

12

SDF

English

10

UnoDosTres

English

Searchalot

English

10

Vavo

English

999

Sitepalace

English

Verica

English

50

Solcities

English

VGF.com

English

100

Southhosting

English

Viaduk

English

493

494

Virtue

English

5,5

Web1000

English

50

Webpagebiz

English

WebSamba

English

30

Webservis.ru

Russian

100

WebSiteForFree

English

7,5

WhoWhere

English

Wigloo

English

Women

English

Worldzone

English

100

Xism

English

20

XMail

English

20

Xoing

English

20

Xoom

English

999

Yoogo

English

15

YourOwnSpace

English

Yourwebhome

English

50

YouthofAmerica

English

20

Zcities

English

Zenation

English

50

ZoomGo

English

20

Anonymous
.
, .

Zy

English

10

ANSI

Active Channel
Web, 
.
Active Desktop
, Windows 
Microsoft Internet Explorer.
ActiveMovie
, Web 
AVI, QuickTime MPEG.
ActiveX
Microsoft, 
WWW,
,
. ActiveX COM
DCOM.
Address
, 
.
Anchor
, , .

American National Standards Institute.



, 
.
Authorization
, 
.

495

BBS
Bulletin Board System. .
.
.
Big mail
.
.
Bookmark
. Gopher WWW. 
, 
.
Browser
, .
, 
.
Bullet
. . , ,
, .
Character Set
, . 
, ASCII.
Character
, .
Chart
. ,
.
Check Box
. 
.
.
CompuServe
.

496

Cookies
, 
.
Cracker
, + .
Cybermall
.
Cyberpunk
.
DejaNews
Usenet , 
. http://www.dejanews.com.
DNS
Domain Name System. . , 

. .

.
Domain Name Server
.
. DNS . DNS
32 
IP, 
. DNS
DNS
Domain Name Server DNS.
IP DNS IP
. DNS , IP
DNS.
. DNS 
, , 
, ,
root.cache. ,
.

497

498

Domain
. . 
, .com, .net, .mil, .org , 
, , .

HTML

Download

.

HyperText Transport Protocol. ,


HTML World Wide Web.

Ethernet
.
, TCP/IP 
Ethernet.
Font
.
Freeware
.
FTP
File Transfer Protocol. 
. , .

FTP. .
FTPclient
, FTP.
FTP
FTP.

HyperText Markup Language. , 


World Wide Web.
HTTP

Hypermedia
. , 
, , .
Hypermedia
, . , 
web
.
Hypertext
,
.
Internet

, 12 ,
30 . 
FIDO.
IP Address
( ) ,
.
IP

FTPmail
. FTP
.

,
.
.

FTPserver
, 
FTP.

IRC

GIF
Graphic Interchange Format.
WWW.

Internet Relay Chat. WWW. IRC  


Usenet.
, . ,
. . 
. .
. .

499

JPEG
Joint Photographic Experts Group. ,
Web.
Lamer
. ,
.
Login
.
Lurk
. , , 
Usenet , IRC.
Mail server
. ,
.

500

Mosaic
, 
World Wide Web. XWindow,
Windows Macintosh.
MPEG
Moving Pictures Expert Group. , 
.
Multimedia
,
.
Netscape Communicator
.
, World Wide Web. 
X Window, MS Windows Macintosh. .

Mail

Newsgroup
Usenet.


.

NNTP

Mailing list
C , 
. .
Marquee
HTML.
Media
, Multimedia.
Microsoft FrontPage Express
web. 
HTML .
MIME
Multipurpose Internet Mail Extensions. ,
. 
. MIME !

, 
Usenet.
Offline
.
Online
.
Page
. World Wide Web.
Prompt
.
Protocol
,
.
Provider
. , .

501

216 web
FFFFFF

CCCCCC

999999

666666

333333

000000

FF0000

FF3333

CC0000

FF6666

CC3333

990000

FF9999

CC6666

993333

660000

FFCCCC

CC9999

996666

663333

330000

FF3300

FF6633

CC3300

FF9966

CC6633

993300

FF6600

FF9933

CC6600

FFCC99

CC9966

996633

663300

FF9900

FFCC66

CC9933

996600

CC9900

FFCC33

FFCC00

FFFF00

FFFF33

CCCC00

FFFF66

CCCC33

999900

FFFF99

CCCC66

999933

666600

FFFFCC

CCCC99

999966

502

666633

333300

CCFF00

CFF33

99CC00

CCFF66

99CC33

669900

99FF00

99FF33

66CC00

CCFF99

99CC66

669933

336600

66FF00

99FF66

66CC33

339900

66FF33

33CC00

33FF00

00FF00

33FF33

00CC00

66FF66

33CC33

009900

99FF99

66CC66

339933

006600

CCFFCC

99CC99

669966

336633

003300

00FF33

33FF66

00CC33

66FF99

33CC66

009933

00FF66

33FF99

00CC66

99FFCC

66CC99

339966

006633

00FF99

66FFCC

33CC99

009966

3300CC

9966FF

503

504

6633CC

330099

66FFFF

33CCCC

6600FF

9933FF

009999

99FFFF

6600CC

CC99FF

66CCCC

339999

9966CC

663399

006666

CCFFFF

330066

9900FF

99CCCC

669999

CC66FF

9933CC

336666

003333

660099

CC33FF

00CCFF

33CCFF

9900CC

CC00FF

0099CC

66CCFF

FF00FF

FF33FF

3399CC

006699

CC00CC

FF66FF

0099FF

3399FF

CC33CC

990099

0066CC

99CCFF

FF99FF

CC66CC

6699CC

336699

993399

660066

003366

0066FF

FFCCFF

CC99CC

6699FF

3366CC

996699

663366

003399

3366FF

330033

FF00CC

0033CC

0033FF

FF33CC

CC0099

0000FF

3333FF

FF66CC

CC3399

0000CC

6666FF

990066

FF0099

3333CC

000099

FF3399

CC0066

9999FF

6666CC

FF99CC

CC6699

333399

000066

993366

660033

CCCCFF

9999CC

FF0066

FF6699

666699

333366

CC3366

990033

000033

3300FF

FF3366

CC0033

00CC99

6633FF

FF0033

33FFCC

00FFCC

00FFFF

33FFFF

00CCCC

505


, HTML?

web?

, ? !

popup

 Internet Explorer
5.5


.
. .

506

25

(CHMOD)

Web

web?

Web
.

HTML

http://www.webwindow.ru

511

6. web . . . . . . . . . . . . . . . . . . . . . . . . . . . .447

7. CSS . . . . . . . . . . . . . . . . . . . . . . . .449

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .455

web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .474

Web?

HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .477
META . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .483
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .485
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .494
216 web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .501
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .505

. .
 . .
 . .
. .
. .
. .
. . , . .
20.05.2006. 60x90/16.
. . .
. . 32. 3000.