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

. .

ADOBE DREAMWEAVER CS4

, 2009

681.3.06
32.973.26018.2
71
. .
71 Adobe Dreamweaver CS4. . .: , 2009.
152 . : .
ISBN 9785970600467


. 
 .
Web Dreamweaver
CS4, Web
, , Web
.
, 
Dreamweaver CS4, ,

. 
Web.
:
CS4.
.
!
.
Dreamweaver
CS4.
.

Adobe Creative Suite 4.
681.3.06
32.973.26018.2
.
.
, , . 
, 
. 
, .

ISBN 9785970600467

, TeachVideo, 2009
, , 2009

......................................................................

......................................................................
1.1
Adobe Dreamweaver CS4
8
......................................................................
1.2
11
......................................................................
1.3
13
......................................................................
1.4
16
......................................................................
1.5
18
......................................................................
1.6
20
......................................................................
1.7
22
......................................................................
1.8 .


23
......................................................................

25

......................................................................
2.1
26
......................................................................
2.2
29
......................................................................
2.3

32
......................................................................
2.4 Code
35
......................................................................
2.5 Design
38
......................................................................
2.6

41
......................................................................
2.7
Web&
44
......................................................................
2.8 .

47
......................................................................
2.9

50
......................................................................

5
53

......................................................................
3.1
Web&
54
......................................................................
3.2

57
......................................................................
3.3
60
......................................................................
3.4
63
......................................................................
3.5
66
......................................................................
3.6

69
......................................................................
3.7 SEO
71
......................................................................
3.8 History
75
......................................................................
3.9
Commands
78
......................................................................

81

......................................................................
4.1
82
......................................................................
4.2

85
......................................................................
4.3

88
......................................................................
4.4

90
......................................................................

93

......................................................................
5.1
94
......................................................................
5.2
97
......................................................................
5.3

100
......................................................................
5.4 &
103
......................................................................
5.5 Rollover Images
105
......................................................................
5.6
&

108
......................................................................



111
......................................................................
6.1

112
......................................................................
6.2
flv
115
......................................................................
6.3
Web&
118
......................................................................
6.4
Web&
120
......................................................................
6.5

123
......................................................................

8
127

......................................................................
7.1

128
......................................................................
7.2
131
......................................................................
7.3 .

134
......................................................................
7.4

137
......................................................................
7.5 139
......................................................................
7.6

141
......................................................................
7.7

143
......................................................................


Web
145
......................................................................
8.1

146
......................................................................
8.2

148
......................................................................
8.3 Device
Central
150
......................................................................




.
* .
Web*
Dreamweaver CS4,
Web*, , *
Web*.
, ,
Dreamweaver CS4 ,
.

Web*.

Properties

.........................

1.1
Adobe Dreamweaver CS4

1 21


Adobe Dreamweaver CS4
*. Dreamweaver
CS4
*. , *
, *
.
8

,
HTML*,
. Dreamweaver CS4
, , java*
, php*,
Web*
Web*.


,
, ,
.
, Adobe
Web*.

ADOBE DREAMWEAVER CS4

10

.........................

1.2

1 10

Dreamweaver CS4
.
.

: ,
, Web* Adobe.
Top Features ( )
.

11


Adobe.
, Create New ( )
.
Web* Web*.
Web*.
HTML Create New ( ). *

, .

12

.........................

1.3

2 9

Adobe Dreamweaver CS4



.

Dreamweaver CS4
, *
. *
. . *

13

Dreamweaver CS4
,
.
, *
.

.

. *
,
,
, .
, *
, .
,
,
, ,
.
Properties (), *
Web*
.

Properties ()
.
.
14

15

.........................

1.4

1 44

,
Dreamweaver, ,
.
CS4
,
.
Designer (*
),
. App
Developer ( ) *
.
, *
App Developer Plus ( *
).
, *
Classic (),
CS3 .
*
,
.
, ,

.
,
Adobe Dreamweaver CS4 *
.
16

Classic ()

17

.........................

1.5

1 51

*
Adobe Dreamweaver CS4.

Window ().
, ,
*
. *
. .

Window ()
18

,
.
. ,
, .
,
,
, .
, *
.

.
,
.
*
orkspace ( ).
New W
Workspace
.
.

19

.........................

1.6

1 48

,
.
,
.
Common () *
Web* ,
, , Flash* . .
Layout ()
Web*.
Forms ()
, , .
Data ()
.
Text ().
, , . *
.

Common ()

Layout ()

Forms ()
20

Data ()

TText
ext (
)
()
Favorites () *
. , *

Customize Favorites ( ).
.
,
. Favorites

.

Favorites ()

21

.........................

1.7

1 45

*
.
.
Code ( HTML* ),
Split (), Design ( ).



Live View ( ) Live Code ( ),

.
Title () *
.
title.
.
,
.
*
, .

. *
. ,
CSS.
HTML.

.
22

.........................

1.8 .


1 34


. *
.
.


ool ().
Zoom TTool
.
. *
.
,
. *
.
.
ool ()
Hand TTool
. ,
. .

.


.
.

23

Zoom TTool
ool ()

Hand TTool
ool ()
24

Design

Split

Code

.........................

2.1

2 4

,
Dreamweaver CS4 Create New (
) Dreamweaver Site ( Dreamweaver).
Site Definition (
). Basic () ,
(URL*).
Advanced ()
, . ,

Site Definition ( )
26

Local Info ( )
Local Root Folder ( ) *
, Default Images Folder (*
)
.
Advanced (),
, Files ()
.

Advanced ()
Site Definition ( )
Basic
(). ,
. Next ().
,
.

27

,
. *

.

.
, Done ().

28

.........................

2.2

2 5


File (). New ().
New Document ( ).
.
, *
. ,
Blank Page ( ).

File () New ()

29

New Document ( )

Page
(Page
Site
Site). HTML*.
. *
Adobe Dreamweaver CS4
. *
, .
, *
,
.
ype ( )
DocT
DocType
XHTML CSS Layout CSS
( CSS). ,
Attach CSS file (
CSS).
CSS
.
30

Create ().
*
,
.

31

.........................

2.3

1 10

File ()
Save ().
, *
, .

Save ()
,
, *
, *
32

Save as ( ...),
.

Save as ()

Open ().
,
, *
, Open ().
,
.

33

Open ()

34

.........................

2.4 Code

2 35

Dreamweaver CS4
Split ().
Code ( ).
HTML*
.
.

ag (
. Collapse Full TTag

Code ( )
CODE

35


). ,
.
.

.
.
.
,
*, ,
.
,
.
, *
. , *
36

. Syntax Error Alerts


in info bar (
)
.


.

. CSS
. .
*
.
, , Dreamweaver CS4
.

CODE

37

.........................

2.5 Design

1 35

Design ()
Adobe Dreamweaver CS4.

Design ()

,
.
*
.
38

,

.

.
.
, .
, , *
HTML* . ,
Split () .

.

Split ()
DESIGN

39


HTML .
, , *
HTML*,
.


Split ()

40

.........................

2.6


2 16


Adobe Dreamweaver CS4
, .
.
View (), Rulers
() Show
().

Rulers ()

41

. ,
*
.
Rulers () View () .

. ,
.
.

. View
Guides (), *
Edit Guides ( ).
,
, .
.
42

.
Show Grid ( ) Grid ()
View
View.

,
Grid Settings ( ).
. *

.
, *
.

43

.........................

2.7
Web*

1 52

Web*
Dreamweaver CS4 Page
Properties ( ). *
Properties ().

Properties ()
44

. *
, *
.
Appearance ( ).

Page Properties ( )
*
. .
.

. Browse
()
. ,

.
Repeat () .
no*repeat ( )
, *
WEB*

45

. Repeat ()
, repeat*x
( )
, repeat*y ( )
.
Margin () *
.

46

.........................

2.8 .


2 2

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

47

.
Dreamweaver CS4 HTML*
. Layout () .
Frames ().
.
.


.
,
.
,
.
,
, .
48

Layout ().
Frames (). *
. ,
.
, .
, .


,
.

49

.........................

2.9

1 42


Web*.

.
Adobe Dreamweaver
CS4 Frames ().
, Window ()
Frames ().

Frames () Window ()
50

.
*
. ,
.
Frames
Frames.
.

Frames ()
Src ,
. Scroll ()
.
Border ()
.
No resize ( ), *
.

51

Margin width ( ) Margin height (


)
.

Frames ()

52

History

Commands


title

.........................

3.1
Web*

2

,
,
, .
Web*
Page Properties ( ).
.

Appearance ( )
54

. *
, *
.
Appearance ( ).
*
. .
.

. Browse
()
. ,

.
Repeat () .


WEB*

55

no*repeat ( )
, *
. Repeat ()
, repeat*x
( )
, repeat*y ( )
.
Margin () *
.

56

.........................

3.2

1 47

*
Web* .

, ,
.

Design ()

57

.
,
Enter .
. Format ()
Properties () *
. .



, Format Paragraph ().
,
.
, , , *
.
58

Properties ()
*
.
,
. ,

, .

59

.........................

3.3

1 21

Properties ()
.
, ,
Ordered List ( ).
.


60

.
. List ()
Properties ()
.

List Item
ype
List TType
. .
Style
Style:
Number () ;
Roman Small ( ) ;
Roman Large ( ) ;
Alphabet Small ( ) ;
Alphabet Large ( ) .

61


, ,
.
Start count ( ).

.

62

.........................

3.4

1 37

, ,
, Web*,
.



.
Properties ()
.

63

, .
Unordered List ( ).
. *
.
.
: List type ( ) .
Bulleted list .

: Bullet , Square .
Directory list (*)
, .


Menu List (*)
.
64

Menu List (*)



. ,
Web* .

65

.........................

3.5

1 15

*
. ,
.


.
,
. .
.
66


.
Text Indent ( ).
*
. , ,
List Item
Item.
.
, Text Outdent (
) .
.

67

68

.........................

3.6


1 34

*
,
.
Headings
(). *
,
. ,
.
Title/Encoding (/)
.
, *
. ,
, .

69

Headings ()
*
. *
, .
*
. Browse *
,
. *
.

TTitle/Encoding
itle/Encoding (/)
70

.........................

3.7 SEO

2 1

SEO
*. Adobe Dreamweaver
CS4
.
title
Common () *
SEO.

Common ()
SEO

71

.
Meta ()
.
Meta
Meta,
.


Keywords ( ) *
.
, Keywords
( ) , *
.
Description () *
.
Keywords
.
72


Refresh ()
. Refresh ()
. .
Delay
(), Action () *
*
URL , *
Refresh This Document ( ).

SEO

73

74

.........................

3.8 History

1 19

History ()
Window () History ().
.
Adobe Dreamweaver CS4
, *
.

History () Window ()
HISTORY

75

.
, *
. *
.

History
()
,
, ,
. *
.
Copy selected steps to the clipboard (
)
History ().
*
, ,
.

76

Copy selected steps to the clipboard


( )

HISTORY

77

.........................

3.9
Commands

1 10


Commands ().

Commands ()
,
.
. ,
, *
78


. *
,
.

.
Commands ,
.
Edit Command List (*
) Commands
Commands. *
Delete
().
.

COMMANDS

79


Commands ()

80

_top

_blank

_self

_parent

.........................

4.1

2 15

Web*
, .
,
, *
. .

82

, Web* ,

. ,
,
.
.
Web**
. ,
Web*.


, .
Named anchor ( )
. .
Anchor Name
Name.
.
, .

83

. ,
. Insert ()
Hyperlink (). *
. Text . Link
. Title ()
,
.
. .

84

.........................

4.2


2 13


.
Web*
. *
Web*.

85

Adobe Dreamweaver CS4 *


, . ,
. Hyperlink
() .
Hyperlink (). Text ()
. Web* ,
. Link
, , . *
, ,
.


,
.

. *
.
Title () ,
.
*
. Target () .
, ,
. _blank
_self
.
.
86

87

.........................

4.3


1 23

,
.

Web*.
.
Target () , *
, .


88

. *
.
*
Target (). ,
:
_blank () ;
_self () , ;
_parent () ;
_top () ,

, .
,
,
.
.

89

.........................

4.4


1 34


.
. *
.
Page Properties ( ).
Links ().
. Link font ( ) *
.
Size () .

Page Properties ( )
90

*
.
Link color ( )
, .
Visited links ( )
, .
Rollover links ( )
, .
Active links ( ) ,
.

Page Properties ( )
Links ()
Underline Style (
). *
. ,
, .

91

92

.........................

5.1

1 32

,
.
,
.

W
eb*
Web*
Adobe Dreamweaver CS4
.
.
94


.
.
Image ().



, ,
. *
,
.
,
,
.

. ,
.
.

95

96

.........................

5.2

2 27

,
. *
.
.
Edit ().


Edit ()
. Creative Suite
Adobe Photoshop CS4.
Edit Image Settings (
). . Image
Preview ( ).
Options () .
Format () .
.
Quality ()
.
, ,
.

97

Edit Image Settings


( )
Smoothing (),
.
.

.
File ()
. , Scale ()
.

.
,
.
98

File Edit Image Settings


( )
, Crop ().
.
. ,
.
Enter () . .

99

.........................

5.3


3 4

Properties ()
,
.
, . Crop ()
.


100

Resample () *
, , *
. ? ,
800 600.
, ,
, 320 240. ,
. , Resample
Resample,
,
.

Resample ()
Brightness and Contrast ( ) *
, Dreamweaver CS4,
.
.

101

Sharpen () *
.
, Dreamweaver CS4
.

102

.........................

5.4 *

1 15

* Web* *
.
* , ,
. *
.
.
. Properties () *
. *

*
*

103

*
, ,
*.

. Pointer ().
.
,
.
.
*.

Pointer (
)
()
104

.........................

5.5 Rollover Images



1 44

*
. , , *
, .
, *
.
Rollover Image
Image.
.

Rollover
ROLLEVER IMAGES

105


. Browse () *
,
, ,
. *
,
, .

Rollover

. .
,
.

.
106

*
.
*
.

.

Rollover

ROLLEVER IMAGES

107

.........................

5.6 *


1 51

*
, , *
.
. *

.

Image Placeholder ( )
108

.

, ,
, .

.
Image
Placeholder ( ).
. , , ,
, .

.
.
Src Source ().

Image Placeholder
( )
*

109


.
Link , ,
.
.
, Image Placeholder
( ) *
.

Image Placeholder
( )

110

6
*

Flash

flv*

Form

Quality

Tag Instector

.........................

6.1

1 38

Flash CS4 Dreamweaver CS4


Creative Suite Adobe, ,
.


Flash*.
Flash*.
.
flash
flash. *
112

. ,

. Dreamweaver
CS4 . *
.



.
.
Play (),
.
Q uality () ,
. Scale
() Flash.
,
.

113

114

.........................

6.2 flv

2 9

flv
. *
flash .
, Adobe Dreamweaver CS4
flv.

flv
FLV

115

Common
(). *
. FLV
FLV.
Insert FLV ( FLV).
.

Insert FLV ( FLV)


ype ( )
Video TType
. Progressive
download Video ( )
,
. Streaming
Video ( ) .
.
.
116


. Skin (*
). *
.
.
,
Auto Play (
).
*
, Auto Rewind ( ).

,

.


FLV

117

.........................

6.3 W
eb*
Web*

1 43

Creative Suite CS4 Dreamweaver *


.
, *
* .
, .
.
Tag Inspector

TTag
ag Inspector ( )
118

( ). Window ()
Tag Inspector
Inspector.
Behaviors
(). .
onClick ( ), ,
. *
Tag Inspector
Inspector.
Play sound (
).
. Browse ()
.
.
Tag Inspector onClick
Play sound.
. ,

.

TTag
ag Inspector
( )
WEB*

119

.........................

6.4 W
eb*
Web*

1 34


.
( Web*)
Web*. *
( , ,
, ),
Web*. *
Windows* .

Live View
120

Web* , *
. Forms
(), , Web*
HTML .


,
. *
, .
,
. , *
:
. ,
, .
.
WEB*

121

Forms ()

122

.........................

6.5


1 41

,
Dreamweaver CS4 .
, ,
,
Text Field ( ) . *
.

Web*.
Button () .
*
.
CheckBox ().
Web*, Windows*,
. ,
*
.

RadioButton (*).

List/Menu (/)
.
List/Menu (/) *
.

123


, ,
,
.

124

Radio Button (*)

125

List/Menu (/)

126

.........................

7.1

2 10

. *
*
.
Adobe Dreamweaver CS4
. .
, *
. Table (),
.
.


128

.
Table width ( )
. , , *
, ,
. ,
.
Border thickness ( ).
.


Cell padding ( )
. Cell spacing
( ) .
*
, , *
.
.

129

Accessibility ()
. Caption *
. , Align Caption (*
) .
Summary () *
.

,
.

130

.........................

7.2

1 44

.
,
Web*.
.

, Table ().

131

, .
. Modify ()
, Table ()
able ( ).
Select TTable


. *
,
.
*
. Align () *
. Default ( )
.
Left () . Right (*
) .
132


,

, .
, *
.

133

.........................

7.3 .


1 13

Dreamweaver CS4 *
, *
.


134

,
.
*
.
* *
, .

.
.


. .
. ,
,
.
.

135


, *
.

136

.........................

7.4

1 17

*
.
*
.
, *
, Merges selected cells (
) Properties (). *

137

. ,

.

Splits Cells ( ). *
. ,
,

. .
,
, .

.

138

.........................

7.5

2


. Adobe
Dreamweaver CS4
.
, .
. Commands () *
able ( ).
Sort TTable

139

.
.
*
. , *
.
. *
. *
.

. .
Options
Options.
Sort Includes the first raw (,
) ,
. Sort Header raws (
) ,
. .
Sort Footer raws (
).
*
.

.
, ,
.

140

.........................

7.6


1 49

,
,
.

. *
, , .
100%.
Web*.

141

.
, .
.
,
. *
. ,
.
.
*
. .
,
,
. ,
, *
*
.


142

.........................

7.7


1 23

Web* *
,
.

.

143

, .
* . .
.
. , *
. *
, .

.
, .
, ,
. , *

.
.


144

8

W
eb
Web

Device Central

.........................

8.1


1 4


, Internet Explorer 8, Firefox 3,
Opera 9, Google Chrome .
Web*, *
.
.


146

WEB

Preview/Debug in browser
(/ ). *
.
*
, *
.

Internet Explorer

, ,

.

147

.........................

8.2

1 44

.
Edit Browser List (*
) Preview/Debug in browser
(/ ).
.
, Edit ().
.
Name () ,
Application () *
. Default () *
. , Primary browser
( ) , Secondary
browser ( ) .
,
. ,
Edit Browser ( ),
.
.

.
Preview in temporary
file ( ).

.
OK
OK.
Preview/Debug
in browser (/ ).
148

WEB

149

.........................

8.3 Device Central



1 14

, Adobe Dreamweaver CS4,


CS3,
.
*
Preview in Device Central ( Device Central).
*
.

Device Central CS4


150

WEB

Device Central CS4.


, , *
,

.

,
.
, Device Central CS4 *

Flash, .


DEVICE CENTRAL

151


  
, 
: 123242, , / 20
: orders@alians kniga.ru.
(
), ; 
, . 
.
Internet:
www.alians kniga.ru.
: . (495) 258 91 94, 258 91 95;

. .

Adobe Dreamweaver CS4.

. .

dm@dmkpress.ru

. .
. .
. .

03.02.2009. 6090 1/16 .


FuturaLight. .
. . . 9,5. 1000 .

Web : www.dmkpress.ru
Internet: www.alianskniga.ru