2.2.1
2.2.2
3.1 : , , , , , , .
3.2. : , ,
3.3.
3.4. web.
4.1 ?
4.2 ?
4.3 ?
4.4 ?
5.1
5.2
5.3
5.4
5.5
6.1 .. Web-. .: ; , 2002
6.2 . -: . : -, 2004.
6.3 . Web-: : . .: , 2005
9
web-
1.1 web-
2.1
, . web-, ( ) . , .
1994 . . :
- JPG , . .
- GIF . (). 3-5 .
- Flash . . .
- . JPG, GIF Flash , , ( ) . , .
, . , 468 60 , 46860. . , web-, . , .
|
|
2.2.1
2.2.2
3.1 2 web- , web
1 | 2 |
3 | 4 |
5 | 6 |
4.1 ?
4.2 ?
4.3 ?
5.1
5.2
5.3
5.4
5.5
6.1 .. Web-. .: ; , 2002
6.2 . -: . : -, 2004.
6.3 . Web-: : . .: , 2005
10
GIF-
1.1
1.2 GIF-.
2.1
GIF- - , GIF-.
. Adobe ImageReady. : File () → New (). :
Name () = banner-1;
Width () = 468 ;
Height () = 60 ;
Contents of First Layer ( ) White ().
2. . , , , .
3. . Layers () Create New Layer ( ). Layer 1 Green. , , Enter.
4. . () Marquee (). . Paint Bucket ( ). Swatches ( ) () . , Ctrl + D. , .
5. . Red .
|
|
6. FREE. , () Type ( ). Swatches . Type ( ) (. ) Comic Sans MS, 36 px. FREE. Move () , .
7. . Drop Shadow ( ). Layers () Add a layer style ( ).
, Drop Shadow ( ).
8. . site ( ) Drop Shadow ( ). COOL ( ) Drop Shadow ( ). click here ( ) Drop Shadow ( ).
11. . click here, . , Black. , . Black , click here.
Rectangle Marquee ( ). Feather () 5 , . . . Layers () Opacity () 60%.
Black click here , , Layers ().
12. PSD (. File → Save).
1. . . , Duplicates current frame ( ). , .
2. . . Move (). Layers () COOL. , . . COOL - .
3. . , Ctrl. Tweens animation frames ( ). Tween ( ). Layers () All layers (), Parameters () Position (), Frames to Add ( ) 5. . .
4. . . Tweens animation frames ( ). Tween ( ) , , Tween With ( ) First Frame ( ). .
5. . . click here, Layers () , . Black. :
|
|
1) , Black;
2) , click here.
, .
6. ImageReady. Plays/stops animation (/ ) . . , Plays/stops animation (/ ), . Selects next frame ( ). Selects previous frame ( ) Selects first frame ( ).
7. Internet Explorer. Preview in Default Browser ( ) .
8. (). . Animation () . , , 0sec (0 ).
.
, , , 0.3sec, Other () Set Delay ( ) , .
9. . GIF- , . . Optimize (), . .
Optimized () , . Color reduction algorithm ( ) Optimize () Selective (), Dithering algorithm ( ) Diffusion () 80 %. 16 . Colors (). Lossy () 15. .
GIF- . Animation (). . Optimize Animation ( ) Animation (). , . , . , . . .
10. . . , -. Animation (). . .
PSD : File () Save ().
11. Web-. , Options () GIF. File Save Optimized As. , Image Only (*.gif) ( GIF), (, banner -1) .
|
|
12. web-. Web- :
<IMG src=banner-1.gif width=468 height=60 border=0alt=Free cool site>
- (, www.freecoolsite.com), :
<A href=http://www.freecoolsite.com/>
<IMG src=banner-1.gif width=468 height=60 border=0alt=Free cool site></a>
. , . , : banner_freecoolsite_468x60.gif.
1. . . . Custom Shapes ( ). (, ).
2. . $0,08/ (Opacity =0%), (Opacity =100%). Tweens animation frames ( ). Tween ( ).
Layers () All layers (), Parameters () Opacity (), Frames to Add ( ) 5 . .
, , .
3. . ImageReady : - . , . , , . Move () $0,08/. . , $0,08/ , , .
4. : (PSD) (GIF).