Post on 18-Aug-2015
,
,
i^ kHTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX. , ,
HTML XHTML CSS
JavaScript ASP ActiveX
Web-
-
-
, ,
Web-.HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX.
, ,
-
HTML& Web Design
Tips & Techniques
Kris JamsaKonrad King
Andy Anderson
McGraw-Hill/OsbomeNew York Chicago San Francisco Lisbon London
Madrid Mexico City Milan New Delhi San Juan Seoul Singapore Sydney Toronto
Web-
HTML, XHTML, CSS,JavaScript, P H P, AS P, ActiveX., ,
-
DiaSoft -
2005
32.973.2 681.3.06(075) 7 8
78 Web-. HTML, XHTML, CSS,JavaScript, PHP, ASP, ActiveX. , , . ./, , - .: , 2005.- 672 .
ISBN 5-93772-128-4
Wfeb-, , - Web-. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX., ,
, . -
,
, Web- . , , -
,
.
300 , , Web. - , HTML, JavaScript CSS-, - Web-, --, Java- ActiveX-, ASP, Web . Web-, - .
, , ,
Wfeb, , Web-.
32.973.2
Original edition copyright 2003 by McGraw-Hill Companies as set forth in copyright notice ofProprietor's edition. All rights reserved.
Russian language edition copyright 2004 by DiaSoft Publishing House. All rights reserved.
McGraw-Hill/Osborne. , .
, , . -
,
. , -
.
, , . -
.
ISBN 5-93772-128-4 (.) . , 2005ISBN 0-07-219394-8 (.) McGraw-Hill/Osborne, 2003
. , 2005 77.99.6.953..438.2.99 04.02.1999
12 1. HTML 19 Web- Web- 21 HTML- 23HTML- 24 HTML- 25 Web- 25 26 HTML ; 28 ; 29 30 Web- ,
Web- 30 34 Web- 35 Web- Web- 38 Web- 42 Web- 44 Web- ; 45 Web- 47 48 size 52 HTML- 53 Web- , 55 57 59 61 HTML- ,63 Web- 64 66 68 , 70 71
Web- 72 Web- 73 Web- ' 76
2. HTML- 79 HTML-, 83 , 89 91 93 95 98 100 101 102 104 Web- 105
GIF- 107 109 110 112 114 115 Web- 116 117
Web- 118 , Web- 120 Web- 121 123 Web- 124 Web- 126
3. HTML- 128 HTML- 130 , 132 135 136 138 -. 140 142 143 ( ) 146 148 . . . 1 5 0 Web- 152 Reset 153 155 Submit 156 Submit Reset 157 l- 159 HTML-, 161 163 Web- onClick 165 Wfeb- 166 167 168 " 169
4. 172 175 176 \Afeb- 180 font-family. 188 font-size 189 ; 192 - 194 196 198 201 , 203
205 207 209 210 " " 212 . 215 217 '. 219 . 222 224 227 Web- 229 231
5. XHTML 234 236 XHTML? 245 H T M L B X H T M L C HTMLTidy 249 Web- 253 Web- XHTML 255 XHTML- 259 XHTML- 261 XHTML- 263 XHTML- 265 XHTML- 268 XHTML- 271 XHTML- 274 XHTML- Web- , 278
6. 281 Web- 282
Web- 283 284 Web- Web- 286 Internet 287 cWeb- 288 Web- 289 Web- 292 294 alt , . 296 title 299 JPEG- 301 GIF. 304 307 PNG-8 PNG-24 308 Web- 310 Web- 311 : 314 -"" lowsrc 315 Web- 318 319 321 GIF- 324 326
"" 328 Web- 331 , ,
333
7. , .- 336 Web- 338 '. 338 HTML (DHTML) 339 GIF- 341 Macromedia Flash 343 Shockwave 345 346 Internet 347 Web- 350 . ' 351 1 354 GIF- 356 GIF- 358 GIF- 360 GIF-
363 Web- Flash- 365 Rash- ; 368 FlaX 371 372 374 Web- 375 SMIL 377
8. JavaScript 381 JavaScript HTML- Web- 383 , JavaScript 384 JavaScript 385 387 JavaScript 388 388 389 JavaScript 390 , 392 JavaScript HTML- Web- 393 , 393 JavaScript 394 395 397 , 398 399 , ". 400 JavaScript 401 JavaScript Web- ; 403 JavaScript 405 JavaScript- 407 JavaScript , 409 .411
414 Web- ( ) 416 417 JavaScript 420 JavaScript 423 Web- JavaScript , 425 cookie- .427 cookie- JavaScript 429 cookie- cookie- 430 cookie- cookie- 432 () 434 on Load 435 JavaScript 436 " " ; 438 440 JavaScript 442
9. Java- ActiveX 444 Java- 446 Java- 448 ActiveX 449 Java- Web-. ; 451 Web- ActiveX 458 Java ActiveX 463 464 467 468 , 469 , 471 474 477 Java- 479 Web- Internet- ActiveX Microsoft Chat 484 ActiveX internet Explorer 487
10. 4 490 PHP 493 494 496 '. 498 500 502 503 HTML- PHP-. 510 514 518, Web- cookie- 520 Web- 522 . 525 PHP- Web- 526 MySQL 528 Web- B6a3yflaHHbixSQLB HTML- 531 533 MySQL KWeb-. 535
U R L - : 5 3 8 Web- 539 IP- Web-, - 541 PHP- 543 Web- 544 546
11. (ASP) 549 , ASP- 552 ASP 553 ASP- Web- 555 ASP 557 ASP- 558 Web- 570 HTTP- cookie- 572 Form 575 QueryString 578 ServerVariables 581 MySQL 583 KWeb- 586 590 SQL HTML- 593 Microsoft Banner AcLRotator 597 Microsoft Banner Ad Rotator 600 " 404: " 604
12. 609 610 ? 610 ? 614 ? 617 CGI-? 617 ? 619 ? 620 , 623 Web- IIS- 624 626 628 629
633 634 636 NTFS 639 643 646 646 Web- 648 650 . 651 Web- ' 653 654
658
(Konrad King) , .
- , -
, PC. -, , ,
,
SQL, Web-, - Microsoft Office, FrontPage PowerPoint. , -
Web-, , -
Visual C+ + , Visual Basic, DataFlex - , SQL. - 1984 , , , .
(Andy Anderson) - , Photoshop, Illustrator , - Web-. Web--, -
, .
. -
, , -
Fortune 500. (Kris Jamsa) 90 -
,
. -
, -
(-), , --
-. 1992 Jamsa Press, - . , Jamsa Press - 70 28 , . -
Jamsa Media Group, - .
.
, , , .
,
.
12
, , Internet - 100 ( Internet http://www.nua.com/surveys). -
Web-, , Web-. , 500 - ( 7% ), Web- , -
, Web. , Web- ,
Web-. , ,
, , ,
. -
, Web-. , -
Web-. , , ,
Web-. , , Web-
, .
Web- - Web-. , Web- - Web-. , , Web- - Web-, HTML-, , - , JavaScript, , .
Web, Web-, , , - . , ,
, , -
, .
, , , -
. , -
Web-, , .
13
, Web-- ,
, . -
, , -
. -
, ,
Web-. : HTML, ,
Web-, , , Web.
HTML- , - Web-, .
(Cascading Style Sheets), Web- .
XHTML HTML, XHTML, - Web-, "-" HTML- XHTML.
,
Web- .
Web- (Active Server Pages).
"" , -
HTTP CGI , , .
-
,
.
-
Web-. .
,
, -
Web-, - , . -
, Web-. , -
. -
14
.
Web ( ) , .
Web- - -
. , ,
,
Web. , -: , -
.
. -
Web-, . ; - , , -
Web-, - Web- .
1. HTML. , , - Web- -, . -
, HTML-, , Web-- Web.
2. HTML-. Web- HTML- -
. Web- , .
, , .
, Web- , - , -
.
3. HTML-. Web- - .
, , ,
. , -
, , , ,
Web. HTML--. , Web- - ( (script)), , , .
4 -
, HTML, - JavaScript , - .
15
4. . Web- - HTML- , . HTML-, , .., Web- - Web- . -, ,
.
(Cascading Style Sheets) Web-. Web- , , - , Web-. ,
, -
, . , Web--, ,
-
.
5. XHTML . , Web- , , Web- , - W3C (World Wide Web Consortium). ,"" XHTML , "" -
. " ", Web-
Web-. , Web- ( XHTML), Web-- , , "" ,
HTML-. , - ( , , - ..) , - .
, HTML Tidy, HTML- Web-, , , - HTML- XHTML-. , ,
, ,
, -
.
6. . Web- . -, , , -
,
, .
, ,
, ,
16
. ,
, -
. ,
, "Web--". , , -
Web. 7. , . -
,
Web- , . ,
Flash-. , , , -
. , ,
( , Web-) Web-.
8. JavaScript. JavaScript , - Web- Web-. Web- JavaScript HTML-, - . JavaScript , , , . ( , -
.) JavaScript - . -
, JavaScript , , "".
, HTML-, - JavaScript. , - JavaScript-. , JavaScript, Web-.
9. Java- ActiveX-. - Java , - ; , Java- - Windows, Linux Macintosh. Java- - -
, . Web "" Java-, - . , Java-- HTML-. ActiveX- , Windows-. - Java-, , ActiveX- , . , -
17
ActiveX-, . 9 , .
10. 4. , () Web-. , , Web-, , , ,
, , cookie-, . 1 000 000 Web .
, PHP-. .
, -
, ,
, PHP-. - ,
Web-. 11. . ,
(Active Server Pages ASP) Web- - " ". (- Web-) -, VBScript, JScript ( JavaScript Microsoft),PerlScript, Python, Rexx . , - , , -
. , -
Web-, , cookie-, , ,
, ..
12. . - 12 - ! , , - .
( ), , , . , ( , ) ( -). , , - ( "" ), , - . , ,
.
, -
, ,
.
,
, .
, -
, -
.
, , -
,
, .
HTML-, - , JavaScript-, PHP- . -
Web-. Web- http://www.diasoft.kiev.ua.
1. v : . . . . -,;..
HTML
web-' Web- Web-I Web-
I (Document Type Definition) Web-
1 Web-
I
I size I HTML-I Web- I I
I I I HTML-I
Web-I I I I '
I Web-
I Web-' Web-
20 1. HTML
h (Hypertext Markup Language), ,
, HTML, , World WideWeb ( ). Web-, HTML - , , , , - -
Web-, , , . , HTML , Web- Web-, Web- . Web- , a HTML (, ), Web-.
HTML , . - Web-, HTML, -, , - Web- Internet. , Web- Web-. Web- (Web browsers) , HTML- Web- , . -
, -
-,
HTML-. Web-,Microsoft Internet Explorer Netscape Navigator, , Web- HTML--.
Web- Web-, Internet Web-. , Web- Web- , Web- - HTML- Web- - .
Web- Web- - (HyperText Transport Protocol HTTP). ,HTTP- Web- , ; HTTP- . Web- - HTTP- ( Web- Web-), . 1.1.
1. , Web- (, h t t p : / /www.NVBizNet.com) , - Web- Internet HTTP- .
2. HTTP- , Web- Web- Web-.
3. Web- Web-, , (, , , ..), - Web-.
1. HTML 21
Web-
DEFAULT.HTM
Web-
. 1.1. Web- Web-
4. Web- Web- HTTP- ( ).
5. HTTP- , - Web- ( HTTP-).
6. Web- Web- , HTML- , Web- Web--, .
Web- Web-
Internet , Microsoft Netscape Web- - . , Web- - , HTML- Web-, , Web-, -, HTML . , , - , .
,
HTML Web- - , ,
HTML. Web-, ,
Internet Explorer
22 1. HTML
Netscape Navigator. HTML-, , ,
Web-. - - HTML, "" - .
HTML , ,
, , -
.
Web- HTML-, . , Web--, Netscape Navigator Internet Explorer, - , Web- . ( (content) , (, - ), Web- - HTML).
, Web- , -. , Web- - . HTML -, ,
, ,
Internet. HTML, W3C (World Wide Web Consortium), (- (tags) (attributes)) HTML, "" Web- , HTML- , ( Notepad() Windows). Web- W3C (www.w3.org) Internet-, HTTP, HTML, XHTML(Extensible Hypertext Markup Language -), XML (Extensible Markup Language ), CSS(Cascading Style Sheets ) ..
, , Web- -, , HTML- - Web--. Internet, - Internet- ( Internet). Web- Web-, URL- (Uniform Resource Locator , Web-) . , . h t t p : / /www.osborne.com. ENTER.
Web-, , Web- HTTP- Web--, . Web-, .. Web-- ,
(, ), -
1. HTML 23
. , ,
View | Source ( | HTML), HTML-, . ( Netscape Navigator, View | Page Source ( | )). Internet Explorer HTML- Web- , NetscapeNavigator HTML- . - HTML- - . ,
HTM L-.
HTML- , Web- , -
HTML- ( ) -. , -
Web-, , Web-. , - , HTML- , -: {container) , - ,
Web- . HTML- ( HTML-)
"" (). - , (/) . ,
, . Web- ; ( ), , Web- - , -
.
, ,
( ) , , . , Web- :
.
, -
, , ,
, , .., , - , . ( , .)
24 1. HTML
HTML- HTML-, Web-
, {section tags). HTML- HTML- :
. HTML--. , - HTML-, - Web-.
. HTML () Web-. - Web- , - . , -
, ,
. HTML- , - , Web--. Web- - ( ), .
. - Web--. Web- , Web-, .
HTML-- :
Web-
1. HTML 25
, - Web-, .
HTML- (. " HTML-
" ), HTML - , (empty tags). - ,
, ,
.
" -
" " -". , HTML- - (), Web- - ,
( - ):
Web- HTML- .
HTML-, - - HTML-. HTML- .htm .html. , ( Windows) HTML-:
IIpHMep HTML-flOKyMeHTa
, ! !
Web- ( - .htm .html) . - Web- Osborne Web-, (-, c:\HTMLExampies), Web-. - TestPage.htm .
26 1. HTML
" " Web-, Web- File://, -, Web-. , Web-- TestPage.htm C:\HTMLExampies, - File://c:/HTMLExamples/TestPage.htm.Web-, , Web-, - . 1.2. , , . - Web-!
HTML- - Microsoft Internet Explorer @
Cjgpene
;] http//html-webdesign/ChapterO1/TestPage.htm
, ! !
J. 1.2. Web-, Internet Explorer
.
. ,
. ( ) - , , .
Web-, - . Web- - , -
,
.
() , . 1.3.
npnMep ,
.
,
1. HTML 2 7
,
. Qgpenc ^
hHp//html-webd6sign/Chepter01/Figure0l-Q3htm
.
,
' j
. 1.3. ,
HTML -, ,
. , -
,
. -
:
. , -, .
. , ,.
. , -, .
HTML- , , ( . 1.4).
OcHOBHbie
] http//btj ( bde si gn/CbapterD yF\gurs 014
"13
. 1.4. HTML-
28 1. HTML
HTML HTML- ,
Web- , - . ,
Web-, , . color () face (), ,
(red ) (Helvetica), - , :
- , - Helvetica.
,
, : , -
(=), ("") (") .
' , Web- (=) . Web- ( HTML- - ), . HTML- , , .
Web- ( ), , , -
. Web- , color face - , , HTML- Web- - . . 1.5 HTML- .
HTML-
1
. 1.5. ,
1. HTML 29
HTML- Web- , - Web- - , , , .
Web- , - .
() Web- . , , Web-, - HTML, , , ,, . - , ( ) CSS-, - 4.
Web-, Web-, , :
. color . ( "red" [],"green" [], "yellow" [], "blue" [] ..) - (, #FFOOOO, #, #FFFFOO, #OOOOFF ..), , -, Web- .
. s i z e ( ) -7 7. , .
. face - (Times New Roman, Helvetica, Arial
, ). , face, ,Web- face .
Web- , , - . , -
, . Web-- Helvetica, - ( ) - , :
npMMep
30 1. HTML
, Helvetica
-
Web- , , ,
( "division" ("")). , - -
Web-. align () HTML-, - , :
.
.
- HTML-. Web- - , -
.
Web- ,
Web- "" Web-
HTML- . "" "" , Web- - ( ), - HTML-, , , . HTML-, ,
HTML- Web-.Web- , -
HTML- ( ), Web- , -. , Web-, - .
1. HTML 31
HTML , ^ . HTML- -- : , -
Web- ( Dreamweaver FrontPage). , , , .
(, , -) , -. -
,
.
Windows Microsoft - Notepad (); Macintosh - SimpleText.
-
, -
. , , -
" " .
Web- ,
, HTML. - HTML-, . - HTML--.
Web- , - HTML, "", - . . 1.6 HTML-, - Microsoft Notepad - .
TDOCTVPE html PUBLIC "-//U3C//DTD XHTML 1. Transitional//EN"'http://WMW.w3.or9/TR/xhtl1n/DiD/xhtinll-trensitionel.dtd">
html xmlns=>-http://uuw.w3.org/1999/xhtiiil">
ripHHep Ueb-cTpaHH4bK/title>
,
.
.
_J
. 1.6. HTML-
32 1. HTML
HTML- File | Save ( | ) Web- . .htm .html ( .txt).
Microsoft Word Corel WordPerfect. - ,
-
. , -
HTML-, , HTML-, - , "" .
HTML, . , -
. ,
, , - , .
, HTML- - , "" .
, : -,
HTML- Web-, , -, HTML, - HTML-.
" ..."
, " ".
- :
. -
, Web- , , - ,
"". HTML- - ,
HTML- " ".
Web- Web- Web-
, ,
PageMaker QuarkXPress, -. Web-, Web- GoLive Adobe, Dreamweaver Macromedia FrontPage Microsoft.
1. HTML 33
Web-, GoLive, - , -
. Web-, HTML- . Web- , Web- , Web-. . 1.7 Web- Macromedia Dreamweaver.
Web- , HTML- . , -
HTML, , , , . , ,
Web- , , .
, . , -
Web- . - HTML-, Web- -. HTML, , , .
Web-, - .
HTML, Web-, ,Dreamweaver GoLive. HTML, Web- : Web- HTML-,
.
Document [Unlitled l ' | DnFile Yiew insert Modify Ie* t Commands tfmdow Uefp.
!"
j[1
* " | :
jj jj I;
;:
5 > @ @ Rii. 1.7. Web-
34 1. HTML
Web- Web- ( HTML-, , , -) , , Web-. Web- , ( ), , HTML- .
, Web- -, href , , . ,
(relative), (absolute) . ,, ciock.jpg, - Foider__B, Foider_B, , Folder_A (CM. . 1.8).
. 1.8. clock.jpg
, ,
, Web- -, . , ciock. jpg - Foider_B ( . 1.8), Web-, - ciock.jpg, Foider_A, ciock.jpg Web- Foider__B/ciock. jpg. , Foider__B, , ,
1. HTML 35
ciock.jpg. src ( source ) :
Web- - , HTML-. , HTML--, , - idx_f oider. src, Foider_A idx__foider.
, , , -
-
Web--. (/), .
, , ciock.jpg D Foider__B, Foider__A. - , , , ,
. -
ciock.jpg :
Web- Web- Web- . , , , -
Web- -
, . -
Web- , Web- . -, , Web- - , ,
, Web-.
Web- , Web-, -
, Web-, Internet Web-. .html-( Web-) File:// Web-. , Web- TestPage.htm , Web-, File://C:/MyWebs/TestPage.htm.
Web- Internet, Web-. , 10, 11 1Web- ,
1. HTML
(, Web- - Web-). - Windows (Windows 95, 98, Me, NT ), Web- (Personal Web Server PWS) . , -
PWS Internet, World Wide Web Web-, . - , Web- Web-, - , -
, , , Active Server Pages ( ).
- Windows 98, ; PWS \Add-Ons\PWS\ Windows 98 CD. - PWS Windows NT 4 Option Pack, - Web- Microsoft, :
1. Internet, - Internet-.
2. Web- URL- http://www.microsoft.com/msdownload/ntoptionpack/askwiz.asp; ENTER.
3. Windows NT 4 Option Pack Option 1. , , Web- Download Step 2, , -
NT 4 Option Pack.4. Download Step 2
. , -
PWS NT NT-, Windows 95. NT NT Workstation, NT-- PWS Internet Information Server (IIS). Next (). Web- Download Step 3.
5. Download Step 3 download.exe, - Web-. Windows, , File Download ( ).
6. File Download Save ThisProgram to Disk ( ) .Windows Save As ( ...).
7. Save As Save In( ...) , -- downfoad.exe, , C:\My Download Files; Save ().
1. HTML 37
8. Windows , - download.exe. . download.exe Windows NT 4 Option Pack.
9. Yes, . , , Download Options ( ).
10. Download Options DownloadOnly ( ) Next. - Language and CPU/Operating System Options ( -/ ).
11. Language and CPU/Operating System /- ; Next. Installation Options ( ).
12. Installation Options Full Installation (- ) Next. Save In Folder ( ).
13. Save In Folder , NT 4 Option Pack (,C:\PWSSetupFiles). Next. Download Location ( ) , NT 4 Option Pack.
14. Download Location (-) ( -). Next. - . Yes, NT 4 Option Pack.
14, NT 4 OptionPack , 13.
, PWS, - . , NT 4Option Pack - Windows 98, - PWS:
1. setup.exe -Windows 98 (x:\Add-Ons\Pws\setup.exe, -) , 13 .
2. Next (). setup.exe - PWS. Accept () . ,
38 1. HTML
, Installation Options ( ) Select Components ( ). ( - , , -
PWS ( - ) Web- .)
3. Installation Options Select Components Next .
3 - PWS . - Windows PWS. , Windows, Window: PWS. -, Web-, Web-- / Internet.
Web- Web- Web- (PWS),
, Web- - Web-. - PWS (Personal Web Manager), - .
PWS Windows ( Windows). , Windows 98, Start | Programs | Microsoft Personal WebServer ( | | Microsoft Personal Web Server) Personal WebManager.
PWS (Main) -, Web- , - . 1.9.
PWS Web- - . , -
Web- Web- PWS. ( Web- , .) - PWS PWS Web-.
1. HTML 39
Eropetties Mew
Mam
Publish
Web Site
, Tour
~~&
Advanced
Help
MainPubfishingV/eb publishing is on. Your home page is available at
'cp | Click Stop lo moke the ilems on your site unavailable
Your home directory UillKU itiiaHflttflJ
( change published directories, dick11Attwar.?ed1'inthelistflnlhe left)
MonitoringVieai Statistics;Requests per Day
17.09.03
Visitors1 1Requests. 12Bytes served: 6594
n 1
- . 1.9. Personal Web Manager
Web- , Web-. , , (, -, PWS) konrad, C:\WebShare\wwwroot. Web-, , TestPage.htm, C:\webshare\wwwroot , ( , ) Web- , http://konrad/TestPage.htm ENTER.
, () Web-, , HTDOCS, Web--, TestPage2.htm. TestPage2.htm c:\WebShare\wwwroot\htdocs\TestPage2.htm. , , -
URL-: ht tp : //konrad/htdocs/TestPage2.htm. ,
, Web- - Internet. Internet , , IP-. , Internet- - IP- ( ), - PWS IP- , ( Web-) Internet.
Internet- IP-, IP-, ipconfig.exe.ipconfig.exe MS-DOS. MS-DOS, Start | Run ( | ...). Windows, , - Run ( ). Run Open (:)
40 1. HTML
command.com. ENTER . MS-DOS ipconfig.exe ENTER. ipconfig IP- (Subnet Mask), . 1.10.
^J | i ha] Ql AJ
. 1.10. ipconfig, IP-
(Windows- ipconfig.exe , Start | Run (...) Open (:) Run winipcfg.exe.) IP- , IP- Web-, Web-- Internet. , IP- 24.234.31.218, , Web- - Internet, :
http://24.234.31.218/TestPage.htmhttp://24.234.31.218/HTDocs/TestPage2.htm
IP- , . , , Internet- - , IP-, IP- - , Internet. - , IP- ( ), Internet. IP- Web-, , Web- IP-, - PWS , Internet.
Internet- - IP-. Internet- - IP-, Internet ISDN, DSL -. IP-, TCP/IP Properties ( TCP/IP) . - :
1. HTML 41
1. Start | Settings ( | ), Control Panel ( -). Windows, , .
2. Network (). Windows Network ().
3. Configuration () Network . ( - Windows NT, TCP/IP - Protocols () Network.) Properties (). Windows - Properties (: TCP/IP).
4. Address (IP-) Specify An IPAddress ( IP- ). IP- , Internet-.
4, Properties, Network. Windows .
Internet PWS ()IP-.
IP-, Internet-, ,, VeriSign (http://www.NetSoi.com). , -, MyWebServer.com, Internet- IP- (Domain NameServer DNS) . , -, Internet Web- - PWS IP- ( ), Web- - , :
http://www.MyWebserver.com/TestPage.htmhttp://www.MyWebserver.com/HTDocs/TestPage2.htm Internet
IP- Web-, Internet- Web- . 510 () Web-, - Internet. (, VeriSign), Web-. Internet- , Web-, -, Web- , - , PWS ( ) .
42 1. HTML
, PWS Windows - Web- , . - Web-, Stop Web- PWS. ( PWS , Web- - -
.) Web-, Start, Stop, Web-.( Web- , Properties Stop Service () Pause Service (); Web-, Properties Start Service (-) Continue Service ()).
Web-
Web, Web-, , ( ). - Web- "" , . 1.11.
Web-
. E* Ed. S*(j*m]Chp"
>
I
PDF . 1
Favorites Xooi
m adobe cmv'ma
j
J
docurr
b'.in'
For~cr ) - HTML- Web-:
flo6po -
...
" Photoshop" -
Web- ...
Web- Web-, . , , -
Web-, . Web-, , . ;
,
Web- . : Web- ,
, Web- Internet Explorer Netscape Navigator. " "
Web- . - ( Internet)
-
. -, " " -
.
,
, Web-. , Web-, -
Web-. , - . Web- , - , .
, -
" " " ".
, W3C Web-, , . "" ("illegal") , - . -
Web- - , , Web--, Web- .
44 1. HTML
Web-
HTML - HTML-, Web-, - Web. HTML-Web-, Source ( HTML) View () . ( Netscape Navigator, View | Page Source( | )). Web-, , HTML- Web- (). ^
(Document lype Definition DID) HTML, Web-. - Web-, HTML- - , Web-. HTML-, h t tp ://vaiidator.w3c.org. HTML- Web- , DTD. , HTML4.01, Web- HTML4.01 .
HTML, Web--, Web- Web-- . , W3C Web-, HTML 4 , HTML- DTD. DTD , . DTD:
1. HTML 45
loose. dtd , , "" HTML 4, - , -
. , DTD strict.dtd , HTML 4. HTML4.01 HTML-, - Web-. , HTML 4.01 Web-; - HTML. -, , HTML . - , frameset.dtd, HTML-, .
Netscape Navigator, Internet Explorer DTD HTML- Web-, - HTML () Web-. , HTML 4.0
1, DTD. W3C: ,
, . -
DTD Web- . ( , - , .)
Web- HTML- , -
HTML-, - Web-. . ,
-
, , HTML- Web-, , - Web-, , .
,
HTML- Web- Web-. , , HTML- , , ,
. HTML- - () , , Web- , - .
, ( HTML--, ) - , .
HTML- ; Web- ,
46 1. HTML
-
. ,
, Web-:
flOKyMeHT, KOMMeHTapnn
One-of-a-Kind Productions, Inc. 316 333 4444 -- >
Web- , ,
, Web- HTML- Web-. , , ( ) HTML- * .
,
'
HTML- -. , -
, Web- -, :
.
function Displaylt()
alert(" JavaScript- !")return;
. . . Web-, . . .
, JavaScript- , Web-, , JavaScript- -. , , , ,
HTML- , - /* */.
1. HTML . 47
Web- Web- Web- -
, ,
HTML- Web-. , ,
, " " .
, . , -
,
: , .
,
. -
, .
, ( -) , (serif) , .(sans serif). , Helvetica Times New Roman -, a Comic Sans Arial - , :
, , Times New Roman, -
-
.
, / Comic Sans, - .
, -
:
. . . Web-,
face Web-, Web- . , Helvetica , :
3TOT Helvetica
HTML- Web-, .
48 1. HTML
, face Web- ( Helvetica). Web- , -
(). - , , Web- - .
,
Web-. , Internet Explorer 5, Tools () Internet Options ( -). Fonts (). Internet Explorer, , Fonts (), - , Web- ( HTML-) . , , Web- , , Web-- .
, face , . , , -
Helvetica. - Helvetica, Georgia. , - ,
:
Helvetica. Helvetica, Georgia.
face Web- () Helvetica, Helvetica , Georgia. , -
, Web- . ,
,
, . ,
, -
, Web- .
Web- , , , .
, HTML- (), :
1. HTML 49
npnMep TeKCTa
HTML- . -, HTML-, Web- - Enter .
Web- , - HTML- Web- ENTER - . Web- , -
HTML- Web-. . 1.12 , Web- HTML .
/ 2 > ip
_
- j g ] httpy/html-webdesign/ChepterCn/FigureGI-i 2.htm , ,
. , .
. 1.12. Web-
; : -
HTML - () . , Web- - , ,
, , ., -
, - . , HTML- Web- ,
(), Web- - .
, -. HTML- Web-, Web- - , -
. , Web- -
, . -
50 1. HTML
, ; - ,
.
HTML- , , Web- (.. 1.13):
IlpMMep TeKCTa
HTML- .
HTML- .
, .
( ) , - . ,
, -
. IWeb- ( )
. , Web-- Web-.
, Web- , - Web-.
- J J jtl J ->
HTML- .
HTML- .
,
.
. 1.13. Web-
1. HTML 51
, ,
, , -
. () -, . ,
,
.
, , -
:
IIpHMep cTpoKn
Snbsp;
, . ,
,
.ABpaaM
, "-
" "", Web- - . ,
, , -
, . 1.14. (
), , -
. & ] http//Mml-webdesign/Chapter01/Figure01-Rhtm {
, .
,
,
.
J. 1.14.
1. HTML
size Web- Web- -
.
, , -
, 1214 , - .
Web- , -
( ... ...). "". - .
"h", .
; >1 , -
.
HTML- Web-, - -
.
, -
, :
1 2 3 4 5 6
HTML- - size , 1 7. size, , , -
.
size, (). HTML- size, :
2
3
4 5 6 7
1. HTML . 5 3
, size - ; , , Web- .
,
Web-. 1024x768 - , ""
, 800x600 . , -
. Macintosh, , , ,
Intel-. HTML 4 W3C
(). Web-, - HTML, . CSS-, 4 .
HTML- Web-
, , . -
, color , Web-, .
, , .
> - , . color , .
, - .
, color HTML- Web- - :
.
color . , - .
Web- , -
Web- , - :
54 1. HTML
.
-BcTaBbTe color . , - .
color . , , ,
(red), (green), (blue) .. - . ,
, , #FFOOOO. ,
, .
, ,
Web- . , #. - -
: , ,
. , (#) - "00" , "00" "00" . , , -
, .
#FFFFFF. , -
, . -
,
. Macintosh, Windows-- , -
. ,
Web- ; -, . -
, -
.
, 256 -, ( ), - . , -
( -). Windows Macintosh (40 ),
1. HTML 55
216 (256 40 = 216), Web- Windows, Macintosh.
Web- , - Macintosh, Windows- . , -
, (). , , -
, -
, http://www.htmlhelp.com/cgi-bin/c o l o r . c g i .
-
, . -
, -
Web-, . ,
. 4 , - CSS-.
Web- Web-, -, -
. -
,
. , -
Web- , , . , , -
, , -
, . , ,
,
Epson 1520. - , .
, , -
Web-, - . , Web- -- ,
Arial, , Helvetica. , , , , -
.
,
- , , , -
. , ,
,
.
56 1. HTML
, , ,
Skia. Web- , - Skia , , -
. , ( ) , ( - Photoshop). Web- "-" , Web- - , , .
, , -
, ,
. 1.15.
I -
J
. 1.15. , , Web-
| Web- ( , ). src, Web- . ,
. , src ,
. , -
photo,jpg, images Web-.
HTML- , -
(), Web-, . HTML-, -, house.jpg:
flOMa
1. HTML 57
HTML-, :
alt. alt , - , , -
.
( -, ) .
height width. width () height ()
. height width ,
Web-, . height width, - , ,
.
border. border () ( ) ,
Web- . ,
. ,
. ,
border (0).
, Web- 6 7.
R - Web-. Web- , Web-, . , Web-- . , ,
, , , .
Web- , - , -
Web-. Web-- HTML- , . ,
.
, , ,
, . HTML- , ,
58 1. HTML
( ), . ,Web- HTML- . ,
.
-
. , - , :
1. HTML 59
Web- , Web-. , ,
, . - () Web-- , -
, Web-, . 1.17:| | 4 0 4 ;tosoft Internet Explore:
|]
. 0 ^
hfip//html-webdesign/Chepter01/FigureO1-17htm
-
. 1.17. Web-
Web-
IIpMMep ' s
60 1. HTML
. , Web- (, ) , ,
(, ) , - .
, -
() , . { .) href - , , -
. , " , -
." HTML- "" ; :
1. HTML
.
href Web- (corvette.zip) cars Web- www.home.com.
, "-
" Web- , Web- - . ,
, ,
, , -
.
, Web - ,
() Web-. Web--, , , -
, .
, Web- Web- , - , , -
() HTML- Web--. HTML-, Web- . "" , ,
. ( HTML -, -
, , .) , Web- -, Microsoft Word.
1
, , , Web-- . ,
, -
(), ( ""):
- , , ,
, . Web- "",
-
. -
62 1. HTML
(), "", Web-- .
, -
( ), , . , -
HTML-, - "" "" .
(), Web- - :
. , . . -
, , Courier, - .
HTML- . . -
. , -
.
. - .
. , .
. , .
. , - .
. , .
. . .
. .
-
. -
() (), - "":
- Web-.
, ( - W3C) CSS-.
1. HTML 63
HTML- Web- : -
HTML- .Web- (A-Z, a-z) (0-9), - HTML-. , ,
Web- Web-. , HTML - , Web- - ,
, .
, Web- (), , , , , - . Web-- , -
, . ,
, ASCII-- . Web- , , ( ASCII-) HTML-Web-.
, 169. Web- , ASCII- 169, - (&) "" (#), - (;). , Web- - Web- , 9; HTML-Web-. : .
, &;. -
HTML-. ( ASCII-, ) , . . 1.18 - Web- HTML-:
npKMep npaB
9; , .
64 1. HTML
h t t p : / / w w w . h t m l h e l p . c o m / r e f e r e n c e / c h a r s e t / .
-3 ''& JJ -J am-:: &flpec]gjht1p//htmbvebde5ign/CtiBpter01/Figij
1. HTML 65
Treat each individual ... However, it is just as ... You can accomplish this ...
1001 Photoshop Tips: Andy Anderson 2001-Web Design Samp; HTML: Konrad King, Andy Anderson
. jey hnpy/html-webdesign/Chepter0t/Figure0H9 htn
Using ImageReady to Slice an ImageWhen you slice an image ...
Slicing an image has ...
Treat each individual...
However, it is just as ...
You can accomplish this ...
1001 Photoshop Tips: Andy Anderson 2001Web Design & HTML: Konrad King, Andy Anderson
; j
_J. 1.19. Web-,
, - , . -
- , -
:
1001 Photoshop Tips: Andy Anderson 2001 Web Design & HTML: %onrad_ King, Andy Anderson
-
:
align. align Web- , .
noshade. noshade Web- - .
66 1. HTML
size. size ( ) - .
width. width . , -
. , -
50% (width=M50%"), , .
-
, width align
( Web-). , .
.
:
\
|
HTML - - Web-. Web- ( Web-) , . ( - Web- "" - ,
, .) , Web- , Web- -
.
-
/, CSS HTML-. , Web- "" (-
1. HTML 67
), Web-. -: -
Web-. , - , .
blockquote , . -
, -
.
, HTML- Web- , (. . 1.20):
npnMep
TeKCT . ,
"", .
; , , .TeKCT . ,
"", .
. .. "
-
jg] http.//htmUvebdestgr
68 1. HTML
-
Web-. ,
.
.
(ordered) Web- - , (unordered) , .
, , -
, .
HTML- , . 1.21.
!
1. HTML 69
,
() . Web- -
(1, 2, 3, 4, ...), 1. - , -
type, : .
( ). . . . .
70 1. HTML
Web- - (). , - ,
type, : . (
). .MapKnpyeT -
.
. ( ).
, -
. -
; , (nested list). - ,
, . 1.22.
51^/1 . ^1
i&flpecjiES] http://hlml^vebdesign/ChepterO1/FigureO1-22.htm | ;
J
1. - .2. "".3. :
. . ,
. ,
. "".
4. !
. 1.22. Web- '
3 , " ".
, .
HTML- :
cnnCKa
1. HTML
- . "" . : '
. . "".
!
,
(). , - () -
(). ( - () ( , ).)
, -
, -
. -
() (). - , -
() , . , -
,
( ).
, -
, . ,
, HTML . , -
{definition list) , - . Web- , . 1.23.
, -
-
() . - :
. -, . ( -
72 1. HTML
. 1.23. ,
HTML HTML-
HTML- - !, Web- . HTML- Macintosh-, Windows- -.
title title ( ) Web- Web-. Web- Web-.
J
-
,
.).
Web- , -
(). , HTML- , - :
IIpKMep
OcHOBbi HTML
BasoBbie HTML-flecKpHnTopbK/bXdt>HTML- ,
Web- . HTML- Macintosh-, Windows- -.
3Ha4eHne title flecKpnnTOp title ( )
Web- Web-. Web- Web-.
Web-
. , , -
,
1. HTML 73
() HTML-Web-. , , . , Web- HTML- -
. , Web- - , ,
HTML- - (. . 1.24).
(), HTML-. -
() Web- - ,
Web-. ( , -
, , -
.)
, . , . 1.25 - Web- .
,
-
. , -
ActiveX Java-. - () - , (-) HTML- CSS-.
Web-HTML- ,
Web-. Web- URL-, Web- . Web- - Web- , - . -
Web-. , .
74 1. HTML
1 & j ^ ] hripj/
.3:-H-webd
liu J 45ign/Chopt6
J-JSrOl/Figu
j ' . ' "'e01-;4Hm
-
HTML-, Web- . Web- , .
npMHep , 6payspoH
\^ .
HTML-.
- ^
. 1.25. HTML- Web-
1. HTML 75
, -
Web-. Web- - .
, .
( ), - . ,
, , -
, .
, -
-
- .
,
Web-., , Web- , . 1.26.
Qy,a
} http://htmhwebdesign/ChapterO1/Ftgure01-26 him"3
, ,
. 1.26. ,
'
, 100- Web- .
, Web- , " " .
Web- , . 1.26:
flo6po TOBapoB
76 1. HTML
,
HTML- , . Web- Web- Web- ,
* ().
Web- - n_nav.html n__main.html ( - ) . Web- n_nav.html , 100 , n__main.html , 400 . HTML-, Web-, , , Web- . -
Web- .
Web- Web-
. Web-, , , -
Web- , . , Web- - Web- .
Web- , -. -, Web-, - . ( , .) -, , Web- , Web-, - .
, , , -
n_menu.html. , Web-- , opendoc.html. ,
HTML-, (n_menu.html opendoc.html) :
IIpHMep
1. HTML 77
, HTML-, , - () - (), - Web- . , "" "" . -
( - ) Web- URL- Web--, .
Web- , 80, 400 . , Web- , ( - , ), . (, , : .",,"; , 18=",,,", ..)
src Web- Web-, , -
. Web- - njnenu.html ( menu) opendoc.htm ( content), . 1.27.
] hnp//html-webdesign/Chapter0l/FigureG1-27 htm
nocajfey
. 1.27. , HTML-
78 , 1. HTML
, target Web-, Web-, href . , - Web- aboutus.html content, - " ":
0
, "
", Web- (opendoc.html ), - (content), aboutus.html ( href ). target, , , , Wfeb-, -. , HTML-
2HTML-
. . ,
, HTML ( HTML 4.01) , caption, -, .
, ,
/ () , , . , -
, -
:
< t a b l e border="l"> ,
HTML-flecKpnnTopOnncaHne
,
( ) / (), , ,
(). , HTML- - / () , Web- :
< t a b l e border="l">3aronOBKM, CTpoi3aronoBOK
a4pdica 1,
CTpOKa, 1,
CTpOKa 2,CTpoKa 2,
K/th>
/tr>K/td>
2K/td>
2/1>
g 88864=866 ?6
3981 1 88 16 66
2. HTML-
. 2.7 , - , , -
, -
:' f l T ' ' i i :' " V * If 'fiii'i lifiiiiit: i 11 ffil f 'ti'rtV TWIT 11 "i ' i 7' M
1 1 2 1, 1, 1 -:2 2, ' 2,
I ^ 1, 1 1,: 2 ' 2, 1 2, 2
. 2.7. () ()
, ,
. HTML- - "" -
Web-, . -, "" . -,
.
, -
border. , , "" ( , , 0 ) - , "",
:
, Web- . -
-
. , Web- "" .
, -
2. HTML- 89
.
,
.
,
/ () (). , width () height () . - ceiispan owspan, , -
, , . 2.8.
dt View Fsvorte* loots
' Stop' Refresh Seaich
. 1, !
;|X 1
; [ 3, 1
$&
* .64
1, 3 ! 1, 4| 1, 2
2. 2
3 , 2
2, 3 ; 2, 4
h- 3, 3 | 3. 4| ' "'""""' \
4 1 4, 2L 4. 3 | 4, 4^1
. 2.8. , ,
,
/ , . 2.9. HTML-- (coispan (- ) rowspan ( )), / / .
, , , ,
. 2.9, rowspan - . , , :
="2">CTpoKa 1 2, K/td>
,
rowspan "3" ..
90 2. HTML-
Slop Rafre^t
C n i r f e x l
1 & 2, 1
3, 1
^ 4, 1
&
:
" 1, 2
7, 2
3, 1
4, 2 3
j 3 | CiMfc4
| 1 &. 2. 3 & 4
^ 3, 3 3, 4
1|. 4, 4
. 2.9. ,
, , rowspan "2", - () , "" . ,
2 - (), 1 :
cTpoKa 1 2 , /1
CTpoKa 1, 2
2, 3CTpoKa 3, K/td>
CTpoKa 2, 3
, , -
, , , . 2.9, - coispan. , , :
CTpoKa 4, 2 3
, coispan "3" .. : coispan "2", - () - , ( -) . , 2 , -
(), - :
2. HTML-
CTpoKa
crpoKaCTpoKa
1,1,1,
;cTpoKa
c cc
2,3,3,3,
K/td>232, 1 22K/td>23
, , , ,
, , , -
. 2.9, coispan, rowspan. , ., :
92 2. HTML-
, HTML (frame), (rules). bordercoior ( ) / border , . -, border="0" frame="void" ( ) ruies="none" ( ) , , .
(CSS) 4 , Web- - .
CSS-, ( ) .
, 1 - , border :
, -
, border . , 10 , border "11; . 2.11.
10
\ 1 ! 2 i 3
. : 1, 1 | 1, 2 [ 1, 3 1 2, 1 ' 2, 2 2, 3 |
. 2.11.
border. -, , border, - -
. ,
, Web- ,
border , . -, Web- , , -
( ) . - Web- -, -. Web- ,
. -
2. HTML- . 93
-, -
- . -
, -
.
, (border) - . -
, ( ) . , bordercoior. -, Web- - 10 -
, bordercoior - :
, bordercoior Web-. bordercoior #8", , Netscape Navigator - - -. Internet Explorer :
bordercoioriight ( ) bordercoiordark ( - ). bordercoior, InternetExplorer , -. ( 4, CSS, - CSS-, ( ) .)
, Internet Explorer - , bordercoior - ( Web- - -/-), bordercoioriight bordercoiordark. , Internet Explorer bordercoior , bordercoioriight bordercoiordark, -, -:
bordercolorlight bordercolordark Internet Explorer - ,
-.
94 2.
^ bordercolor, bordercolorlight bordercolordark, - Internet Explorer, Netscape Navigator. Internet Explorer bordercolor bordercolorlight bordercolordark. Netscape Navigator, , bordercolorlight bordercolordark - bordercolor.
Internet Explorer 5 Netscape Navigator 6.1 , -
style. , style , , (top) (left) --, (bottom) (right) - :
style ,
border-color style .
, border-color :
, style - , style , . ,
, ,
style :
, , -
, , border-color :
, border-color -
. ,
Internet Explorer, Netscape Navigator - ,
. , border-color ,
, -
.
2. HTML- 95
, bordercoior , - -
, bordercoior. , , Web- - - -
-
bordercoior . , Web- , :
Internet Explorer, , - , -
, -:
Web- b o r d e r c o i o r < t a b l e > , - b o r d e r c o i o r , b o r d e r c o l o r l i g h t b o r d e r c o l o r d a r k < t d > . ,
Web- (), .
""
, ( border) HTML-. ( Web-, , , .., HTML-, HTML-.) , , , ,
,
. .
2.12, , . . -
, , Web- -
.
, Web-, - .
() (cells). Web--; , . , ( / HTML- () ), , .
96 2. HTML-
Fjvales look tjdp
Backj
Stop Rshesh Ho Soacch Fevaie Meter
; $ My Compute
. 2.12. ,
1 ^ , bgcolor , Web- "" . ,
bgcolor, "#OOOOFF", Web- :
, background, Web- , ,
"" . , background Web- "" picture.gif, images Web-:
, , ,
. , ( ), , Web-- ,
bgcolor . , #8", bgcolor , Web- - :
2. HTML- 97
, background,Web- , , "" . , background Web- "" picture.gif, images Web-:
HTML , , .
, , "" , -
, . , -
( , ), . , background, bgcolor, Web- , , . -
, "" .
, Web--, , -
Web-. , background, bgcolor, Web-- , ,
Web-. , "" Web-. , , - - , ,
Web-, "" . Web- Web-- .
background - , HTML background , . , bgcolor HTML 4.01 - XHTML 1.0. HTML ( XHTML) CSS background-image. , , Web- -, style, :
, , -
background-image style :
9 8 2. HTML-
CSS background-color / . , , background-color :
2. HTML- 99
RGB- , , http://www.htmlhelp.com/cgi-bin/color.cgi -
. RGB-, - ,
(Custom colors) . , Microsoft Office, - Font Color ( ) - Microsoft PowerPoint Microsoft Word. Colors ( ...) . Office, , Colors (), . 2.13.
:
U: 3 " ' ~ ] : ['""-^^: J250 -^-j &; . ]253 - ^ j
Colors () Microsoft Wo. 2.13.
.
:'~
-- 20 -*'2- 174.00.
...
///^
. 2.18.
HTML- , 1, 1 (- ) 1, 2 ( ) 2, - 1. ( 3, 1 2 , .)
2. HTML-
src="image_l. jpg"X/td>
2. HTML- 111
. 2.19. Web-
-,
.
, href , -. - . -, - home_i.jpg Web-, (page_i.htm):
, Web- -, .
href ( src ) - Web-, . 2.19:
-
Web- , - , -
. , "
2.19 Web- , - . 2.20.
112 2. HTML-
Homes & Apartments-j Homes i:>;
Maxwell Realty CompanyLocation: PhiUdtlphla, PATypes Condo
d Contectbout thi property.
rpo * w i AM efc
. 2.20.
-
, ,
. , , -
home__i.jpg, home__is.jpg. , -
.
Web- . ,
(, HTML -, ) . ,
, . 2.21.
K/l i> 2 3
2. HTML-1
() , - (. . 2.21).
1 2 3
. 2.21.
,
- .
, , -
. ,
, , .
-
, , , . 2.22.
. 2.22.
, , , ,
-
.
:
3neMeHT K/tdX/tr> ,
3neMeHT 2
3neMeHT 3
, -
, , , -
. , ,
,
.
114 2. HTML-
Web- , -
. -
, .
.
{sidebar) . ,
Web-. Web-. .
, . 2.23:
rnaBHaa06pa3ubi0 HacKoHTaKT
href="purchase.htm">KynnTb
,
.
. -
: - Web- ( ) .
fe
.Beck' Stop Reftesh Home Search FevotSes . Hiaoij1
~3
. 2.23. ,
2. HTML-
,
, -
. , - -
(), , () :
, , , -
():
src Web- - , .
, Web- image.jpg.
-
, (). , - ( ) :
HTML- , Web- - image.jpg. - , Web- , href . , Web- info.htm, .
2. HTML-
Web-
Web- , Web- - Web- , - .
. , Web- ( Web-) , - Web- - ,
.
, , Web-, - , -
Web-. Web-, -
.
(nesting). - , ,
Web-. ,
? :
,
, 30. , Web- Web-, - 30 , . 2.24.
2. HTML- 1173D \*,\?1!2 WVHIML>feb_DCTign\?be t*4mase.\1-2 hi
118 2. HTML-
,
home.jpg, Web- Web- home.htm :
-
( ) Web- - , -
.
, .
2.25:
2. HTML-
Web- - ,
. -
. , ,
, , ,
.
, , Web- -, - -
. , ,
, , -
big_sky.jpg. -
JPEG, -
.
JPEG , .
, ,
JPEG-. , -
,
. ,
, JPEG-, , , JPEG- (. . 2.26). -
JPEG- , -- JPEG-. , Web- , -
, -
. : () - (), ( ) , .
Web-, -, -
.
- ,
, Adobe ImageReady 3.0. , - , -
,
.
120 2. HTML-
= 36.2
1 = 4.2
3 = 8.1
2 = 4.2
4 = 8.2
= 24.7
. 2.26. 32
, Web-
Web-- , , Web-, - . , -
. -
,
.
, .
, ,
.
image.jpg , - , :
height width , - ,
. Web- ,
. -
2. HTML-
, Web- , ,
.
, -
, ,
, -
.
, -
h e i g h t w i d t h , - . / - , Web- ( ) , h e i g h t w i d t h . - .
Web-
Web- , - Web-. Web- . , -
( ) ,
,
, .
Web- Web- ,
. Web- , Web- , (frameset), - Web-. Web-, , . 2.27, .
, , .
, .
.
Web-, . -, -
Web-, -, Web- Web- , Web--.
122 2. HTML-
Stop fietfech Home Seaich Favorites Huttty ; Mai
, ., _ _ I ^j^: . . , - ! ' : ' : . '
. i.'. . , . . I
. 2.27. Web-,
-
, ,
Web-. , , Web- -, . 2.28.
3T0
3Ta 1
MaccHB
B Web-CTpaHnuK
2. HTML- 123
8 dft : Favorites Tools
JStop Refresh
:;/,
Jn! My Compute!
. 2.28. Web-
( , ), , - - Web-.
, Web-- ,
,
, .
, -
, , Web-. , -
,
, Web- , - .
, , -
, , -
. Web- . ""
, , - -
, , . 2.29.
124 2. HTML-
' " ' ' - " - . ' - .
Fife dl View Favorite X Help
JStop Seach . Favorites:
!
.
,
Web- ,
,
- .
m
. 2.29. , Web-
Web-, . 2.22:
2, HTML- 1 2 5
, , Web-, - , , -
, . -
, , , . 2.30. 1 , 2 -
, 3 , / ; 4 / . Web-, , , border - Web-.
. 2.30 :
. ,
Riven Productions433 Spaeder StreetHollywood, CA 23435
border (border=M0"), -, . -
border , .
Riven Productions
433 Syacdei Street
Hollywood, CA 234*5
2.30.
126 2. HTML-
Web- , Microsoft Word,
. , HTML Web-.
-
, .
, , Web-, , - Web-, " (.. 2.31).
, . 2.31, - , .
,
. , ,
.
, . 2.31 (- , ):
CH>fla
CKwa
flOKyMeHrra
2. HTML- 127
,
. ,
. , ,
, GIF- width - .
15-
i fe Edit FavoiW :
Hob "
": ^ ^ )
{ Back " Stopoeiween columns onext.
Unfortunately, HTML does not giveyou the same control over theplacement of tert on a Web page thatMicrosoft Word exerts over themargui and gutter space in a wordprocessing document However, byplacing text content in a table, youcan simulate the outside margin andgutter control available in a wordprocessor.
Say, for example, you want to create aWeb page that when displayed by aWeb browser resembles a two-column word processor documentwith appropriate gutter spacingbetween the columns of text, as
. shown in Figure 26 1
ew\ ,
ii 4 Refresh Home ; Search Favaiitesbetween the twc; columns of text.Finally, the second and fourthcolumns hold the document text Thefollowing code will generate the tabledisplayed in Figure 26_1. (Notice thatthe table actually contains five cells.)
Unfortunately, HTML does not giveyou the same control over theplacement of text on a Web page thatMicrosoft Word exerts over themargin and gutter space in a wordprocessing document However, byplacing text content in a table, youcan simulate the outside margin andgutter control available in a wordprocessor
/^\~~A"
;;u*H|J
History i
^ MyCoiT^uter
-
20-
. 2.31.
I HTML-I ,
'
I '
I I
( )I I
I Web-
I Reset
I Submit Submit Reset
I I
CGI-I
HTML-'
Web- onClick
I Web- I
3. HTML- 129
Web- Internet, Web-
. , (, - ) Web. Web- , , - , Web- , , ,
Web-. , - , -
, Hotmail, E*Trade, eBay,Yahoo .. , , . 3.1 - http://www.hotmaii.com.
,
.
, , ,
, .
(.., ), , , , -
Web-, , , , - , .
. -
, -
. -, Web- () Web- - , .. ,
, "" -
Hotmail1RegistrationComplete this form to register for a Hotmail account, which is also Microsoft .NET Passport.The Hotmail e-mail address and password you create are your .NET Passportcredentials. You'll need them to access your Hotmail account and to sign in whereyou see, the NET Passport sign-in button:
What if I
Ptoflle Information
First Name
Last Name
Language
Country/Region '
State
ZIP Code
Time Zone
Gender
Birth Dte
Occupation
"
1| English jj| United Statesj [Choose One] jJ
1| Universal Time - GMT _*J
130 3. HTML-
. -, Web- , -
-
. ( ,Web-,.)
,
. -
, ,
, .
, Submit, - Web-. (- ) Reset, . ( - ) -, Web- (- ). , HTML-, HTML-, Web-. , HTML- ( ), .
HTML- HTML- ,
" ". Web-, ,
Web- , . -, "" Web- Web- . HTML- HTML- . ,
, , , - , -
. . 3.2, - "/" , , Web-.
HTML- ( - , , ) Web- . Web- ,
. , Web-,
Web-. , - ( , ).
3. HTML- 131
Web- ^1) Web- HTML-2) Web- HTML- 3) Web- 4) Web- 5) HTML-
. 3.2. "/" Web- Web-
Web-, , - ( ) , .
,
. , -
.
, , ,
, , , -
, Yahoo, . ,
HTML- , .
, (Submit) - , HTML-, . -
"".
Web-, , . . 3.3 Web- Web- - .
-, , Web- , Web-, . Web- , - , .
Web- - -
. , Web- , -
.
132 3. HTML-
1) Web- Web- 2) Web- , 3) Submit Web-4) Web- ( ) CGI-5) CGI-, ,
6) CGI- Web-7) Web- Web- ,
. 3.3. HTML- ,
,
, , -
, ,
, ,
Web-. HTML- () Web-, HTML- . , Web-, HTML-, "". () , Web- . ,
() , Web- . - , HTML- , ,
Web- . ( , Web-
3. HTML-
; , , , ;)
, , -
, -
(), , - :
RESET SUMBIT
, , , -
:
action. (UniformResource Locator, URL), Web-, Web- Submit., (.. ) action , - maiito: .,
action URL, .
enctype. Web- , - CGI- Web-. , encode "application/x-www-form-urlencoded".
id. , . ( - id ), . , JavaScript- Web- document, forms [0], document,forms [ 1], document.forms [2] .. ,
, :
document.formID ( formID). method. ,
URL-, action. method : POST GET. - GET-, Web- Web- URL-, action . POST-, Web- HTML-. HTML GET , , .. -
1 3 4 3. HTML-
. , , -
, GET-. , , ,
, POST-.
GET- , - . GET- URL- , Web-- Web-.
name. , -
, Web-. ( id name), - . , Web-- , , -
document, formname ( document. formID). onReset. (.. , Web-),
Web- Reset. True False. - True, Web- - .
False, Web- . onSubmit. (.. , Web-),
Web- Submit. , , onSubmit, - Web- . False, Web- - .
True, Web- Web- CGI- , action .
target. , Web- - .
t i t l e . (, ), Web- ,
.
,
HTML-, , ,, , Reset Submit. - -
. , - HTML- (). , , Web--
3. HTML-
(.. ) URL-, action .
, , -
type, - "text".
, (First Name) (Last Name), . 3.4.
:
: [ RESET SUMBIT ]
J] http://htmWi
136 3. HTML-
maxlength. , .
readonly. , -, , .
disabled. , . ,
Web- , .
tabindex. -, . -
tabindex -, ,
(.. ) (TAB). TAB , - tabindex .
accesskey. , ALT ( COMMAND CONTROL Macintosh-) (.. ) .
Web- - "ExampieForm" ( " F i r s t N a m e " "LastName"). Fir s tName 15 -, LastName 20 .
. , Web- , size - . , 20 , 15 , 15 . ( - , ,
maxlength < i n p u t > . )
,
, () ().
, -
, . 3.5, - ():
3. HTML- 1 3 7
. 3.5.
- ' $ $; J ~ > - > - ;,,: .;...v. ..
]**] http //htm l-webdesign/Chep!erO3/Figure 03-0 5.htm
: | v : |
:
[ RESET SUMBIT ]
_
1
zi'_J
i
: :
:
[ RESET SUMBIT ]
, ( "-:") . - :
rows. ,
.
cols. , .
id. . id - , -
Web-. name. .
name ,
Web-. name Web- Submit.
Web- - "ExampieForm" 11tMessage". , 5 60 .
. , Web- - , -
rows cols. , Web- 300 (5 60 ).
138 3. HTML-
rows , cols . , - rows cols (,,
). rows x cols , - .
, type, , () .
-
, value, - , ..
. , Web- - ,
(). , , - " :", -
HTML- :
: :
, ,
. , , HTML- Web- , -
:
: : E-mail:
^ & ,
, JavaScript-, "" . JavaScript- - (). HTML- Web-, -
. ( - , -
, , , .) , , -
, HTML- Web- :
< ! - -
function ValidateForm(Form){
if (Form.Email.value == ""){
alert(", - \" E-mail\".");Form.Email.focus ( ) ;return(false);
}e lse return(true);
Microsoft Internet Explore
, - "AflpecE-mai!1
OK
( | >), - JavaScript-, Web-, JavaScript-. , -
JavaScript- Web-, . -
ValidateForm, ,
.
Email , Email Web-- , . 3.6 .
Email , JavaScript- ( a l e r t ( ) ) Email False HTML-, "" .
Web- vaiidateForm () Submit, onsubmit, :
140 3. HTML-
return, vaiidateForm(). Web- Web-, vaiidateForm() False, .
( -), onSubmit Web- - Submit JavaScript- . vaiidateForm() True, Web- - URL-, method . , .. JavaScript- False,Web- , focus ().
, Web- - "", -
, type "checkbox".
, Web- - , . 3.7, :
:
: :
:
: Windows 98
Windows XPWindows NT
:
PDA
[ RESET SUMBIT ]
, / HTML- . :
type. "checkbox", Web-, .
3. HTML- 141
id. . id -, Web-.name. . name
, -
Web-. , Web- name "" / - Web-, . , (.., value) .value. , Web- "" /. - Submit Web- / (.. ) .checked. True (.. checked="true"),Web- "" (.. ). - checked False (.. - ), HTML- - < input > checked="false".
I- a -a -li j -> - -
|//" nji03/FigureO3-OG htm
: :
:
: : Windows 98 Windows Windows NT: PDA
[ RESET STJMBIT ]
. 3.7.
< input > type, - "checkbox", ExampleForm . Web- (.. Web- , - "", , -
, "",
, "").
142 3. HTML-
,
, , type "radio".
&, , . 3.8, , -
HTML- :
: :
3.HTML- 143
, / HTML- . - :
type. "radio", Web-, .
id. . id , Web-.
name. . -
Web- Submit Web- - /. - -
( ), Web- /-.
value. , Web- "" /, .Web- Submit name value (.. /) -.
checked. checked -, Web- ( - Reset) . , -
shareEmaii No.
type, "radio", Web- ExampieForm , ShareEmaii. -, ,
. (Web- , name .) - Web- , - ( ), - ,
. ( , .)
Web- name. ,
144 3. HTML-
-
JavaScript-. , Web- -
. , , -
, -
.
, , -
, . 3.9.I. - . . . . . . . I . . 1.1 . . -TTi . . - - - . \. . . - . 1 . - . . 1 ~ ^ ^ ]
J J g Jj J
-> -
:1: I E-mail: |
:
: : Windows 98 Windows Windows NT: PDA .
? ff
,
?
3. HTML-
if (!countSelections(Form.Contact Ok)){alert("Please select either \"Yes\" or \"No\" from the \"Contact\"
options. ") ;return (false);
}if (!countSelections(Form.User_Count)){alert("Please select one of the \"Oser Count\" options.") ;return (false) ;
}//** **
return(true);}
// -->
,
length, - checked - . countseiections () Contact_OK, user__count, , -
. -
checked True. - countseiections () True, , checked True. , - ( , , ), countSelections() False. ValidateFrom() (- countseiections o ) , , - onSubmit , countSelections ().
, Web-
Submit, onSubmit, - :
He "return", vaiidateForm (). Web- Web-, vaiidateForm () False, .
( ), - onSubmit Web- Submit JavaScript- .
146 3. HTML-
vaiidateForm() True, Web- URL-, method . , Web- .
( ) ,
, -
.
, ( ), - . , HTML- Web- () (), :
:
: E-mail:*: :
:
Windows 98Windows XPWindows NT
:
PDA
?
:
Bbi6op noKynxeBbi6op Bbi6op
3. HTML- 147
I
:|
E-mail: |
:
: : Windows 98 Windows Windows NT: : PDA
?
:
jj
]
. 3.10. ( ) size. ( ),
. (size="i")
. size , Web- - ( - , ), .
id. -. id Web- .
name. .
name
, Web-. , Web- Web- name "" / - .
multiple. multiple, Web- . -
Web- ( ).
(), , , (). - :
148 3.
value. , Web- "" /, - ( ). Submit Web-- name ( ) value (), .. / ( -) . value,Web- "" / - ( - 1 ()).selected. selected ,
Web- Reset - .
Web- ( -) () . multiple, . Web- .
-
, multiple. , - , , "
" "
Ctrl". ( , Ctrl Web- - .)
) , () . , -
, / - . , ,
, ,
.
.
( ) ( ). Web-, - , -
multiple. , , -
.3. HTML- ' 149
multiple. -,
. -
, .
, -
, "
-" "- -", -
, . -
, ( ). JavaScript-, -, , , , -
( , 0):
function ValidateForm(Fortn){
II** **if (Form.Company_Type.options[0].selected){ .alert(" \" \" . , .") ;Form.Company_Type.focus();return (false);}if (Form.Company_Type.selectedlndex < 1){alert(", \" \".");Form.Company_Type.focus() ;return (false);}
return(true);
seiectedindex () . , , , (.. 0) , , ( 1 ).
, Web- Submit, onSubmit.'
150 3. HTML-
He " re turn" , vai idateForm(). Web- Web-, vaiidateForm() False, . -
( ), onSubmit - Web- Submit JavaScript- . - vaiidateForm() 'True, Web- - URL-, method . Web- - , focus () JavaScript-.
,
,
, multiple . ( multiple , Web- .)
,
, .
, , , . 3.11, - ,
.
( . 3.11 Submit Reset) - "- --" ("--Family Member Names " ) . (.. ), JavaScript--, :
addToLis to, Web- " ".
JavaScript- HTML- Web-. ( value , .)
3. HTML- 151
152 3. HTML-
- -
addToListo :
. options[] =new Option(, , SelectedByDefault,
SelectedWhenAdded) ; SelectedByDefault SelectedWhenAdded -
new Option 0. , ,
Web- . , Web- -, SelectedWhenAdded 1.
Web- , JavaScript--
new ( ) - . -
,
Web- - . , , Web-, .
,
, -
, .
-, , .
, ,
,
. -
,
- .
, -
.
, -
,
-
. JavaScript- , -
Web-. ( ,
Web- .)
3. HTML- 1 5 3
, , , Web- Web- , -
. JavaScript- () HTML-:
// JavaScript-function prepFormResuits(Form){// , ( ) .// false, ,var itemList = "";for (var i = 0; i < Form.OldestFamilyMember.length; i++){
itemList = itemList +Form.OldestFamilyMember.options[i].value;
}Form.RelativeNameList.value = itemList;return;
}// JavaScript-// >
prepFromResuito , -
, -
, :
, prepFromResuito , onSubmit, , prepFromResuito - Submit. ( , Web- prepFromResuito, -
RelativeNameList).
Reset Reset,
( , ,> ) .
, Reset ( . 3.12 ) type, "reset" - () , :
154 3. HTML-
3>
tittp//Wml-webdesign/ChepterO3/FigureO3-11 htm
: I : : I
E-mail: I
:
: : Windows 98 " Windows XP Window's NT: PDA
? *
:
| _*j
. 3.12.
Reset, Reset value. , Reset " " ("ClearForm"), :
Reset Web- , ( -) . , Reset -
.
Web-, , , -
. , ,
Reset - Web- onReset. ( - , onReset onReset Reset.)
3. HTML- 155
Reset Web- -
. , Web- "", Reset , , . ,
,
, -
, -
.
, onSubmit Web- - Submit - Web-, onReset -
. , onReset - Reset JavaScript-- PreResetProc():
, JavaScript- - ,
.
onSubmit, onReset JavaScript-. , False, Web- - , -
Reset. , True, -
.
, ", JavaScript- . 3.13 - .
156 3. HTML-
II*** , //( ) * * *
Form.Firs tName.focus() ;return (true);
else
Form.FirstName.focus();return (false);
Microsoft Internet Explorer
^^J 8 , *
1
! -?
. 3.13.
"Cancel" (""), confirm() - PreResetProcO False, Web- .
, confirm PreResetProcO True, Web- .
Submit , , -
- -
.
Submit Web- (.. / , ) Web--. Web-, , ( -), action , .
Submit HTML- () -, :
Submit : value. , Web- Submit
. Submit - "" ( . 3.11). value , Web- Submit -
3. HTML- 157
, . (- Internet Explorer Netscape Navigator Submit "Submit Query" (" ")).
' name. name Submit. , Web- , Web-, / Submit, name value.
onSubmit, Web- Web- , onSubmit. , onSubmit , . -
, True Web-- . ,
( ), - () False. Web- Web-, - -
. ( " - ", "
" " -
" onSubmit Web- - Web-.)
Submit Reset
Submit, (.. ) URL-, action . , , Reset, - -
. Web- HTML- , . 3.14 Submit Reset.
. 3.14.
1
158 3. /
Web- . , - Submit , , - :
, ,
submit.gif Submit , name "ExampieForm", Submit :
href - "" (#) Web- - Web- (-) . , Web- URL- - , Submit ( src ). Web- JavaScript-, onclick .
, Reset - , - :
,
Reset Web- reset ( submit (), Submit ). -, name "ExampieForm11, - Reset reset.gif, Reset :
"" Reset -, , Web- JavaScript-, onReset < f o r m >. , Submit Web- - , onSubmit. , - Web-, Submit .
3. HTML-
CGI- , () -
/, Web- (.. URL-), action , Submit. / name value. , , - Web- Web- , .
, action Web- Konrad@NVBizNet.com. ( ,
Konrad@NVBizNet.com .)
:
: E-Mail: : . :
Windows 98Windows XPWindows NT
:
IIopTaTHBHue PDA
?
,
. 3.15, Submit, Web- ,
mailto: action.
3. HTML-
sjjjj ( Mail 1 .) 8
> -'-'" - " ;"aj'^ijm -^ j # ] http//htmUvebdesign/ChapterO3/FigureO3-12 htm
: I : | E-Mail: |
:,
: Windows 98 Windows Windows NT: PDA
? *
i. 3.15. ,
,
, (=). "text/plain" enctype ( ) Web-, . -
application/x-www-form-uriencoded, Web- , -
(&). , , -, Web- /. - ( , ), , - Web- / - .
, maiito: action .
-
.
, maiito: , . -
maiito: ( ) Internet CGI-. 10, , 11, ASP, Web-. - -
( SMTP), .
3. HTML-
HTML- , , -
* , -
() (). , -
, . , -
, - . , -
, .
, ,
, . 3.16, - ( - ).
:
. 3.16. ,
":" ("Message:") - ,
:
3. HTML-
:
:
Windows 98 Windows Windows NT Windows ME : Windows 2000 Novell Unix
. 3.17. , / ,
, -
. -
, , , -
. 3.14. , -
. ( , , ,
-
, ":"
.) , .13.17, , - , , . 3.18.
:
OnepaimoHHbie :
Windows 98
Windows XP
Windows NT
Windows ME
Windows 2000
Snbsp;
Novell
Unix
>/6>
3. HTML- 163
:
J :
Windows 98 Windows Windows NT Windows ME ("Windows 2000:
Novell Unix
. 3.18.
,
, .
border - 1, . , - "" ,
border .
"" -
Web-.
, , -
, , -
, "-
" .
, -
().
, , . 3.19, -
():MMH:
:
Aflpec E-mail:
:
'
164 3. HTML-
< / l a b e l > ) HTML 4, InternetExplorer 4.0 ( ) Netscape Navigator 6.0 ( ). Web-, , , . -
, , , -
.
3. HTML- 1 6 5
Web- onClick ,
onSubmit Web- - -
, action . , - Submit submit () Web- - , onSubmit.
-
Submit, onclick , , - , submit (). , , -
, submit ). , False, ,
() . - ' :
function validateAndSubmit(Form){
//**** ***//**** , ****//**** "FormReselus_Valid" TRUE, ****//**** , FALSE ****
if (Form_Result_Valid){From.Submit();
}else{
//**** ****return;
( if Forin_Resuits_vaiid , ,
, ,
.) onclick , -, Submit, , - , submit():
16 6 3. HTML-
( ExampleForm , - , SubmitButtonGraphic.GIF , Submit.)
( -) onclick, ,
. Submit ( , type "submit") , :
3. HTML- 167
, type "hidden" ( ). Web- - , / , , (. . 3.21).
, -
value < input >, :
168 3. HTML-
.
(*). , , -
. ,
Web- Web-. , - ,
.
HTML- :
type , , ( , ,, type "text"). type "password" Web- . ( - name, id size , , ":", "PW" "20", .)
Web- (*), . , , , -
( ) , - .
10, 11 12 , ( ) - . , 12 - Web-, ( - ), . -, ,
.
Submit Reset. ,, , "", -
, . , Web--, , Submit URL-, action (, Submit , onSubmit). , Reset Web- ,
3. HTML-
, , -
Reset , onReset.
Reset Submit ,' type (..type="reset" Reset type="submit" Submit). - Reset Submit, - , . -
, Web- .
Reset Submit, -, ""
HTML- - () :
, "button" type Web- . ,
value . ( , , value, - .) Web- - , onclick .
, -
, ,
Web- . , -
.
" "
. -
, : " ?" - ,
spouse. , - , -
, "" "
", .
disabled, - .
d i s a b l e d . - ,
, , d i s a b l e d - .
170 3. HTML-
, , , . 3.22, .
JavaScript-
, .. ( ).function disableSpouseName(Form, status)
if (status) Form.SpouseName.value = " ()";Form.SpouseName.disabled = status;return;
QpesKa ^* " J j -yj>"
jg] htip://htm!^vebdesign/ChapterO3/Ftgure03-l him
: I
?
3. HTML- 1 7 1
, . ,
Submit :
, Submit - J