Информационный Дизайн_2-10 / Практика #02 [DW_текст] / Практика №3 (графика, ссылки) v1
.pdf" "
7 «Macromedia DreamWeaver MX».
|
I. |
1. |
. , |
. |
: |
! Insert Image;
Insert Common Image
- " # , ,$ . $ $ # - %$ , # , :
Insert Common Image Placeholder ( )
$ $ :
o |
$ |
Name $$ , $ # ; |
o |
$ |
Width Height $$ # ; |
o |
$ |
Color – $ $ ; |
o$ Alternate Text – $$ , $ $.
2.. $ $ $ $
, $ $ $ $ . : %$( $ ):
Properties $ $ $ Align (Left, Center, Right);
!
$ $ $ # –$ $ $ :& Properties Align
Align:
Default - $ $ $ BaseLine.
BaseLine - $ $ .
|
Top - $ $ $ . |
|
Middle - $ $ . |
|
Bottom - $ . |
|
TextTop - $ $ $ $ . |
|
Absolute Middle - $ . |
Absolute Bottom - $ $.
Left Right - $ $ $ $
1
3. # . ' $ # ,$ * $ $ . ' $ $ $ $:
1.Properties $$ $ $ W (* ) $ ($) $* [Enter] ( $ $ );
2.+ $ $* * $ , , .
% . / $ $$, $ $* [Shift]
4. & ! alt. 0 <alt> $$ $ $, . . $, $ # , , $. 3 <alt> $ $ $ $ $ , $$ * . / $ " $ :
3. |
Properties $$ $ |
Alt ( $ ) |
5. |
' |
$ $ # # |
$ . 5 $ ,
$. 6 |
$ - |
$ |
|||||
* , * |
|
. |
# |
||||
$ |
* : |
|
|
||||
4. |
! Insert |
Image |
|
; |
|
|
|
5. |
= $ |
|
|
; |
6.$ $ *Properties Link $ # $ $ Select File ($ # )
6. % / $ $ $$ $ Border * $ . ( $ , . .)
7. ( . $ $ $# . ' " $ $:
7. |
Properties Grop; |
|
|
|
|
|
||
|
! Modify Image Grop; |
|
|
|
|
|||
@ : |
|
|
|
|
|
|
|
|
8. |
& |
|
( |
|
|
$ |
||
|
$* * |
); |
|
|||||
|
'$ $ $* |
[Enter] |
|
|||||
8. |
. 0 Resample ( ) $ |
|||||||
$ # |
JPEG GIF, $ |
|||||||
, |
, |
|
|
|
|
|
||
. / $ $ # Resample, $ |
|
|||||||
: |
|
|
|
|
|
|
|
|
9. |
Properties Resample; |
|
|
|
|
|||
|
! Modify Image Resample; |
|
|
|
|
) * . 0 Resample , $ .
2
9. |
. 0 Brightness / Contrast |
|||||||
: |
, $ |
|||||||
: |
|
|
|
|
|
|
|
|
10. |
Properties Brightness / Contrast |
; |
||||||
11. |
! Modify Image |
Brightness / Contrast |
;; |
|||||
10. |
. $ $ |
$, |
||||||
$ $, $ |
$ |
. |
||||||
, $ |
: |
|
|
|||||
12. |
Properties Sharpen ; |
|
|
|||||
11. |
+ . $ * |
|||||||
# : |
|
|
|
|
|
|
||
6 $ * # : |
|
|
|
|
||||
13. |
Edit Preferences |
Category File Types/Editors |
Extensions |
|||||
|
( * #$, $ * ) [+] Editors |
|||||||
|
$ |
|
|
|
|
|
||
@ $ * # - |
|
|
|
|
||||
$ , |
$ $ * $ |
|||||||
: |
|
|
|
|
|
|
|
|
14. |
Properties |
Edit $ * |
Edit With |
|||||
|
$ |
|
(" $ |
$ |
$ |
|||
|
Dreamveaver) |
|
|
|
|
|
|
|
' :1
:1. ! .
1.= $ ;
2.$ ( .doc)
3.$ (.jpg)
4.$ $ $ # ,Align:
o |
BaseLine - $ $ . 1 |
o |
Top - $ $ $ . 2 |
o |
Middle - $ $ . 3 |
o |
Bottom - $ . 4 |
o |
Left Right - $ $ |
|
$ $ 5,6 |
|
:2 ( , . |
1.= $ ;
2.$ – Morrison1.jpg. % # ,& ! Dreamweaver
3.$ – Morrison2.jpg. % # ,& ! Photoshop.
3
II.% .
1.% + .
% .
1. , $ $ ;
2.Properties Browse for File ($ Link) $ Select File $ # Ok ;
% ! . |
|
|
1. |
, $ $ ; |
|
2. |
Properties $$ $ Link URL- , |
|
|
$ $* [Enter] $ $ |
; |
; |
|
|
1. |
$ , $ $ $: |
2.Insert Common [Hyperlink];
3.! Insert [Hyperlink];
4. |
$ $ |
Hyperlink $$ $ |
Text; |
|
5. |
+ |
|
Browse, $ Link $ # Ok |
|
6. |
|
$ $ $ |
Target ( ) |
7.Title $$ , $ $* ;
8.@ Access Key ( ). = " $
|
$ $ |
( $); |
|
9. |
@ |
Tab Index ( ). 5 $ |
|
|
$ $ |
$ $* Tab. |
|
10. |
|
Ok. |
|
% & ! Point to File ( # ). 0 Point to File$ Files $ .
Files $ Properties Point to File* # , $$* *;
4
2. = . 5 $ * $ #. ' , $ (named anchor). = $.
) * . O , , $ $ * * $ , . " * $ * .
+ . = $ "$. = , .
I.:
a. $ , ;
b.$:
Insert Common [Named Anchor];
! Insert [Named Anchor].
c.Anchor Name $ $$ ( $$ # , . $);
d.Ok
) * : $ $ $. 6 $ " $ $, $: - ! View Visual Aids Invisible Elements; ! Edit Preferences Category: Invisible Elements
II. :
a. |
|
, $ $ ; |
b. |
Properties Link $$ #, |
|
c. |
6 |
$* [Enter] $ $ . |
5
3. # * . ! (link target) – " $ - , $ . Q "Target" $ "Properties", . / $ $ # ,
$ , $ $ # $, "
_self - $ $ " .
_blank – $ $ $ .
:
1. |
, $ $ ; |
||
2. |
Properties |
Browse for File, $ Link; |
|
3. |
$ |
$ # , $ ; |
|
4. |
Properties |
Target $ __blank |
|
5. |
$* Enter $ $ |
||
4. ) * . $ : |
|||
1. |
$ , $ $ $ ; |
||
2. |
$: |
||
|
|
Insert |
Common Email Link; |
|
|
! Insert Email Link; |
|
3. |
|
Text - $$ |
; |
4. |
|
E-mail - $$ " ; |
|
5. |
Ok |
|
|
5. J * . Z # (Image Map) $ ,
$ , $, « ». 3" $ , $ . '$ $. '
$ |
$: |
|
1. |
, |
$ $ # ; |
2. |
Properties $, $ $ ; |
Rectangular Hotspot Toll - $ ;
Circular Hotspot Toll – $ ;
Polygon Hotspot Toll – $
3.$ Map $$ # .
6
( + . $ # $ , $, $ :
Rectangular Hotspot Toll / Circular Hotspot Toll ( # )$ " , $ $ * $ $ $, $ , $ $$* * .
Polygon Hotspot Toll $ #$ * ($ $) $($ $) $ $ .
$ * $ Properties $ " .
% * . =$ # :
|
$ $ , $ ; |
|
Browse for File, $ Link; |
||
|
$ # , $ Ok. |
|
|
$ $ Target $ ; |
|
|
$ Alt $$ $ ; |
|
|
$ # $ $ . |
|
6. |
Flash-. Flash-: |
|
1. |
, ; |
|
2. |
\ $: |
|
|
Insert |
Common Media Flash Button; |
|
! Insert |
Media Flash Button; |
3.Style $ * Flash-. * $ * $Sample.
4. |
$ |
$ Button Text ; |
5. |
|
* # $ Font; |
) * : ^ Flash-" $ $ $ * # , $ * #, $* .
6. Size ;
7.Link $$ Browse $ # ;
8. |
|
Target $ $ ; |
9. |
|
$ # $ Bg color ($ , Flash- |
|
$ $); |
|
10. |
Save As $$ # ( $ ); |
|
11. |
Ok! |
|
7
' :2
1.Q – 4 , $ $, $ $ $ (. text.doc);
2. = - 1 $ (. text.doc);
3.J * . = $ # ( $).
4. Flash Button. = Flash Button , – .
8