Web Redesign

http://openlib.org.
ua/
http://openlib.org.ua/
-:
.

.

.
,
.
.
.
.
.
. .
-: . - . . - : , 2003. - 376 : . .
ISBN
5-93286-040-5
, ,
, - , .
- ,
. - . , , ,
- .
ISBN 5-93286-040-5
ISBN 0-7357-1062-7 ()
-, 2003
Authorized translation from the English language edition, entitled WEB REDESIGN: WORKFLOW THAT
WORKS, 1" Edition, 0735710627 by GOTO, KELLY; COTLER, EMILY, published by Pearson Education,
Inc., publishing as New Riders, Copyright 2002 by KELLY GOTO and EMILY COTLER.
All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means,
electronic or mechanical, including photocopying, recording or by any information storage retrieval system,
without permission from Pearson Education, Inc. RUSSIAN language edition published by SYMBOL-PLUS
PUBLISHING, Copyright 2003.
, WEB REDESIGN: WORKFLOW THAT WORKS, 1* Edition, 0735710627 by GOTO, KELLY; COTLER, EMILY,
Pearson Education, Inc. (New Riders), Copyright 2002 .
.
, , , - , Pearson Education, Inc.
-, 2003.
-. 193148, -, . , 4,
. (812) 324-5353, edit@symbol.ru. N 000054 25.12.98.
-
005-93, 2; 953000 - .
08.01.2003. 70x90 16. .
23,5 . . 3000 . N 667

199034, -, 9 , 12.
1.
?
,
9
12
14
15
25
26
27
2. ,
1:
2:

3:

4: (QA)
5:

35
40
40
42
43
46
46
48
48
50
50
52
52
53
54
55
57
58
59
60
61
63
3. 1:

67
70
70
76
78
79

:

,

-
-
?
-?
-?

1
4. 2:

HTML

2
82
83
86
90
91
92
93
96
97
99
100
101
104
108
110
110
114
114
120
120
120
121
121
122
123
129
134
135
138
138
141
144
145
146
148
149
149
150
153
153
157
159
164

5. 3:
169

HTML-

3
172
172
173
174
177
182
190
190
192
193
196
197
198
6. 4:

HTML

(QA)
(QA)
/

4
203
205
206
207
214
214
216
217
217
219
220
222
224
228
229
231
231
233
236
238
238
239
240
242
7. 5:

247
249
250
254
255
256
256
257
258
259
264
268
269
270
272
274
276
277
8. -

-:
1:
2:
3:
4:

283
285
288
288
288
290
290
292
295
301
305
307
9.
311
.... 313

315

316
1:
316
2:
324
3:
328
4:
330

334

335
361
UTli
(Kelly Goto) - -, .
, .
. , Idea Integration (www.idea.com),
-
. 1980- (, PageMaker 1.0?)
,
, Warner Bros. Online, National Geographic Online, Adobe Corporation, Paramount Television, Macromedia Corporation Sony Pictures. , gotomedia, inc. (www.gotomedia.com) - , -.
, ,
.
(Emily Co tier) - , -,
-. 1980- ( ?),
.
, ( ) .
- (Julia Quinn) (Susan Andersen), ,
,
Artist Booking
International -, Pomegranate Consulting Kira Stewart Photography .
Publish Magazine
1998 ,
,
.

Waxcreative Design (www.waxcreative.com)
, , .
,
2001, ,

.
,
. ...
( ) , , ; .
New Riders - (Steve Weiss), (David Dwyer), (Linda Bump), (Jennifer Eberhardt), (Chris Nelson), (Audrey Doyle), (Ellen Butchart), (Wil Cruz), (Jake McFarland) - ,
, .
(Steve Cotler), ,
, - ,
,
( !).
(Chad Kassirer) (Scan Dolan), ,
.
- (Renee Frisbie), ( ),
(Darren Dag Marzorati) (Serena Howeth), (, ), -
... . (Kim Scott), , . (Deb Sherman), , ,
, , ,
() .
Thunder Lizard Productions,
(Steve Broback), (Jim Heid) (Tobi Malina), , .
Publish Magazine, (Melissa
Reyen), , .
Idea Intergation - ( Red
Eye Digital Media), (Eric Tarn) -
, (Kevin Chavaree),
(Alon Salant), (Thomas Chung) (Julie Bowdle).
(Serena Howeth), (Eunice Moyle), (Craig Drake), (Alex Yra), (Kian Nassiri), (Rachel Kalman) Idea
.
Waxcreative Design: (Brian
Cogley), (Kate Laux), (Judyth Collin),
(Susan Asher), (Don Asher), (Julie Rozelle),
(Abi Cotler) Waxcreative,
.
(Sheryl Hampton) (Lisa Lopuck)
. (Eric Ott) (Diana Smedley) .
, : Phinney/Bischoff Design; Werkhaus Design; Idea Integration -; Idea Integration ; gotomedia, inc. Waxcreative Design.
- - , : (Jeffrey Veen) ,
(Leigh Duncan), (Kate Gomoll), (Jim Heid), (Dr. Jakob Nielsen), (Leslie Phin), (Ani Phyo), (David Siegel), (Eric Ward),
(Lynda Weinman) (Jeffrey
Zeldman) ( Theda ).
, , -
, .
, , - (Henrietta Davis),
(Polly Bragg) (Bill Brown). , ,

, , ,
- ,
...
,
, .


,
-
.

Wired,

, , - . :
,

, . , , , .
1994 . HTML . Mosaic
, , . Netscape, Internet Explorer, , , JavaScript, -
. -, ,
,
.

, : .
, HotWired.com,
.
9
, , -
.
.

. :
!, , , ?, ? ,

, ,

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

. ; , . - , - .

. , , , .

Netscape ,
, -
.
, , ,

. .
.
HotWired.com
,
. ,
.
, .
.
, - . , ,
.
:

.
HotWired (,
HotBot, Wired News ),
. - Lycos,

. , , ,

, Wired.
, .
,
-, ,
, . ,

.
. : , ?
, ,
,
.
- , , .
,
, .
.
-, .
(Jeffrey Veen),
The Art & Science
of Web Design, New Riders, 2001,
4 2001, -
-
1987 ., (www.veen.com) , .
Wired
Digital HotWired, HotBot, Wired News . ,

.

, - . ,
Thunder Lizard (www.thunderlizard.com). 1997 . -
.
-, , . :
? PDF- , , ,
1999 . . :
-. .
.
. ,
Thunder Lizard,
Publish Magazine, ,
. , ,
, .
- -
,
-. , , , , .
(kelly@gotomedia.com)
(emily@waxcreative.com)
2001

-
.

- - . ; ,
(Core Process), - , .
, , .
(workflow of a project) - . , . , ,
. , , -. ; .
,
. - ( );
, , - .
- ,
, .
, , ,
. - (www.web-redesign.com). , , , .
.

, , . ?

, ,
, , - . . . ,
, , ,
- .
, 3 - 7 . , ( 8 9), , , .
17

-. .
, ,
.
, , ( 2), . , , , - . , , , ,
.
?
- ,
, , . -
- ,
,
-. , - , 10
100 . ,
( ) , .
, . ,
, .
, .
?
, , , -
18
. - - , -
( , ), - .
- ( , , , ?), - , - .
- ( ), -
. ( , , . ? .) ,
, -
-, - .
- . , , , . - ; .
?
- ,
? , - - , . , , ...
, , ,
. , .
?
- , . - - , .
-, - , .
.
, , .
( ), , , , .
-, , - ,
19
- , , ,
. - .
- , . , , .
, - . ,
.
. -
- , , .
, , . - . .
,
-/
. , .

. , , . ( ) -, .
*
-
.
, -, , ,
. , . , , ( ,
).
,
, .
, , - , - . -
20
, .
- , - , , - HTML
. , - .
-
-, . .
(Lynda Weinman) Designing Web Graphics. 3, New Riders, 1999. (Jeffrey Veen) The
Art & Science of Web Design, New Riders, 2001 (Jeffrey
Zeldman) Taking Your Talent To The Web, New Riders, 2001
(David Siegel) Creating Killer Web Sites, Hayden Books, 1997, .
www.web-redesign.com.
21
- -
, . ,
-. - . 8, . (Jakob Neilson) Designing Web
1
Usability, New Riders, 1999.
(Jeffrey Rubin) Handbook of Usability Testing, John Wiley & Sons, 1994. 3a
www.web-redesign.com
-, - - , , .
.
, , . , www.web-redesign.com.
.
- . , . .
, ,
www.web-redesign.com , (
) , ,
, .
, - ,
, .

URL
,
.

www.web-design.com.
www.web-design.com
Compass Communications, Inc. (www.ccom.net)
-: . - . .- : , 2000 .
22
Baby Center
: Baby Center
URL: www.babycenter.com
():
:
(
- ():
): (Jonathan Tuttle)
(
(Allyson Appen)
(Shannon Miller)
():
(Alissa Cohen Reiter)
): (John Stross)
BABYCENTER.COM [,
]
,
-.
. (1997-1999)
23
BabyCenter.com
, , . .
BABYCENTER []

. , , . (2000)
:

,

.
. , . 338-339

, .
- .
.

?
.
? ? , .
12 -. :
, . -,
, ( , ) , ,
.
. , ( , ),
, , , - - . ,
, , , , , ( ) - - . - . , . ,
, ,
- - .
? .
. , , ...
Flash ... -, ... ... , , ... 1 ... ... ...
,
...
- ( ), , , , . , , . ?
( . branding) - . - . . .
27
.
, , ,
.
, . . . ,
. , , -
. , ,
. , ,
. . . - , .
,
: , ,
, . - , , . , - (Jim Heid), Thunder Lizard. - - ;
. ,
, , .
, . - , .
, , , - -. , . , , . , .
, , .
, , - , , .
? - -
, - , , -
-, , . , , - .
. . .
28
.

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

;
, .
- . .
, .
,
. . ,
. . .

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

. ,
.
.
-
. .
, ,
- . ? ,
.
( . content) - (.) , , . - . . .
29
. , .
. ,
, . , .
.
; , .
10

. , , -
.
. , ,
, .
;
.
.
,
.
-
-. , :
, ,
.

.
- , .

. ,
. . , .
30
(Leigh Duncan)

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

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

, ,
, .
- : . .
-
.
.

:
( ), (
) (
).
, ,

. ,

,
. , , ,
:
-

3/

-
, -
31
,
, .
,
-
.
, 10 (
- KPMG Consulting) - , - , ,
Target Corporation, Proctor &
Gamble, Chevron, 1-800-FLOWERS America Online.
( . creative - brief - ) - ,
: , ,
,
() . - ,
, . . . .
32
Smug
: Smug
URL: www.smug.com
: fearless.net, -
: (Leslie Harpold)
:
SMUG.COM [] . .
SMUG.COM [] SMUG.COM [] -
-
. , .
33
Smug -
, - .
1996 .,
1980- - 1990- .
Smug
.
SMUG.COM []
.
-
, .
: .
. , . 340-341
2 . 667
:

.
36
- .
: ,
/ .

, - - ( ,
-). , .

.

, ,
.
37
38
,
,
-. , . - , - .
, , -.

. Flash HTML, , JavaScript (rollovers), -... . - . .
. . . . .
. ,
(), ()
. ,
- - (. 8 -) (. 9 ). ,
.
1
Cliff Notes. :
! ,
, . . , Cliff Notes - ,
- .
- . . . .
40
. , -
. .
, ,
, ,
.
1:
,
, . (, ) - , ,
. .
1, ,
.
, , , .
-
.
1 - .
, ,
- ,
, , .
, .
. . -
41
, . . .
>
>
>
>
>
//

> //
. (Client Survey) (Maintenance Survey)
. ,
.
.
, www.web-redesign.com.
>
: , , ,
. , / . .
>
, ,
, , . , . . , .
>
, , .
, , , , . , (Client Spec Sheet), . . -
42

(Scope Creep) , . , - ,
, - - .
. . ; , .

, ,
. .
1.
4,
ivww.web~redesign.com.
>

,
. ,
(Expanded Tech Check) . , .
.
www.web~redesign.com.
>
-
- , .
. ,
,
,
, .
. 9.
:

, ,
.
, : ? ,
, , ,
.
43
>
>
- . , . . , .

. www.web-redesign.com.
: , , , . , ,
. ,
, .
>
>
>
>
>
>
>
>
>
, , , , . ,
, . , , . (budget tracker) - , -
44
,
, , - . ,
, -
. , ,
.
-,
;

(
). . 1.
. 1 www.web-redesign.com.
>

, ,
. .
, .
- .
, .

1.
>
. : , - . ( ,
), ( : , -,
) . , (
1).
>
. , ,
. .
1.
>
.
,
URL
.

,
.
.
> -
, - . ( , ), - , ,
, , . 1
-.
. 8.
>
.
, , , , . ,
; , . 1 .
45

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

),
: , , ,
,

. .

. . 1.
>
- .

46
( ),
.
- .
2:

2 . ,

, , ,
.
, 5
250 , - : -. ,
, , , , .

, . : ,
.

, , , .

>
>
>
>
>

.
. ? - , .
>

, . :
, , , .
, ,
.
>
47

. . ?
.
, .
-:
,
. 0 . ,
.
. 2,
,
. ,
. ,
, , , .
- , , ,
.
>
- , . , . . ,
, .
48

- .
, , - .

I >
I >
I >
>
.
(
). ,
,
. , , , , .
>
, . , ? ,
. . , .
>
- - , . ,
, , .
, .

. , - . ,
49
,
, ,
.

>
j >
>
>
- ( ) ,
, ,
. , , , . , ( ),
, . , , . 2.
>
. , ,
, : , , , .
. 2.
>
, ,
. ,
( / ) ,
. .
>
, - (, , ,
), . ,
. -
50
. , . 2.
3:

, , - ,
. ,
, , .
- ,
3, .

, .
, .

.
.
, (tosite), .
( )
- , HTML.

.
- ,

. , , .
S >
| >
| >
>
. . ;
.
, - .
>

,
. , .

;
.
51

.
-
.
,
,
Flash,

. - , ,
. ? . . ,
, . ,
.
, 3.
>
, , ,
- .
,
. , ,
. ,
. .
52
,
, , 2. , HTML.

, .
>
>
>
HTML,
. , . , . , - , .
.
>
,
, DHTML, ,
, .
.

, ,
HTML.

>
>
53
>

. , ,
( on/
off /over), , , HTML.
>

, (Design Style Guide).
, ,
, .
3.
4:
(QA)
4 . ,
HTML / Flash . 4
. (QA) . , . HTML.2
HTML (HTML fluidity)
HTML , , . - . . .
54
-
, - , ,

, , ,
,

-. ,
. ,

,
, , , . -
.
. 8.
(QA). , .

. .

.
, ,
,
.
| >
I >
I >
>
, , , , , -
. (Client Spec Sheet) -
.
. - .
4, www.web-redesign.com.
55
>
. , , . ? . , , ,
,
.
>
. , .
,
. . , , .
HTML . , , .
, . ,
HTML- . HTML , ,
. .
.
| >
1 > HTML-
>
I >
1 >
>
HTML- .
, , GIF- JPG-,
56

(

HTML-).
, ALT-, TITLE-,
, . ,
.

.
(flat graphics),
(rollovers)
HTML- .
.
, .
> HTML-
- - HTML-. -,
, .
HTML-, HTML.

, ,
.
>
,
JavaScript DHTML. ,
, , , ,
HTML- (
,
) .
>
,
. ,
.
, ,
,

. . ,
, .
57
>
,
. - ,
. ,
: , 4.
; , . , , 1.
. ,
, .
, , - ,
, .
>
>
>
>
>
- , - . ,
. , ,
,
. 4 ,
.
>
. ( -),
-, (
, , ).
, , .
.
58
, .
- .
>
,
. , . 4 ,
,
, .
>
.
( URL) . , , , .
, .
4.
5:
. ! -
, .
, , .

: .
59
5 , -. , , , 5
.

, , .
. ,
, .

I >
| >
I >
I >
I >
>
(Style Guide), 3, . (Production
Style Guide) HTML-, - , . 5.
>

.
. 5.
>
( ),
, , -
60

.
. , , ,
.
, ,
.

.
. 9.
. , , . . 5.
>
.

.
- .
>

. ,
. - ,
, .

.
,
, , . -
, , .
61
j >
| >
| >
>
- . , ,
. , .
>
,
. 5 Data Creation Tool, (keywords) (title). , 5 , , .
>
. . !
, . . , .
.
, ,
HTML .
? ? ? ? ? ? ( )
(Maintenance Survey); , - .
62
>
>
>
>
>
, ,
.
. , , .
>
. , , , , . , .
>
, , .
, ?
? ? , .
>
- ,
, 5 . ; .
63
-,
. , 1, , .
, . , .

.
, - , , .
, .
.
64
LiquidMedium
: LiquidMedium
: (Kian Nassiri)
URL: www.liquidmedium.com
:
(): Idea Integration,
(Manny Frietas)
-
(
: (Kelly Goto) ):
-: (Serena Howeth)
LiquidMedium
bud
li a communyti that brniqs togbr sutfn
i q frim kh thes* com
of xtmfii-tiy 1 1 . This will c r a t t t * mtrktrxpict in which both
*Mchna furns *ni Id**, r-4tfinina tt. currant mod*) utflfrtd by th
TURB0STAFF.COM [] , .
.
65
UquidMedium
-
.
LIQUIDMEDIUM.COM []
, .
;
, . (2000 .)
LIQUIDMEDIUM.COM [] . ,
. .
(2001 .)
:
.
. , . 342-343
3 . 667
1:
: ,
,
, , ,
, .
1:
, - - . ... ? ,
( , ) , .
.
.
,
. ,
, , , , , , . ( : - ,
-.)
, , . . ,
-. ,
.
1:
69
: ,
. , : ,
, . . .
: - , - , ,
. - :
? ?
, ?
?
?
?
?
?
( )
.

, ,
, .
( , ) - , . ( ) . ,
.
70
>
>
>

- ,
,

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

- , ,
.
.
(Client Survey).
.

.
, - , .

, ,
. .
-.
, , -
.
,
www.web-redesign.com, - : ,
.
- . ,
-. .
1:

, . , .
,

. , , , .
,
.

.

- .
, , .

.
71

, , ,
. , , ,

,

. , . , , ,
-.
- . 8 -;
- 9
.
,
.
, , -.
, ,
, .
,
.

, ,
. ,
72
, ,
-.
,
, , ,
, . , -,
, .
.

1. ( ) URL
2. ? , , ,
.
3. ? - , (, PR-, )?
4.
? ,
?

1. ? ?
2. ? ?
3.
, ?
4. - ?
? , .
5. ,
, ?

1. ( -, ,
, )?
2.
? ?
( , /,
.) , , .
3. ?
?
4. ( ) -?
/
1. .
? ? ( . ,
.)
2. (
, , )?
3. / (,
, )?
4. ( )
, ? ?
?
1. , ,

, : , ,
, , , ,
. , ?
73
1:

2.
?
?
3. ? , ? URL .
4. URL , .
?
1. ? , ,
( )
? ,

?
2. ? ?
3. , , (, , , . .).
4. ( )

? ?

?
1. ( )?
2. (Flash, DHTML, JavaScript, Real Audio)
? ? ,
, .
3. ( , , / )?
? , , .
4.
( )?
? ,
.
5. ( , )? , .
/
1. ? URL ?
2.
( ,
12 )?
3.
? , , .
4.
? ? ?
/
, ,
.
74
. , ,
, , ...

, .
, . ,
1 -
I :
:
1
, ,
. . ,
(. ),
. , .
, , :
1 ,

, , ,
, ,

,

,
, ,

)
1
(RFP)

-

|
|
[ ,

,
. , .
, :
. ?
(, )?
(, ,
)?
1:
75

,
.
:

, :
1. ?
?
2. , , .
3. ?
4. ? ?
1. URL

- - ?
?
2. ?
?
3. -, - ?
. ? , , , , (
, ,
). , . .
. ?

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

: , , ,
, , ,
,

, - . ,
,

. .
,
, . , ,

.
, .
. ? , .
, ,

( ).
( ).

, ( , , ).
, ,
-
: .
, , , . ,
( www,web-redesign.com)
,
2: , 1: .

, . ,
( ) .
1 :
77

. ,
.

1. (, , , , , )
(, , ,
, , )?
2. , . ( ?
? ?)
3. ? HTML-?
(, , - )? , , .
4.
? ? ?
5. ?

? ?

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

1. ( HTML, )?
2.
( ,
)?
1. ?

?
2. ? ?

78
"

. , , ? (,
, ).
, .
,
, , .
, , , , (
, ,
). , . ,
( ).
,
.
, .
,
, . :
- 18
22 , .
(2 3 )
, -, . , ,
- . , . , .
, , (. 3.1).
, ,
.
.
1:
79
-
- - , Little League Track , . 35 ,
- .
, ,
. . : ,
.
-
(Paige McCormick)
.
: , .
.
,
.
56 , DSL Mac G3,

. , ,
. .
, , PetClub, , , .
. 3.1. .
, , , ,

? , ,
1: .
, , , ,
.
, . ( )
, (. 3.2).
( ), , -, ,
, , .
, , . , -, , , . , , .
80
(Kate Gomoll)

.
, , . ;
,
- ,
, , , . , , .

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

, -
.
-
.
, ,
.
,
.
,
, ,
(. 3.1). ,

. , .
,
, .
. ,
,
,
.
1:
-
- , !
,
.
?

, ,

,

, , ,
; ,
, . , , . ,
. , ,
81
. , , ,
. ,
, . ,
, .
- Gomoll Research & Design, Inc. (www.gomolldesign.com), ,
. DirecTV, Charles
Schwab, WebTV, Hewlett-Packard, Internet Appliance Network Compaq.

The Art of Human Computer Interface Design, Addison-Wesley, 1990 The
Macintosh Human Interface Guidelines,
Addison-Wesley, 1992.

,
. , UCLA Extension.

Advanced Technology
Group Apple Computer.
82
. 3.2.
. ,

: ?
. - , , , . -
, . , 1 . , , . - .
?
, .
- , , , .
, , , .
,
( Flash, ). -
1:
( ) ,
Altoids Too Hot (. 3.3).
,
(
) ( , DSL ), .
- .
(,
14.4 28.8 ). ,
, .
- www.amazon.com (. 3.4).
, , . ,
, ,
.
(. 3.5) : Flash- HTML-.
(, www.macromedia.com)
, ,
, .
83
?

(bandwidth), :
,
, , . ,

(high-bandwidth user),

,
( 1 DSL
).
, ,

.

, - .

. , .

, ,
, . , . -
84
Puc. 3.3.
: www.toohot.com DSL,
.
. 3,4, : www.amazon.com
. 3,0
1:
85
. 3.5. ,
.
www.lordoftherings.net
Flash-

HTML-. ,
Flash , :
*VISIT THE NON-FLASH SITE*
(* Flash*)
? 17- 15- ? Flash?

? ? (
? , ,
.)
. : - . , 1.
, .
, . ? . - www.hitbox.com
www.statmarket.com, - , .

, , , , . , ,
, .
86

-
- .

, , .
QuickTime ? . ,
, , .
, , , . .

(Expanded Tech Check), www.web-redesign.com,
.
, . -
-

.
(Tech Spec)
, , - (
).
, ,
. .
, - .
, , .
, , , - (
),

. ,
- . - ,
. , - , -
, , - ,
.
1:
87
88
(Leslie Phinney)

1 - . Nike
Intel , ,
.

.
-
, . -
, . , , .

.
, ,
,
,
.
,
, ,
,

, .
: ,
.

,
- ,

.
, 10 . , ,
, . -
( . brand) - , . - . . .
1:

, ,
.
, , - , ,
. , .
-
89
,
.

Phinneyi'Bischoff Design House (www.pbdh.com) 20
-,
,
.
,
, PBDH
,
. ,

.
90

.
. ,
, .
,
, , , .
1 ./
, , , , .
:
, , .

( ,
).
2.
- - . (, , ), (Jupiter Research, Gartner ),
.
: , ,
, .
./ /

(
: , ).
- . (-
, - , .)
, , /
( ).
4.
D - . ,
, (, ,
).
.
,
.
. :
? ?
/ . .
.
? ?
5.
( ).
(. 9).
1:
91
.
. ? ?
. -.
, 1 . . 9.

/ - |
.
6.
( I
).
- |
( , , , - I
, , - I
).
( , , , 1
, - 1
, ).
D (
).
7. /
I
, .
: , ,
.
- I
. ?
8.
, , - I
, I
.
- ,
, , . , :
. , ,

,
.
,
( ), ,
, .
.
, , .
92
>
>

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

,

, , ? ,
?
, . ,
, (, ).
1:
, ( ) .
.
5: ,
.

- .
, . ,
. .
.
, .
(. 3.6
), ,
.
: . , . ,
( ).

.
( ) ( - ), . , ,
, . .
. , . .
, . , ,
.
94
. 3.6.
1:
95

. , ( , , ).
:
:
.
.
1. ? .
2. ?
3. ?
4. ?
: .
,
. . - , . ? ?
1. ? .
, , ,
, . , .
2. ? (: ,
, , , , .)
// :
?
1. -?
2. ?
3. -,
?
4. ,
- ?
5. ?
:
?
1. ? (, , , , .)
2. ? (, .)
3. ( ),
.
4. ?
:
?
1.
?
2. ?
3. ?
:
, .
96
>
>
>
>
>
> -

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

, , , ( ):

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

.
.
1_
1:
97

-

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

, (
), (. 3.7).
,
- ( ,
, , ). , ,
. :
20 25 .
11 .
4 . 667
98
/ . / .
, 15 , , , 40 . - , , .
, (
-).

, ,
</> -.
, <--> .
() ,
. - , .
, . .
/ HTML- < > . ,

JavaScript. UNIX NT PC Netscape 3.0+ I.E. 3.0+.
10- <>.
,
<>. , (, , ), .
. .
. 3.7. . . . ,
( ),
.

1:
99
-
,
.
, . - - . ,
50 000 . : , , .
, .

. - 30%
, 30%
, - . ,

.
; ,
. ,
,
.
, 25 000 ,
, , 80 000 .
1:

. ,
, : ,
, ,
, .
2:

, ( ).

(
, , ), , : . , -
, .
100

. ,

. ,
, , ,

.

,

.
10 20%. 50 100%
,
, , ,

.
- , , - .

. . ; ,
.
,
.
.
, . , , .
.
,
, . ? 10
, ?

, / ,
?
, ,

? . ,
-
.
1:
101
, , , .
. .
:
. , , ( ?) (
?). : , . ? ? ? , . :
? .
, .
. (. 3.8),
,
. , . ,
, (. 3.9).
:
- .
,
; , . ( )
: , ,
, , .

,
, , ,
. .
; .
, ,
, . ()
, , , , ,
. , . , .
102
. 3.8. .
; , ,

1:
103
. 3.9. - Microsoft Excel,

,
. . . ( www.web-redesign.com.)

- ,
. (, ,
.) , ,
,
. , , ,
. .
, , .
, - 5 50. , , .
, (
), -
1:
105
, (. 3.10).
. , , , . ,
,
.
, - .
. Timeslice
(. 3.11), ,
, ( ,
. 3.10. , , . , .
. ,
- ,

Puc. 3.11. Timeslice (www.asdsoft.com) ,

,
106

. (:

40 .)
, .

,
,
. (:

, , 30 40 .)

- ,
,
.

- ( . - writer - ) -
, - , ,
. , - , , ,
. - . . .
1:
107
, ,
.
108
),
, .
, ,
. . .

; , . : , , . . . ,
: . , . .
.
, , , -. ; .
. ,
-.
. , , ,
, . ,
, .
.
.
.
, ,
: ,
. ,

.
.
- (. 3.14). ,
, , .
,
1:
109
. 3.14.

110

rumw
(
).
,
.
,
.
, .
.

- . , , ,
() . , ,
, ,
.
, . ,
. .
(. 3.15).

,
- ,
,
. ,
,
.
.

.
1:
1-2 :
30.07
. 10.08
. ,
. . - .
( ), . ; . .
3-4
13.08
24.08
: ,
.
.
. (/) .
. , , - , , . .
5-6 | : / . 27.08
7.09
, . .
.
HTML- ( ),
. , .
.
111
1- :

-

1-

7-9
10.09
28.09
: , - :
.

:
.
, - 24.09
.
. (QA).
- , .

.
10
1.10
: . . :
, -
.
:
- 2 . 1 0
. 3.15. 10
,
,
. ( Microsoft Word.
,
112
30.07
: \
*0
14.07
2.08
: , ,
, .
'

'
- .

, 3.08
-:
, - .
: ,
, .
2
| ()
, 7.08
:
, , - .

, 10.08
: (
, ).
, 14.08
: .
:
16.08
'

: .
, 17.08
: .
| ()
, 21.08
(1- )
, 23.08
, 24.08
(2- )
, 28.08
(1 - ):
, 29.08
(1 - ):
'
'
, 30.08
, 31.08
(2- ): (
, , ).
| ()
, 4.09
'
, 6.09
:
/.
, 7.09
: -.
7
10.09 14.09
8
17.09 21.09
, .
.
(QA).
9
17.09 21.09
(QA)
10
1.105.10
' ,
-
(QA).
, .
'
-
.
-24.09
: ,
-2.10
'
. 3.16. 10-
. ( Microsoft Word)
1:
113

, , .
, .

,
,
(. 3.17). ,
.
. 3.17. Macromedia Dreamweaver - ,

, .
, HTML,
. http:/'/'exchange.macromedia.com ( calendar)
, , . (, ,
, 8 13),

(. 3.16). .
.
114

, , , .
. , , .
, . - -
.
- , . : , . .
, .
,
. ,
, .
(, ), (), ( ). , WYSIWYG
HTML-, (. ). -
HTML-. . . - , , , -
. .

. :
. , ( , ), .
1:
115
(Jim Heid)

, . . , HTML
JavaScript, Flash, (streaming
media). , -, ,
.
, - , .
. :
- ,
, - .

- .
- . - , - - ,
, , , -
. , .
,
.
,
Thunder Lizard no -,
-
Macromedia Web World. ,
-
. www.jimheid.com
, (
398 ).
116

(Project Manager)
(site producer) (account manager),
- , , .
, .
, . - ,
.
/
(Production Lead/Production
Designer)

HTML ,
.
HTML.
, HTML , , .

ASP, Perl, Java, CGI .
HTML-
HTML,

. ( . 4.)
-/
(Art Director/Visual Designer)
-/ , , . (Fireworks, Flash,
Dreamweaver, Photoshop, GoLive).
, -/
, .

. (
.
5 3: .)
(Information
Designer)
, - . , , -
. ,
.

. (
. 4 2:
.)
1:
117

/- (Copywriter/
Content Manager)
/
Programmer/Backend Engineer
( ) - - . , ,
.
-: ( , -,
- ) .
, ,
-.
, () -
, . (
. 2.)
/

- JavaScript (CGI,
ASP, Java, ATG Perl). .
.

,,
. ,
.
(Usability Lead)
,
, .
, ,
HTML- QA,
I . (
- . 8.)

(QA Lead)
, (Exterminator),
, . : , ( HTML),
. ( .
6 4: .)
, .
118

SiteSpring,
Macromedia, .
,
,
,
.
. , , , , , URL

. URL .
- .
, .

,
FTP-, , - HTML.
- , -, - .
-.
, , .
, .
.
(. 3.18
3.19). ; . : , HTML
( , , ).
, .
.
-
1:
119
Puc. 3.18. food.com

.

: ,
Puc. 3.19. cjcarmichael.com

.

,

120
. .
, , ,
, .
-
-
. .
, . :
, .
-. .
(. ). , , , , , .
-
,
.
, , . ,
, . , . . ,
, , .
?
, .
/,
. -
, ,
, .
1:
.
10
15% .
500 50 .

-?
-
-
- .
,
. , , , - (
) .
. :
?
? ?,
?
,
. , . :
.
121
-
-
,
,
. ,
-
,
.
-
- .
-?
(usability) -
,
, - .
- - ,
,
-.
-, --
122
: () ( ), ,
. ;
, . .
- , , , .
. ,
. - . 8.

.
. , , ( ) ( ). ( -), ( )
. . - , , .
; ( ,
, : , ,
, , , -)
(
)
| 50 1000 ,
I
. .
.
8 20 .

.
4 8 . . - I
; .
,
.
1:
1 23
.
, . ,
.
. , ; ; ; , ; ; ;
.
. .
. ? ?
. ;
; ; .
. , , -
.

. . , , .
1
.
, , , , , . , , , , . , , . ?
? , ?
. ,
.
30 . , , ,
.
124
, .
, , .
, . - , (QA), .
... .
.
, ,
.
, .
125
1:
//

//

( ,
)

(. 9)
126
Internap
: Internap Network Services Corporation
URL: www.internap.com
: Phinney Bischoff Design House,
(Interactive Director):
(Karl Bischoff)
(Director of
Brand Strategy): (Dave Miller)
:
(Cody Rasmussen)
:
(Neil Robertson)
INTERNAP.COM []
. Internap ( ), .
127
Internap Network Services Corporation, , -;

, , .
INTERNAP.COM []
, , .
Internap -. (2000 .)
: ,
. , . 344-345
2:

,
,
.
5 . 667
2:
-, . , .
:
.
,
. .
,
.
, . (Peter Morville), Web Review (www.webreview.com),

, , , , , .
- -
: , . , - , .
( ), () , . -
>
>
>
>
>
>
>
>
>
>
>
2:
- . .
, .
,
- -
,
-.

. ,
. -
,
.
: -
,

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

. ( -), .
131

1:
,
,
- . .
.
, .
-.
, ,
,

. ,
- . ,
.
.
. ?
,
? 1 . -
132
(Ani Phyo)

- : - , ,
;
(, /
), (/)
. .
. ,
,
, ,
,
.

(-), - ,
(/),

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

, ,
.
( ,
HTML).

.
,

, . .
, ,
, . . -
,
,
, !
2:
,
.

,
, .
- 1993 .
1994 . SmartMonkey
Media (www.smartmonkey.com) --
133
. -.
Paramount Pictures,
Warner Bros., Apple Computer, Simon &
Schuster Gymboree.
-, ,
. SmartMonkey Media - , -, , .
134
. . , , , ,
. ,
- , , .

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

. ,
. .
.
- , . - ,
, .
. -
2:
135
,
, , .
,
. - ,
- . , , , ,
. , , , , . , -
, - .

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

(chunking) - .
. ,
..., . , (, ,
, ;
- ). (), , , , . .
, ,
.
. ,
, . (, , -
). , , . ,
(, ).
, ,
,
( ): , , , .
, . . .
I
j
|
136
. 4.1. Microsoft Word,
2:
137

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

/ . , , ,
. - . ,
:
- .
, , -.
, .
.

.
.
-
. -
,
, . (
? .)
. , , , . , . .
138

(,
)? ,
. TRUSTe
{wwwAruste.org)
, , . -
. ,
.

, ,

.
?
, //, ,
.
,
.
, ,
.

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

? , . - . ( ,
DHTML
.) 99% . . . .
2:
, :
-.
-
(, ) , ,
.
.
.
- , - ,
(. 4.2). , , ,
.
,
. ,
, ,
.
,
, .
, , , . , , . .
139

( ). ,

( 4: QA).
, (
) , .
,

,

. ,
, .

,
(
) . - - . -
140
4.08.99
. 4.2. . - ;
, , , , -, TITLE-, . ,

?
. , . -,
. ,
, (
). .rtf
.html.
, , .
. , .
-
/ .
. -,
, ,
. , , .

, , , .
. -
; ... .
2:
( , ), (
, , ) (-,
ALT-, TITLE- ).
, ,
, . .
. , ,
, ( , ). ,
. .
-,
,
. - (
) ,
.
: , , . ,
,
. . , .

, ,
-. , . 800 20
30 . , , . :
? .
141
, ,
, , ,
. ,
.
,

- ,
- ,
, . , ,

. ,
-.

>
>
>

142
. ? ?
- (. 4.3, 4.4 4.5).
, , . , .
: .
?
, , .
. , 20 30 , HTML, .
.
HTML- : ,
. , , ,
, -
. , ,
, .
- , . ,
.
. ,
, . (: .) -
. 4.3. ,
2:
143
, 4,4, ,
.
Puc. 4.5. , , . 4.4.
144

. ;
, . , (

)
.
.
,
-.

2000 ,

, .
:
,
,

(. 4.6).
. 4.6.
,

. HTML
. -
.

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

? ( ),
?
.
.
, , .
,
-... , .
2:
145

(. 4.7).
( , ), (. 4.8). ,
, - . .
,
.
, - .
. ,
, , , .
. , . - ?
?
-? .
. 4.7.
. 4.8. ,
( )
( ). HTML-
146

- ,
.
, (, ,
-, ,
), .
, . , , .
, , , . , (. 4.9).
, (
)
.
.
.
. 4.9. , , (
)

, . ,
. - .
. ; .
, ,
.
, ,
.
2:
147

( ), - - . -
; , - ,
. -

: Inspiration (www.inspiration.com) (. 4.10)
Vislo (www.microsoft.com/office/visio).
, FreeHand Illustrator. , ,
.
. 4,10.

Inspiration.

,

HTML
, . , , , .
, , . , .
: - HTML-. , , ,
.
148

HTML-
-, ,
--.
2,
. -, , .html .htm ;
. . ,
. ,

.
. .
, .
? .
.
.

- -
. 0.0
( ). 1.0, 2.0, 3.0
. 1.1, 1.2, 1.3 . .
.

( ).
. ,
,
,
.
MS DOS, -
, - . . .
2:
149
HTML
HTML, ,
, HTML. , ,

- . .
:
aboutthecompany.html
about_company.html
co_info.html
~ .
. . HTML
, , .
,
, .

(wireframes)
. , ,

( );
, , , , , .
, .

>
>
>
>
150
.
HTML.
,
( , ),
.
, .
( ), , , .

; .
(. 4.11 4.12),
.
, , , (. 4.13).
, .
(DHTML, JavaScript ).
- , ,
, . (
, ). - .
:
//
( , )
( , )
( )
( )

( )
(, 800x600; )
2:
151
. 4.11.
.
. 4.12. - ,

,
, ,

152
( , , , , , )
: . , , . 5, 50 200 , , . , , . , ,
, .
, (, (rollover navigation)) , .
, ;
, , (
, -3 Lorem Ipsum). .
Puc. 4.13. . , , .
,

,
45 . . .
XVI . : Lorem ipsum dolor sit
amet, consectetuer adipiscing elit.... - . . .
2:

. , ,
. , . .
;
,
. :
, , , , (. 4.14-4.17).
153

.

, , .
?
,
?

(Back) ?
( .)

.
?
, .
,
.
. , ,
.
. , . . ?
, ,
(. 4.18)?
154
Puc. 4.14. . , . www.bananarepublic.com , ,
Puc, 4.15. , , , . www.google.com
2:
155
-. 4.16. , . , , , www.cooking.com
. 4.17. , . , / (Next /Previous) / (Forward /Back).

(Adam Moore) (www.adammoore.com)
156
. 4.18. www.etrade.com www.mydiscountbroker.com.

,
(login )
(Customer Services),
My Discount Broker

( bank), (My
DB ) . (
)
2:
157
- . , ,
.
( ), ( )
, . -
:
( )
HTML.
HTML (HTML
click-thru) ( , ) .
3: . ,
.
, ,
,
. , (, , ),

.

-
.
,

? , .

. ,
, , WYSIWYG
HTML.
, ,
.
. -
,
.
, . ,
. - , - .

www.infode-
sign. com.au/usability/paperprototypinggraphics. html.
158
(, , ),
.
, , :
, , .
?
, ,
: , .
, ( ): , , . . , -, .
:
.
.
.
, .

( , ). , , . ( )
(
) . ( ) ( ). . -, , . -, ,
, ,
.
: . ,
(,
, , ). .
,
( , , -
2:
159
, ). . , (, , , , HTML ) .
,
.
, . , ,
, . ,
. , ,
. , , , , , , . ,
. - .
, .
,
, . ,
- .

- . ( ) ,
. ,
(. 4.19).
( ,
). - ? .
?
,
.
. ,
160
? ,
- ,
.
, ,
, . ,
, , .
- (Paige McCormick):
www.petco.com
. , . - WWW.PETC0.COM, ; , .
, , ,
,
.
- www.petco.com. , (Paige McCormick)

(Go Shopping).
, (Cuddler Beds). , (Product Options) Bed
Buddies Lounger.
,
. , ( ,
), (Add to Cart).
. , .
, . , , (Place Order Online),
.
. 4.19.
. . 4.20 - 4.20 . - 1 (. 3.1)
2:
161
. 4.20. www.petco.com, . 4.19
Puc. 4.206
162
. 4.20
. 4.20
2:
163
. 4.200
Puc. 4.20e
164
Puc. 4.20
. 4.20
2
- , ( ) ( ). 2 -
2:
165
: ? ( .)
? ( - .) ? ( - .)
- -. , ,
, , .
, .
,
- . , , . - , . ,
. ? ,
. .

: ,
.
.

, . -.
, , ,
.
166
2 Skates
: 2 Skates
URL: www.k2skates.com
( ): Werkhaus
Design,
: (John Burgess)
-: (Julie Poth)
: (Matt Quann), (Teresa Forrester), (Christina Stein)
( ): -
2
2: ( Wise)
-: (Dan Colavito)
: (Steve )
(Jeremy Fisher) (Nochturner Communications)
K2SKATES.COM [] .
167
2, , . .
Slipping into the

lightest skate on the
market will have a
similar effect on the
weight of the world
K2SKATES.COM [ ] Flash- ,

.
,
. (2000 .)
K2SKATES.COM [ ]
. Flash-, ,
,
, . (2001 .)
: .
. , . 346-347
3:

"
w

,
.
3:

, . , , , , . -
, , (, , ). - - , .
: - ,
, , . . , , -, ,
,
. - -
3:
, ,
. ,
, -, -
, . :
- ,
, -
- . .
, ,
.
( -
), , - - ,
, .
: , , .
, ? , : ,

,

. ?
,
HTML? ,
HTML (HTML click-thru).
171

,
,

?
.
. , ( ,

). . ,
. .
PC?

Macintosh,
PC.
PC

. PC
(, ) ,
.
172
- ; . , .
. ,
, : , ?
? ?
,
,
. 10 , ,
. - , .
.
. , . ,
,
, .
, , . , .
>
>
>
I >
>
>

1

. ,
I

(

) .
, , , .
1 ,
,
.

- - ,
; -
3:
173
.

, . . . . . .
- - -
. . .
,
, Flash, .
, - , .
? . . , , . , . HTML, ,
, : ?, ?, ?.
, ,
, . , .
. .

, ,
.
? , ?
? ? - ? , :
, , . , ,
.
.
, (, DHTML, Flash,
JavaScript ).
174
. , - . , .

, ,
(. 5.1). ,
, .
, , -
. , , .
, .

,
. 5.1. ,
New Riders.
. . (.
. 337)
3:
175
(. 5.2 5.3). , , ,
. . , -
, .
. 5.2.
.

. 5.3.
, Freehand, Illustrator Photoshop (. ,
. 337)
176

, -,
- PC.
, -
PC.
. , ,
PC.
. ,
- .
- - ?
, -, - ,
216 . (
)

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

, . HTML, - .

( )
HTML. ,
. , PC
HTML 2-3 ,
Macintosh, a Internet Explorer
, Netscape. .
HTML 2.
(
Netscape Macintosh). , HTML,
. -, , . ,
, ,
: )
; ) ) ( 4: ).
.
, , - .
,
, .
3:

-
- , ,

, , , . ,
- (, ), .

,
. , 1,
. ,
.
56 ?
. . ,
, .
177

. - ,

, .
-, .
? ?
? ?
-?
.
. ,
, . , ,
. ,
. , 1. , . - , -... ,
.
178
. 5.4.
. Flash-
HTML-.
3:
179

: . , 800x600. , ,
760x420. . ? .
Dreamweaver, (. 5.5). . , :
760x420 (800x600 maximized).

. 21- .
1024x768,
. . ,
( )
, .
, , , , , .
, ,
. Dreamweaver 4.0 (. 5.6).
Puc. 5.5. Dreamweaver ,
Puc. 5.6. Dreamweaver ( ). Make Column Autostretch

HTML-
180
(David Siegel)

.
, .
, ? ?
,
-.
. ,
, -
: , - .
, ,
, , .
. ,
( ),
, .
- ,
.
. ; ,
. . , , -

, .
,
,
,
.
. .

. , ,
,
. . 3D. ,
,
2.5D, 3D . - , ,
- .
- , , , .

. . ,
256
, .
3:
8 ,
, , .
.
. ,
. .
- , , .
, . -
, - , , .
,
. ,
,
.
. -
, , -
181
. ,
. .
- . Futurize Your
Enterprise ( ), John Wiley & Sons,
1999,
Business Week .
1996 . CreatingKiller Web Sites
( -),
Hayden Amazon.com, 15 . 1995 .
Studio Verso,
- ,
1999 . KPMG. , The
Harvard Business Review, Fast Company The Industry Standard.
182

-

.
( ), .
,
. , ?
? ?
. (:
-
, .)
. -, ( , - ),
- 10 . ?
? .

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

(. 5.7-5.10). ;
.
, ,
, ,
,
.
, . .
.
, , - , , : , , .
3 , . .

( ), -
HTML.
3:
183

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

, .
,
. - . , [md], -
, , .
( , ) .

,
.
. , , , .
( ), , , .
184
New Riders (. 5.7) , , , .

, (). : , , , .
Puc. 5.7,
(, , , 356)
3:
185
Puc. 5.8. ; .
(. , . 356)
186
New Riders . 1
. - ,
.
Puc. 5.9. / . ; (. , . 357)
187
3:
( . teaser - ) - : ,
: , , - (revelation), , . , ,
, . - . . .
Puc. 5.iO. / .
(. , . 357)
188
(Lynda Weinman)

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

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

.
, ,
.
. ,
.

.

. :
,
.
,

/.
, .

, ,
.
-
3:
.
. , Flash, , Flash
, / .

(
)
,
,
(, ,
, )

( , -
189
). :
, , .
lynda.com, , - . -
, -
. , . ,
- . www.lynda.com,
.
190
>
>
>

HTML-

, , , .
, ; . . DHTML, , , - ,
. .
HTML-
- 2: - , .
,
. ( - , ) HTML (. 5.11).
, HTML , -
, ,
( ), , . , . - , ,
. , .
-
, . -
, ,
.
3:
191
. , ,
. , ,
( ) : . ( )
, .
, . , . , -
. , ,
, , .
. , .
?
,
, . , ,
.
Puc. 5.11.
New Riders.
HTML
(
) - HTML,
192

, HTML- (, , ).
, ,
, ( ).
, , .
, , . - ,
, , - .

HTML . , , - , , .
, DHTML, , , , .
, , ,
, .
, - Internet Explorer Netscape
.
:
( )
DHTML JavaScript
,
,
( , )

(SSI)
3:
193

,
. . .

.
. ,
,

. ,
.

. . . . -

- . ,
, .
, , , 800
, .
( ) , , ,
100 . , . , -
, .
, . . ,

. , - , (, ,
). (, www.tonystone.com,
www.photodisc.com, www.comstock.com)
,
.
7 . 667
194
; (, - ), . HTML. ,
HTML-, , . ,
. - , .
- . on/off /over (
, ). ? . - JavaScript (, , , ),
. , .
, , , .
, , , .
, ,
, . (
www.webvan.com 40 !) , , ,
. ,
, , . , ,
. . ( ), .
Photoshop Fireworks,
( on/off /over)
(. 5.12). , , -
3:
195
E3NWh
.m<d<t1O<o
(r.ur>
iH or ant *,**)
. 5.12.
()
() .
-

.

.
, , - (. ,
. 358)
196
HTML-. . ( ,
; , .)
. , -
PC. , , . , .
, . , ,
, - (
). - -
- . .

, , () . . ,
, , ,
HTML. .
- ,
. ( ), - ,
, , .
, (
. 5: ).
, . .

, .
. , (. 5.13). -
3:
197
. HTML
.

- , HTML,
, , - ,
.

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

; , , .

,

.
, ; , . HTML
.
. 5.13,
HTML (. , . 358)
198
3
- : , , .
: , , . , -
3:
199
, , .
, , , , ,
. .
? ;
,
, ? : - - ,
, , .
, , .
- ,
,
- .
, : ,
, - ,
, 80 , . , .
, .
, , , .
200
DiverseWorks
: DiverseWorks Art Space
URL: www.diverseworks.org
: Idea Integration,
: -
(Jeff Mclaughlin)
-: (Joel Harris)
:
(Gregory Taylor), (David Shepherd),

(Katherine Matthews)
DIVERSEWORKS.ORG [] , . , ,
.
201
DiverseWorks - , DiverseWorks
. , - - .
DIVERSEWORKS.ORG []
,
DiverseWorks
. ,
DHTML.
. (2000 .)
: ,
.
. , . 348-349
4:

:
; -, . ;
HTML- .
4:

, , ; , . 4 - , . , - , , , .
- , , , , . .
: , - , HTML-. - 100 10 -: ,
. .
. HTML- .
4:

, .
?
? ?
?
205
>
>
>

: HTML.
, - HTML: dit, Homesite Allaire - , WYSIWYG, Adobe GoLive, Macromedia Dreamweaver
Microsoft FrontPage. :
?

HTML , , , -,
. - . , . ,
20-40 JavaScript,
, , ,
WYSIWYG.
- / , / DHTML, - , ,
HTML. , ,
, HTML
.
206
,
(, , ), (, , ) ( , ). ,
HTML, , ,
. .
?
. . HTML- .

-
HTML .
. . , . : . ;
. , , . , , 3.x Flash
.
ivww.web-redesign.com. - , : (. ).
:
1:
2:
3:
4:
5:
HTML,
, ,
. 3: . . , -
4:
,
,
.
HTML ;
,
. - -
, . , , .

,
,
.
,
, ,
. , , .
207
HTML
HTML,

HTML, . ,
: . , (Ardith
Ibanez) (Natalie Zee)
HTML Artistry: More Than Code,
New Riders, 1998 (Lynda Weinman)
Creative HTML Design. 2, New Riders, 2001.

100
300, .
1: . 50 , 120,
? . - ? ,
,
... . ,

208
( 5 ) www.web-redesign.com.
4: (QA)
209
( 5 ) www.web-redesign.com.
4:
211
212
(Chad Kassirer)

-
-. :
.

,
.

. , ,
.

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

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

.
.

. , ,

. -
4: (QA)

, ,

.

. ,
,
.

, (, ).

213
,
, , .

-
Red Eye Digital Media u Idea Integration/-
(www.whatdesign.com)

-,
Splatterpunk (Adobe), Georgia Revealed (One World Journey) Making Sense of Modern Art (SFMOMA).
-
, ,
.
214
, , . (QA),
, .
. ,
. ? ?
? , ? , (QA), . ? , , ,
. HTML- - , , .
: ?

I
? ? ?

?
DHTML, JavaScript, , , ,
. ?
? ?
/ ?
/?

. , HTML, :
, , . .

. , .
.
4: (QA)
215

, , .
- . 6.1. (Bobby
ALT-,
Approved ) ,
.
ADA. , , ,
(Accessibility with Disabilities Act, ADA) -. ,
(www.w3c.org),

, ,
. -
-
(, ALT-
100 ,
HTML).
,
:
Bobby Macromedia Section 508 Accessibility Suite.
Bobby (www.cast.org/bobbyj - , -. 6.2. . URL, Bobby , URL . ,
,
, ADA,
ALT-. ,
(. 6.1 6.2).
Section 508 Accessibility Suite Dreamweaver 4
Dreamweaver UltraDev 4, UsableNet
(. 6.3), - , . , Macromedia Exchange
(www.usablenet.com/macromedia/index.htm), , - W3C/WAI, 508, 1.
, ,
. 6.. Usable.net Macromedia .

216
: HTML. , .
, , . , ,
.

: ,
? , . . , : ,
HTML, .
3 ,
Flash,
DHTML, JavaScript / HTML. , ( ) .
; . . , , ,
?

, , . ,

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

,
...
, : . .
, . ,
, (
) .
4:
217

, , ? , . , . ,
.
:
:

; .html .htm.
,
,
.
HTML. HTML- (ASP, Java, Perl).

,
, ,
( 2: ). , . , , . ( .) , (. 6.4 6.5).
,
HTML- .
, , ? ,

(, ).
- .
HTML : , , , ... -
218
Puc. 6.4.
Puc. 6.5.
.
. 6.4 ,
. 6.5 -
.

4:
, .
? ,
, . . .

( , , )
?
? ?
? ?
219

1.

?
2.

?
3.
?

,
. ,
.
,
,

:
. -
. ,
,

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

. ?
. .
>

> HTML-

>
>
>
( )

(
) , , HTML . (. 6.6)
( ) HTML ( )
, ( ).
, ,
, , ,

.
HTML,
, HTML -
.
Photoshop/Fireworks , (. 6.7)
(. 6.8). , , ,
HTML .
.

(Lynda Weinman) Designing
Web Graphics.3 ( -. 3), New Riders, 1999.
4:
221
. 6.6. www.diverseworks.org
Photoshop
Fireworks.

,
- .
( on )
Puc. 6.7.
Fireworks Photoshop. on/off/
over DHTML
. 6.8. Fireworks. 16 GIF
222

, , HTML-, ,
,

. , . HTML ,

.
Dreamweaver 4
, .
, SourceSafe, Perforce WebDAV.

HTML
- ,
( ), ( ). HTML- ( ), ( ). ,
(, ).
( ),
( ).
HTML-
, , , , ALT-,
COMMENT- TITLE- . , , , ( ;

. ( Photoshop Fireworks), , ,
,
,
HTML , HTML
HTML ( HTML-) .
HTML-,
, . . ( HTML
Save As.)
. 1.

. GIF
JPG. 2. .
.
( ) ( GIF JPG).
. Photoshop Fireworks, ( GIF JPG).
. GIF- JPG HTML , ,
.
4:
223
), HTML. () HTML() . , , HTML (. 6.9).

. , , . , (QA); ,
, ,
.
- .
( )
: . .
HTML, ,
, (. 3). (QA), ( ), , , , , , PC, .
. 6.9.

.
.
www.flyingsparkfurniture.com:

() (QA)
224

, , , , , ... - . ,
JavaScript, . Java, ASP CGI. , ,
(. 6.10). , .
( , ,
) . . , Fireworks , , MouseOvers Swaplmages,
. HTML-

- ,
?
, ,
( ), . - , - ,
, .
:
. ? :
1. ( ).
.
2. HTML ( ,

.) .
3. . .
(include) - , , ,
. JavaScript- - . ,
HTML. He
. - src ( ), src IMG- ( ). - ,
. ,
.
:
? , , . ,
, .
4:
, .

. , QuickTime
Flash.
. , . . , (QA),
.
.
JavaScript : www.javascript.com,
225
-
,
.

;

HTML ( ) . , .
?
. ,

. .
.
www.builder.com, developer.netscape.com, www.scriptworld.com.

DHTML
. 6.10. www.diverseworks.org
, , .
( )
DHTML - JavaScript

(CSS)
HTML
HTML,
. CSS
, ,
. ,
CSS
. ,
3.0 OSS, 4.0 .
CSS
- , , GSS, .
8 . 667
226
(Jeffrey Zeldman)
-
- .
- (Web
Standards Project, www.webstandards.org)
- CSS,
HTML 4, XML .,
: .
? , (,
, CSS), - (, HTML XHTML
XML-).
-?
? , (
) CSS-,
. , ,
, , /
?
CSS-, ( )
.
HTML .
. HTML
,
.
-,
,
, -
. , Palm Pilots,
Lynx
, -
.
,
(
); - .
-,

,
,
, . ,
,
.
A List Apart, , - (www.alistapart.com).
- , , - , , ,
4: (QA)
. , . CSS,
-
( 4.0)
HTML-. -
, ,
.

,
? ,
- , .
.
( ).
,
. , .
, . , ,
227
, ,
.
18 , ,
CSS,
,

. , 10% , Netscape 4, 25%
IE4, - .
,
. ,
XML, CSS DOM. : ,
, ,
. , .
(www.zeldman.com),
Taking Your Talent To The
Web New Riders, 2001, A List Apart, -, The Web
Standards Project - ,
-,
Happy Cog - - -, , .
-, Adobe Web Center, PDN-Pix Magazine Creativity.
228

. , , , . HTML , -
.
.
. ,
. .
. , ,
, , ; (. ). ,
. . , .
, , . ( ), ? -, , . , , ,
.
, -
WYSIWYG ( , )
, - ... ? ,
HTML HTML - , - 1 BBEDIT HomeSite. , WYSIWYG-.
HTML , WYSIWYG- ,

, ,

, .
WYSIWYG- HTML (
) HTML- (drag-and-drop),
Adobe GoLive Macromedia Dreamweaver, WYSIWYG-,
.
WYSIWYG- - - I
.
,
WYSIWYG- - f
, - -
.
HTML 1
.
4:
, . , .

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

, : ALT-, - TITLE-.
, ALT- ,
HTML-, . , (TITLE),
. .
.
229

,
,

(, ). HTML-, ,
.

, .
, ,

,
HTML, .
, , .
,
. , . Dreamweaver 4
, . (. 6.11) ,
.
230
ALT- ,
. ALT- , (. 6.12). ,
, .
Puc. 6.11. mopa Dreamweaver 4 -
Puc. 6.12. TITLE-

, , / - .

www.zeldman.com, TITLE, , :

4:
231

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

(QA)
; , . -
( -) -, QA. ;

.
10%
.
: , ,
(. 6.13).

232
, ,
, - , .
,
. QA
.
. 6.13. : ().
().
DHTML
( )
4:
233
, . ( -
), QA .
: 1) ; 2) -
3) .
, .
, , :
.
, . .
(QA)
,
(QA) . , ,
,
: QA = 12 . 5 . 20+ .
, .
QA. , , HTML, -
. , :
/, .
, .

1
, - (QA).
. , , . , ,
QA: -
,
.
www.philosophe.com.
.
(QA)
. , , ( ), .
234
, - -.
.
4:
235
-
. -
.
,
, ,
. : .
, ,
; .
, , ,
,
QA . , , : - - .
QA .
.

.
,
- -.
HTML ,
.

,
,
.
,
. ,
, , CGI
.
236

,
* , ,
. ? . ,
,
. ,
(. 5:
).

(, , ),
, .
.
. , . - , - . - 30
. , , .
/

,
, , .

HTML. -
- QA
-
,
. , , , ( QA) ( -). -
QA.

,
-
( ). ?
, .
. .
,
, , .
,
(!),
,
. , .
.
-. . 8.
4:
237
, , . , , , . , .

, bug list,

. ,
.
( 30 ) . ad hoc,
,

.
,
.

,
:

.
. ,
.
(, , ) , .
(QA)
,
, .
, .
.
, .
( Excel, ).

.
(
) , .
( 1)
, .
,
.
, .
238

( ),
,
, . ;
,
(. 6.14).

.
QA-.

.

,
, , - . , - , ,
QA- .
- ,
, QA.

QA- , , , ,
, .
QA - ,
,
.

. 6J4. ,
,
- . .
3.0
UNIX
4:
QA (, ).
, , , .
: ,
, 10
(MAC, WIN, UNIX);
(IE, Netscape,
AOL), ( 3.0 6.0; , Netscape 5.0). ,
450
(10x3x3x5) . ? . ? .
? . ? .

, . , .
, : ,
,
239

, ,
.
HTML ,
, , . .
www.netmechanic.com. 35
200 400
HTML
?
. - www.scrubtheweb.com. mw.w3.org/People/
Raggefytidy HTML
www.alumnLcaftech.edu/
dank/gnafchtml. ?
wm.mwMxxg/bugs. , Mozilla -
.
: 10 100- , , . .
240

, (,
).
, ,
.
(, ;
IEf
). , . ?
? ,

.
, .
. , , .
, .
- (. 6.15).

, ,
.
. . .

. , .
:
.
: , -

. , , ,
, - . , , : , /, , ,
( ,
). (, , ) : -
- -
Excel - . :
/

( )

URL

?
4:
241
. 6.15.
(),
AOL 4.0 QA, :

.
:

(Use compressed images ).
(). , , QA-
QA- . HTML
- . - PC,
.
HTML. , ,
. .
QA- HTML , MAC PC. .
/ ( ). ,
.
, .
. , ,
... .
, , .
242
. ,
, . , , , , , , .
, , .
4
, , . . . - : ,
,
(
2 3),
( 3), ,
, HTML ,
, / . . HTML
( 5).
? : ,
. , , , , , . , , ,
HTML,
, , , HTML. , . ,
, .
, . , . , -
. , ! , . . HTML. . . , -
4:
243
. .
, ,
.
.
244
Janus
: Janus Capital Corporation
URL: www.janus.com
: Sapient
: , Janus
JANUS.COM [] JANUS.COM []

JANUS.COM [] , , . - . (2000 .)
.
245
Janus Capital Corporation

30 .
Janus , , .
, .
JANUS.COM [] , . .
.
: . 2001 . Janus.com 62%
32% 1999 .
. , . 350-351
5: 7
- , .
; -
.
5:
- - - ; : .
? ? : . , ? ? , ?
, , ,
. , . , -, , . ,
, , . - ,
, . .
5:
249
, - .
,
.
,
, ,
, . 5
,
, . , .

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

, . ,
. , .

,
250
, / ? : -
(QA) .
.
. ,
,
.
, 30
.
-
, ,
. : .
. . ,
, - ,
,

.

.
,
, 3: .
. , , ,
, -
, .
,
HTML- .
, . ,
. . .
.
- ,
5:
251
, .
, , , . 30, 45, 60 90 .
. (
- .)
252

HTML-, .
.
. .
(. 7.1).
.
5:
253
, , (, ). , , (. 7.2).
. 7.1. newriders.com
254
. 7.2. ,

: , . -
. ,
, , .
, . , - , HTML . , , ,
layout_01, layout_02, layout__06, final, final_2, final-final . . ,
, .
,
- , , :
Photoshop/Fireworks ( , )
( , )
/ ( !)
HTML-
5:
(
) HTML-

, -. .
.
,
,
. , .
: .
255

- - ,
.

-

. - ,
- .

, -
. , ( ,
, , ).
256
. , , .
- - . , : , -. , , .

-
. , , .
,
, .
- . ; .
, , , , . ( ). ,
, .
? ?

:
, . , , - ,
. . .
, , . , , . .
5:
257
, ( ) HTML, . .
, .
- ,
. ,
(QA-)
. !

,
,
, URL.

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

(,
), .
9 667
258
, . ,
,
,

. -

. ,
: 1 85% . 1
.
- , , . .
,

: ,
(, ),
.
- |
. ,
.
. - 1
. :
.
. , .
. . ? I
FAQ ( )? , ?
. - I
. : , . ,
, , ,
.
. . ,
: ?
- ?
? . .

,
. (,
, ),
. , , , , (
). -
5:
, .

NetMechanic.com, 85%
.
, , (). ,
.
, : 99
!. ,
.
, , ,
, .
259

, *
. - . QA
, .

. ,
, ( ),
.
,
, .
. .
, www.workz.com, 37 , , ,
. ,

-
, . www.searchengi-
newatch.com, www.selfpromotion.com www.workz.com - , .
262
TITLE
TITLE - ,

,

. , .
, . , ;
.

. (
, - , -
), ,
, ,
,
.
Submitit.com - 59
URL. Registerit.com - 12 .
,
.

. , HTML, .
Web Position Gold (www.webposition.com) .
- www.web-redesign.com. ->
5:
263
-: , . , . - , , -, .
, . HTML .
264
-.
: , ,
. ? , .

, , . . , -. ... ! .
.
5:
- QA- . ,
( ,
).
, , , .
,
.
-

.

. ,
, , , . .
. ? ? , . ,
, .
265

.

.
, QA- -.
. ~,
- . , . ,
, ,
.
, .
,
. ! .

.
- ,
, .
266
(Eric Ward)
,
, , ,
?
?

. , ,
,
*
?
,
. Yahoo !
,
. ,
. ,
, , , , - . , - .

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

.

,
, .

,
, . ,
.
HTML-. ,
,
,

,
:
, .

.
5:
,
TITLE
- ,
ALT .
- .
, NOFRAMES,
.

.

, . , , - ,
(Danny Sullivan)
Search Engine Watch (www.searchenginewatch.com),
.
267

.

- 1994 . - , .

, Amazon.com,
Virtual Vineyards, OnSale, Link Exchange, Microsoft, Rodney Dangerfield, AMA,
BBC, Kellogg's Weather Channel. 1995
. Tenagra
Award For Internet Marketing Excellence, Websight
100 .
, ClickZ
Advertising Age.
- (. splash) - , , /
- (
). - . . .
268
- ,
.
, ? ? Forrester Research Inc. 8600 ,
, , - (. 7.6).

, , .
,

.
-.
, ,
.
, , . 1-2 .
. 7.6. Forrester Rest arch
Inc. 8600 ,
, , -.
(www.system-concepts, com /articles /forrester.html)
5:
, . - - . .
. : ?
:
HTML. -.
.
: , ,
.
-
.
,
FrontPage. , - ,
.
. , ,
( ), -
269
, : 10
,
, ,
.
,
Server Check Pro
( NetMechanic www.net-
mechaniccom/monitor.htm),

.
15
.

.
270
. , HTML. .
. , ,
. . ? HTML? Flash DHTML ( )? ( )? . , , ?
-

. , , , .

, , - .
.

HTML .
. ( ),
.
( , , , ) . .
20 , . ;
: , .
5:
271
272

- ( 1: ) ,
,
.
,
.
. ? ?
HTML-? -? ? , , ? , ,
, , , , . . , , , .
- ( ///
) , , -
, (. 7.7).
. 7.7.
5:
273
274

. , , . - . .
. .
OpinionLab (www.opinionlab.com) - OnlineOpinion
,
(. 7.11). ,
, .
. 7.11. OnlineOpinion
adobe.com,
netscape.com, dell.com

, -, . ,
-. ,
, /, ,

,
. ,

.
,
. 2 ,
-,
. ,
, . , , ,
, , - .
, , , ( ), , . ,
,

( . hit) - - . . . .
5:
275
. , .
. , , (. 7.12).
. 7.12.
?
?

(.
, . 360)
276

,
?
:

. :
( , ).

: ,

. ,
, -
. !

, ,
-,

.
- . ,
.
, .
, ,
.
, . , ,
(. 7.13).

; -
. 7.13. 2000 .
The Gap ,
5:
277
. , , , .
5
!
. - , . . ?
? ? , , , . ? , .
: , , , (QA) . .
- 8 - 9
- ,
, . .
-
, .
- .
278
// . - , . , , .
, - . , ? ? , , , . - . . ( )
( )
, , ,
. .
, , . , , .
.
5:
279
280
Food.com
F00D.COM []
1950-.
, , , .
281
Food.com ,
.
, Food.com - .
F00D.COM []
(, ) ,
.

,
. (2000 .)
:
.
.
. , . 352-353
- , . - ,
.
-
?
:
. , , , .
? - , , . - : , ? /, ? ?
-. - , . ,
.
, ,
- .
-. , .
285
(Jakob
Nielsen) -: , . ., -, 2001
(Designing Web Usability, New Riders, 1999) (www.useit.com). .
, -
.

, . - ?
. . , .
- ,
,
-. .
, , .
-, - - ,
. . .
, - . - , .
286
(Jakob Nielsen)
-
-
, ,
.

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

,
.

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

.

- , .

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

.

, .
2. ?
, , , . ,
,
.
.
,
. , , , .
-
.
, ,
.
287
. :
. , , -
.
(wwwMseit.com)
- (U.S. News &
World Report), (ZDNet), ,
- ,
, - (Chicago Tribune).
-: ( Designing Web Usability: The Practice of Simplicity )
13 , - Alertbox, 1995 . (www.useit.com I alertbox),
200 .
53 , .
,
, -. , -
. -,

: -
290

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

.
. . , , -, :
1:
2:
3:
4:
:
, ;

- - ( )
-
.
, , |
.
.
- - ,
.
- |
.
.

(
, .
) , .
, , , *
- .
, .
291
292
; , . .
1:
, . . : . .

. , , (. 8.1):
/
( , , )
( )
( , ,
)

( )
( )
. ; ,
. , .

. , , , . -, ,
.
?
, () .
, , .
, ,
- . , .
293
. 8.1. . , , , . , - ;
, ,
NDA (non-disclosure agreement) - . - . .
294
, , .
, :
. , , .
, , , , . -
- .
, - ,
, ,
. - . :
- ,

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

. ,
. - , (. 8.2).
: , . , .
, , :
.
, - .
; .
295
.
, . .
.
(NDA) ( ) , .
2:
-
-. , . :
, , ,
..., . . ( , 2),
, .
. 8.2. . ,
. ,
(Jeffrey Rubin) Handbook of Usability Testing ( no -). :
296
!

, ,
, .
,
,

.
,

,

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

.
.

.

.
? ?
?
(. 8.3
8.4). .
297

. -
- 1000 ( 8 12 ).
, -. , , . , ( ), .
, . , - - .

( , -) , ,
(. 8.5). , , ,
.
: , . ? - ,
298
(. 8.6). . , , - , - . , ,
. , -
. 8.6. , (. 8.5).
299
. ,
, . (. 8.7).
Excel. 400 40 . 8
300
Puc. 8.5.
, ,
.
,

,
. 8.7.
3:
301
. - . ; , .
. ,
, . (NDA) .
, .
.
,
.
,
, (,
!).
. - , . ,
. - , . -
. , : ,
.
.
. , ,
- ( , , ).
.

. ~
,
-:
-: (Jakob Nielsen, Designing Web
Usability: The Practice of Simpiicrty,
New Riders, 1999)
-:

(Steve Krug, Don't Make Me Think,
New Riders, 2000), - (Jeffrey Rubin) Handbook of Usability Testing,
John Wiley & Sons, 1994.
,
,

-.
,
. :
(NDA)

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

( )

.
(. 8.8).
.
.
:
?
? ?
?
? .
. . ? : !?
,
. , .
.
303
. 8.8.

.


.
. , , , .
(. 8.9). .
/ .
.
. ,
, .
- , . . .
, ,
.
, , .
. . , , . ; ,
.
304
. 8.9.
, . - .
305
4:
. ,
,
, , -
. , ,
. ,
, .
- . , , .
( ),
, , .
,
. ,
- . . : , ,
, ,
. , . , . ,
:
,
, . .
.
;
-
:
,
, , ,
,
.
- Jupiter 1999 ., www.jup.com
306
. . , , .

(. 8.10).
, -
. ; ,
, .
.
. 8.10.
, .
(. , . 360)
:
. , , . .
. ,
, ,
.
. ,
, .
.
, ,
(,
, ). , .
307
-...
...
.
... .
...
.
... ,
, .
...
.
. , ,
,
( ) .

- , -, . , . . . , , ,
- ,
, , - , ,
.
. ,
. .
,
. , , ,
-, .
, .
308
Casey Claybourne
: Casey Claybourne
URL: www.caseyclaybourne.com
: Waxcreative Design, ,
: (Emily Cotler)
CASEYCLAYBOURNE.COM [] ,
, , // HTML.
309
58.2$
, , 1.35 . (Casey Clayboume), ,
(A Thing Of Beauty). ,
, .
CASEYCUYB0URNE.COM [] , ,
. , ,
. (2000 .)
: . , , .
. , . 354-355
: www.rwanational.com/statistics.stm
,
. ,
?

-
, . ,
, ,
. , , ,
. . , , .
? , . - , , .
.
, ,
, .
.
313
- . - . - - , , , .
, - .
, , , .
. , ,
, . , , - . .
.
- , . .

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

, , ,
,
. , , , - . 1
.
-
: , ?. ,
314
, , . , , , . . - - ,
.
315

- Yahoo!
Google, . , - .
,
,
.
. ,
, ( 1: ). ,
, .
: ,
. - .

, . . . , ,
,
. , . -
316

,
(,
,

-),

. (;
-
,
,
, ,

.)
,
. .

-: , . , - ,
,

, -
.

, , , . 20
200 , : , ,
- .

.
.
1:
, . , ? ?

?
? . ,
, -

Illllil l i l l l \i|
317
If illliilS l i l i l l :-! i i l l
318
, , ,
.

, , , , (. 9.1).
. , , , .
( - 20 70 ) ( ). , . .
, 1: .

, .
- , ?
- ,
?
. , : , ( ?) ( ). . ( ). . ;
,
, .
.
, ? . , . . . - Expedia.com
Travelocity.com, , southwest.com
ual.com.
- away.com, , lonelyplanet.com letsgo.com. ,
319
. 9.1. , , . ( ),
, ,
320

, ,
.
: 12
. , ; , .
,
,
.
: 1-800#, (?!)
.
. 12
. , , . 20 . , . , ,
, . ,
, , .
(. 9.2 - 9.7).

;
( , )
. .
321
Puc. 9.2. Expedia.com

(: )
Puc. 9.3. Travelocity.com

(: )
322
. 9.4. Netscape Travel Center: webcenter.travel.netscape.com (:

)
Puc. 9.5. . (:
)
323
Puc. 9.6. lonelyplanet.com (: )
Puc. 9.7. United Airlines: www.ual.com

(: )
324
,
.
- , .
. URL .
. ,
(
, );

, (
). ,
. ,
,
, - .
?
; .
, : , , , . .
,
. -,
, -, ,
. . , .
,
. ,
.

.
.
.
2:

, , .
,
(. 9.8 9.9). , , ,
,
, , , ... . .
. , , . .

. ;
.
325
, .
. ,
. ,
, . , . .
. 9.8. . , ...
326
. 9.9. ... .
327
328
3:
, .
- . , .
: -. , ( ). , , .

, . (. 9.13)
. . ; , .
, .
-
- .
, . ,
.
, , .
. 2 ? ?
, . . , ? . . ? . .
.
. -
329
. 9.13. ,
-

330
, . ,
. . .
4:
- . , , .
.
. ?
? ?
( )
(. 9.14).
, : - ? - .
, .
,
. , , , .
331
Puc. 9.14.
.
( )
332

.
, , - . .
, -. ,
. ,
:
.
. 9.15. 12 : , .
333
(. 9.15). , , ,
,
.

.
. , ,
:
(. 9.16 9.17). : , - . :
. ? ? ?
? ?
?
. ?
?
. 9,16. ,
.
. 9.17.

(. 9.14)
334
. ? ? , ? , ?
- , ,
, .
, ,
.

, , ,
. .
, , , , , :
. , -
. ,
, ,
. -
, ,
, .
337
Puc. 5 J . , New Riders. .

.

. 5.3. , Freehand, Illustrator

Photoshop
338
Baby Center
: Baby Center
URL: www.babycenter.com
:
(
): (Jonathan Turtle)
(
():
(Allyson Appen)
- ():
(Shannon Miller)
():
(Alissa Cohen Reiter)
): (John Stross)
BABYCENTER.COM [,
]
,
-.
. (1997-1999)
339
BabyCenter.com
, , . .
BABYCENTER []

. , , . (2000)
:

,

.
340
Smug
: Smug
URL: www.smug.com
: fearless.net, -
: (Leslie Harpold)
:
Smug -
, - .
1996 .,
1980- - 1990- .
Smug
.
SMUG.COM [] . .
SMUG.COM [] SMUG.COM [] -
-
. , .
341
SMUG.COM []
.
-
, .
: .
342
LiquidMedium
TURB0STAFF.COM [] , .
.
343
LiquidMedium
-
.
LIQUIDMEDIUM.COM []
, .
;
, . (2000 .)
LIQUIDMEDIUM.COM [] . ,
. .
(2001 .)
:
.
344
Intern
INTERNAP.COM []
. Internap ( ), .
345
Internap Network Services Corporation, , -;

, , .
INTERNAP.COM []
, , .
Internap -. (2000 .)
: .
346
K2SKATES.COM [] .
347
2, , . .
348
DiverseWorks
: DiverseWorks Art Space
URL: www.diverseworks.org
: Idea Integration,
: -
(Jeff McLaughlin)
-: (Joel Harris)
:
(Gregory Taylor), (David Shepherd),
(Katherine Matthews)
349
DiverseWorks - - , DiverseWorks
. - , - - .
350
Janus
: Janus Capital Corporation
URL: www.janus.com
: Sapient
: , Janus
JANUS.COM []
, . .
351
Janus Capital Corporation

30 .
Janus , , .
, / .
JANUS.COM [] , . .
.
: . 2001 . Janus.com 62%
32% 1999 .
352
F00D.COM [] 1950-. , , , .
353
Food.com ,
.
, Food.com - .
FOOD.COM []
(, ) ,
.

,
. (2000 .)
:
.
.
354
Casey Claybourne
: Casey Claybourne
URL: www.caseyclaybourne.com
: Waxcreative Design, ,
: (Emily Cotler)
CASEYCLAYB0URNE.COM [] ,
, , // HTML.
355
58.2%]
, , 1.35 . (Casey Claybourne), ,
(A Thing Of Beauty). ,
, .
356
. 5.7.

Pitc. 5.5.
; .

357
. 5.9. / .
;

Puc. 5.10. /
.

358
Puc. 5.12. ()
() .
-
. .
,
, -
Puc. 5.13.
no
HTML
359
Puc. 7.3. Smug.com .

:

. 7.4. . (, , .)
2000 . Janus Funds (www.janus.com) :
Puc. 7.5. Artist Booking International (www.artistbooking.com) ,

QA-
. ,
, URL
360
. 7.12. ?
?

. 8.10.
, .
ALT-, 56, 141, 178, 222, 215, 229,

230, 267
, 47, 117, 134,

139, 141
, 41, 83, 214

, 29, 60, 312, 327
, 71-74
, 42, 60, 90, 312
D
DHTML , 225
Dreamweaver 4 (Macromedia), ,
222
Check Links Sitewide, , 273
Section 508 Accessibility Suite, 215
, 113
, 230
, 179
, 230
F
Flash , 178, 189
I
HTML
, 205
, 207
, 56, 222
PC, , 171, 176

-, 56, 77, 141, 178, 222, 239,
252 267
, 263
, 264
, 230
TITLE-, 56, 141, 222, 229, 230, 251,

260-264, 267
> 51 1 7 3
-, 305
, 316
, , 320
, 313

, 328

, 330
, 316
, 324
, , 171
-, 116, 177
, 59, 255
, , 193
, 170
, 28
, 135
, 41, 82, 214

, 41, 78, 212
, 78
, 94
, 258
, 30
,
177
, 258
, , 70
, 131
1 "3-...
"7
14 667
362

, 39, 63
, 123
, 36-38
, 50, 170
, 58, 248
, 40, 68
, 53, 204
, 46,
130
, , 62, 276
, 277
, 26, 64, 75, 88, 90, 126, 132,
137,184, 245, 313
, 180
, , 83, 177
QA-, 239
, 100
, 104, 320
, 231
, 43
, 100
, 99
, 100
, 99
, 109
, 101, 106
-
A List Apart, ,
226
Adam Moore Photography, 155
Altoids Too Hot, 84
Amazon.com, 84
Art Institute Online, 178
Artist Booking International, 261
away.com, 322

Baby Center, , 22-23
Banana Republic, 154
Bobby, 215
Casey Claybourne
, 308-309
Cooking.com, 155
DiverseWorks
, 200-201
Etrade, 156
Expedia.com, 321, 331
Food.com
, 275
, 280-281
Gomez.com, 327
Gomoll Research Design Inc., 81
Google, 154
Hit Box, 85
Husk Jennings Advertising, -, 285
Inspiration, 147
Internap, , 126-127
Janus Funds, 261
, 244-245
JimHeid, 115
K2 Skates, , 166-167
LiquidMedium, , 64-65
Lord of the Rings, 85
lynda.com, 189
Macromedia, 83, 178
Dreamweaver 4, 179, 230, 273
Section 508 Accessibility Suite, 215
SiteSpring, 118
, 113
My Discount Broker, 156
Net Mechanic, 273
OnlineOpinion (OpinionLab), 274
Petsmart.com
-, 264
Phinney/Bischoff Design House, 89
Purina.com
-, 264
Search Engine Watch, 267
Server Check Pro, 269
SmartMonkey Media, 133
Smug, 261
, 32-33

Stat Market, 85
Timeslice, 105
Travelocity.com, 321
United Airlines, 323
useit.com: Jakob Nielsen's Website, 286
Visio, 147
Web Position Gold, 262
Web Review, 130
Web Site Garage, 273
Web Standards Project, 226
World Wide Web Consortium
, 215
, 193
, 225

, 157

, 239
, 259
, 233
-, 226

, 41, 54, 206
, 212
, 217
, 208
, (Weinman, Lynda)
, 189
, 236
, 178
,
267
, 212
, 29
, 216
, 171, 199
Flash , 178, 189
PC, 171, 176
, 180
, , 182-187
, 52
, 193
, 132
363

, 183
, 199
, , 174
, 177
, 182, 186
, 216
, 179
, 51, 172
,
196
, 180
, 182
, 171
, , 173
, 224
,
236
, , 320
, 277

, , 42, 79, 86

, 231
, , 146
, 190

, 61, 264
, 258
, 257
,
61, 259
, 61, 258
, , 320
, 44, 101, 104, 214
, 101
, 102
, 106
, 122
, 30
, 139
, 52
-, 301
364
, 1
, 41, 60, 90, 312
, 41, 82, 214

, 41, 78, 212
, 123

, 90, 125
, 41, 70, 91
, 41, 70
, 42, 79, 86
, 88
, 76
, 273
, 262
,
, 197
, (Gomoll, Kate)
, 80
,
, 55, 220

, 256
, 108
, 138
,
, 110
, 44, 108
, 272

, 266
, 222
, 223
, 195
, 53, 193
, 193
, 194
, , 44,
114

, 45, 114
,
182
, , 97

, 229
, 217, 231
, 136
, 303
, 174

, 208-211
, 111
, , 98
, 306
, 106
, 142-145

, 183
, 94
, 150
, 72
, 59,
255
, 325
, 319
, 234, 237
, 140
,
272
-, 293
, 160
, 304

, 87
,
196
, 251-252
, 146-149
, 101

,
332
, 86
, 109
, 77
, ,
109
, 266
, 178, 215
World Wide Web Consortium
, 215
, (Duncan, Leigh)

, 30
3
, 224
, 47, 216
, , 262
, 60, 256
, 240
, 228
, 56, 228
, 61, 264
, 258
,
61, 259
, 61, 258
, 312
-, 290
, (Zeldman, Jeffrey)
-, 226
,
145

, 183
, , 45
, 100
, 109
365
, , 193
, 328
,
78
, 256

, 157
, 239
, 273
-, 263
, 217, 231
, 157
-
, 296
, 116, 130-134
, 259
, , 41,
72, 77
, 238

, 330
-, 306
, 106
, 141
, 146
, 145
, 144
, 147
, 141
, 146
, 142
, 143
(CSS), 225,
227
,
320, 324
-, 47, 117, 134, 139,

141
, 296
366
, 313
,
232
HTML, 205
-, 289, 301
, 108
, 114,
118
, 117, 134, 139, 141
, 237
, 248
, 70-77
, , 97
, 51
, 45, 97, 101
,
212
,
182-187
, 42
, 71
, 76
, 139
, 79
, 20, 82
, 92
WYSIWYG,
205, 228
, 268
HTML-, , 56, 222

,
, 55, 220
, 56, 228
, 231
, ,
56,229
, 55, 204
, 56, 224
, , 57

, ,
320
, 328
, 320, 324
-, 328
, 318

Gomez.com, 327
, 320
, 314
, 330
, 29, 60, 312, 316, 319, 334
, 316

, , 315
, 312
, 313-314
,
326
, 324
, 28, 289
, 76
, 145, 229
, 135
, 180
, 140
, 47, 216
, 214, 228
-, .
, 56, 229
, 134
, 138-140
, 138
, 214, 228
, 134
, 138
, 278
, 222
, 193
, 100

, 231
, 236

,
, 239
, 238
, 235
, 233, 237
, 234
, 238
, 236
- , 236
, 138
, , 51, 174
, 117, 134, 139, 141
, 31, 43, 75, 93-95
, (Kassirer, Chad)
, 212
, 157
, , 153
,
, 49, 157
, 159
, 150
, 49, 149
-, 289
, 88
, 49, 153
,
, 49, 157
, 75, 214
, 207
,
219
, , 140
, 269
, 258
, 153
, 49, 153
367

, 141
, 153-156
, 100
-, 47, 117, 134, 139
, 313
-, 289
HTML, 148, 149
, 153, 154
, 71, 75
, 56, 229
, 257
, , 217
, 236
, 237
- QA, 236
, 158
, (Nielsen, Jakob)
-, 286
, 110
, 56, 224
, 45, 258, 274
, 78
, 74
, 41, 70-74
, 76
, 120, 122
, 55, 220
, , 315
, 148
, , 190
,
, 49, 157
-,295-297
368
, 117,
233
, 116
, 265
, 101
, 44, 100, 104, 214
, 255
, 240
, 240
,
237
, 239, 265
, 262
, 277
, 30
, 59, 249
, , 59, 255
, 60, 256
, 60,
256
, , 59, 254

, 250-253
, 30
, 28
, 27
, 26
, , 214
, 324
, 319
, 233, 237
, 47, 138
, , 97
, 45
, 96

, 96
, 272
-, 293
, 43, 69, 96
, , 43, 99
, 28
, , 44, 108
, , 45,114
, 60,
256
, 45
, 44, 104
, 57, 233
, , 44,
114
, 61, 258
, 272
-, 45, 120,
158, 255, 288, 292

, 45, 97, 101
, 154

TITLE-, 262

, 266
, 259
, 267
, 238, 291
, .
, 83
, 177

, 120, 122
, 51, 172
, 182
-, 80, 121, 122, 177, 285
, 157
, 212
, 153, 155
, 305
,
193

, , 44
, 99
, 56,
224
,
Baby Center, 22-23
Casey Claybourne, 308-309
Diverse Works, 200-201
Food.com, 280-281
Internap, 126-127
Janus, 244-245
K2 Skates, 166-167
LiquidMedium, 64-65
Smug, 32-33
,
,
239, 265
, , , 30
, 171
, 240
, 57, 232
, 121
, 52, 192
/
, 117
, ,
171

,
262
, 147

HTML, 205
,
(bandwidth), 83, 177
, 190
, 191
, 171, 172
, , 192
, 78, 80
, 95
, 135
, , 55, 220
, 42, 100, 108, 141
, 225
, 179
, 249
, 51, 174
, 51, 172
, 99, 106

, 239
, , 138

, 87
, 61,
259, 262
WYSIWYG, 205
,
228
, .
- , 288
, 179, 198
, 61, 258-260
-,
301
, 225
, 116
, 196,
250
, 118
, 235
, 269
, (Siegel, David)
, 180
,
, 57
, (Smith, Carl), 285
, 28
370
, 49, 146-149,
251
, , 55, 205
, ,
214
, , 216
, , 214
, , 217

, 207
, , 206, 207
, 101
, , 115

, 28
, 86
, , 188
,
, 44
, 108

, 46, 134
, 134
,
( 135
, 138
, 48, 141
, 146
, 141
, 144
, 49, 149
, 49, 153

, 49, 153
, , 49, 149
, 49,157
, ,
197

, 135
, 144
-, 267
, , 56, 228
, , 30
, 46, 130, 165
, 171
, 145
, ,
132
, ,
134
, 145, 229
, , 47, 138
,
157
, 157
, 159
, 157
, 138
, 146
, 149
, 153
, 150
, , 217

, , 42, 60
, 252, 253
, 104
, 332
, 272
, , 226
, 56, 141, 222, 229, 230, 267
ALT, 178, 215, 229, 230, 266, 267
-, 77, 178, 239, 252, 267
, 263
, 264
, 230
TITLE, 251, 229, 230, 260-264, 267

, 135
,
320

,
, 182
, 54
, 215
, , 240

, 269
HTML-, 223
, 57, 204, 231
, 120
, 190, 192
, 86

, 41, 82
, 83
, 82
, 79, 86

, 86
, , 27
, 30
, 62, 276
, (Ward, Eric)

, 266
, , 62, 274
, 1, 42, 92
-,
, 295
(3)
, 199
, 50, 170, 198
(5)
, 279
, 58, 248, 277
(1)
, 125
, 40, 69, 123
371
(4)
, 243
, 53, 204, 242
, , 217
(2)
, 165
, 46, 130, 164
, 194
, 222
, 225
, (Phinney, Leslie)
, 88
, (Phyo, Ani)
, 132
-, 80, 121, 122, 177, 182, 285
,180
, 238
, 291
, 251, 252
, 114
, 217
, 236
, 267

, , 57
, 192
, 158
X
, , 276
, (Heid, Jim), 27

, 115
, 274
, , 277
, 176, 198

, 176
, 181
372
, . -
, 51, 173
, , 70
, 71
, 74, 75
, , 93
, 79
-, 307
, 193
HTML, , 56, 222

, , 193
, 196

, , 62, 276
, 270
, , 62, 269
, 60, 256
, 279
, 61, 248, 268, 277
, 75
, 76

, 250
, , 62, 272
,
196
, 217
, , 62, 274
, 76
(Eric Ward) ,
, 266
, 316
, 318
, 320
,
318
, , 285
-, 54, 284, 296, 307
, 286
, 290
, 301
, 328
, 236
, 286
, 158, 255, 293
, 307
4 , 290

, 305
, 301
, 306
, 290
, 292
, 295
, 304
, , 303
, 301
, 297
, 302
, 294
, 288
, 291
, 307

Web Redesign

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Web Redesign

Загружено:

Авторское право:

Доступные форматы

http://openlib.org.

(Alissa Cohen Reiter)

56 , DSL Mac G3,

? 17- 15- ? Flash?

/ HTML- < > . ,

. 3.9. - Microsoft Excel,

Puc. 3.11. Timeslice (www.asdsoft.com) ,

. 3.17. Macromedia Dreamweaver - ,

Puc. 3.18. food.com

Puc. 3.19. cjcarmichael.com

Internap Network Services Corporation, , -;

. 4.1. Microsoft Word,

Puc. 4.5. , , . 4.4.

Puc. 4.14. . , . www.bananarepublic.com , ,

Puc, 4.15. , , , . www.google.com

. 4.17. , . , / (Next /Previous) / (Forward /Back).

. 4.18. www.etrade.com www.mydiscountbroker.com.

sign. com.au/usability/paperprototypinggraphics. html.

- www.petco.com. , (Paige McCormick)

. 4.20. www.petco.com, . 4.19

Slipping into the

Puc. 5.5. Dreamweaver ,

Puc. 5.6. Dreamweaver ( ). Make Column Autostretch

New Riders (. 5.7) , , , .

Puc. 5.9. / . ; (. , . 357)

(Gregory Taylor), (David Shepherd),

. 6.8. Fireworks. 16 GIF

), HTML. () HTML() . , , HTML (. 6.9).

www.builder.com, developer.netscape.com, www.scriptworld.com.

Puc. 6.11. mopa Dreamweaver 4 -

Puc. 6.12. TITLE-

Janus Capital Corporation

newatch.com, www.selfpromotion.com www.workz.com - , .

NDA (non-disclosure agreement) - . - . .

Puc. 9.2. Expedia.com

Puc. 9.3. Travelocity.com

. 9.4. Netscape Travel Center: webcenter.travel.netscape.com (:

Puc. 9.6. lonelyplanet.com (: )

Puc. 9.7. United Airlines: www.ual.com

Puc. 5 J . , New Riders. .

. 5.3. , Freehand, Illustrator

(Alissa Cohen Reiter)

Internap Network Services Corporation, , -;

Janus Capital Corporation

Puc. 7.3. Smug.com .

Puc. 7.5. Artist Booking International (www.artistbooking.com) ,

ALT-, 56, 141, 178, 222, 215, 229,

, 47, 117, 134,

, 41, 83, 214

PC, , 171, 176

TITLE-, 56, 141, 222, 229, 230, 251,

, 41, 82, 214

, 41, 82, 214

-, 47, 117, 134, 139,

HTML-, , 56, 222

-, 47, 117, 134, 139

HTML, , 56, 222

Похожие интересы

Вам также может понравиться