13 H T M L F l a s h J a v a < i m g > 13.1 H T M L A c t i v e X H T M L < i m g > HTML 4.0 < o b j e c t > < / o b j e c t > 13.1.1 H T M L < o b j e c t > c l a s s i d d a t a < p a r a m > 1. <object> < o b j e c t > < o b j e c t >... < / o b j e c t > < o b j e c t > < o b j e c t > < / o b j e c t > i d n a m e c l a s s t i t l e s t y l e w i d t h h e i g h t < o b j e c t > classid = url c l a s s i d u r l U R L J a v a U R L d a t a d a t data = url d a t a u r l U R L U R L U R L < o b j e c t > c o d e b a s e type = content-type t y p e d a t a
13 293 codetype = content-type d a t a c o d e t y p e c l a s s i d < o b j e c t > < / o b j e c t > < o b j e c t > <object classid="http://www. m i c r o t e x t. c o m / t e t r i s. g a m e " > <object data="tetris.mpg" type="application/mpeg"> <object data="tetris.png" type="image/png"> < / o b j e c t > < / o b j e c t > < / o b j e c t > m p e g < i m g > <img src="fox.png" width="100" height="100" alt=" "> < o b j e c t > < o b j e c t > <object data="fox.png" type="image/png" width="100" height="100"> </object> < o b j e c t > < i m g D r e a m w e a v e r 2. <param> < p a r a m > < o b j e c t > < p a r a m > < o b j e c t >... < p a r a m > < p a r a m > < / o b j e c t > < p a r a m > < o b j e c t > < p a r a m > < o b j e c t < p a r a m > name = cdata n a m e value = cdata valuetype = type v a l u e n a m e v a l u e t y p e v a l u e d a t a r e f o b j e c t d a t a v a l u e r e f v a l u e U R L
294 Dreamweaver 3 o b j e c t v a l u e type = content-type 13.1.2 Java t y p e v a l u e t y p e r e f U R L < o b j e c t > J a v a < a p p l e t > J a v a < o b j e c t > < a p p l e t > H T M L < a p p l e t > < a p p l e t > J a v a < o b j e c t > < a p p l e t > < a p p l e t < / a p p l e t > J a v a < a p p l e t > i d n a m e c l a s s t i t l e s t y l e < i m g > a l t a l i g n w i d t h h e i g h t code = cdata U R L codebase = url name = cdata alt = text < / a p p l e t > width = length height = length c o d e b a s e < a p p l e t > < a p p l e t > < / a p p l e t > < p a r a m > <applet code"tetris.class" width="640" height="480"> </applet> 13.1.3 Dreamweaver D r e a m w e a v e r 13.2 Dreamweaver D r e a m w e a v e r S h o c k w a v e F l a s h
13 295 A c t i v e X J a v a I n s e r t M e d i a Flash Shockwave Generator Fireworks HTML U R L 1 3-1 13-1 13.2.1 Flash F l a s h M a c r o m e d i a F l a s h I n t e r n e t F l a s h F l a s h Netscape Navigator Internet Explorer A c t i v e X Netscape Navigator Internet Explorer F l a s h M a c r o m e d i a F l a s h F l a s h Flash 3 A f t e r s h o c k Flash 4 F l a s h D r e a m w e a v e r < o b j e c t > M i c r o s o f t A c t i v e X < e m b e d > N e t s c a p e < o b j e c t > N e t s c a p e N a v i g a t o r < e m b e d > < o b j e c t > D r e a m w e a v e r < o b j e c t > < / o b j e c t > < e m b e d > < / e m b e d > F l a s h 4. 0 Flash 3 3. 0 F l a s h F l a s h 1. F l a s h F l a s h 1) 2) I n s e r t M e d i a F l a s h Insert Flash F l a s h 13-2 ActiveX 3) F l a s h U R L
296 Dreamweaver 3 13-2 4) S e l e c t F l a s h 1 3-3 F l a s h 2. F l a s h F l a s h 13-4 13-3 Flash F l a s h < o b j e c t > n a m e 13-4 Flash W p c 1 2 p t i n m m c m % < o b j e c t > w i d t h H < o b j e c t > h e i g h t F i l e F l a s h U R L < o b j e c t > < / o b j e c t > < p a r a m > n a m e m o v i e v a l u e U R L
13 297 Ta g < o b j e c t > < e m b e d > Internet Explorer Netscape Navigator A l i g n < o b j e c t > a l i g n B g C o l o r < o b j e c t > < / o b j e c t > < p a r a m > n a m e b g c o l o r v a l u e I D A c t i v e X I D A c t i v e X < o b j e c t > i d B o r d e r s < o b j e c t > b o r d e r V Space < o b j e c t > v s p a c e H Space < o b j e c t > h s p a c e Alt Img U R L U R L < o b j e c t > < / o b j e c t > < i m g > < o b j e c t > < e m b e d > Q u a l i t y < o b j e c t > < / o b j e c t > < p a r a m > n a m e q u a l i t yv a l u e S c a l e < o b j e c t > < / o b j e c t > < p a r a m > n a m e s c a l ev a l u e L o o p < o b j e c t > < / o b j e c t > < p a r a m > n a m e l o o pv a l u e t r u f a l s e A u t o p l a y J a v a S c r i p t < o b j e c t > < / o b j e c t > < p a r a m > n a m e p l a yv a l u e t r u f a l s e P a r a m e t e r 13-5
298 Dreamweaver 3 + < o b j e c t > < / o b j e c t > < p a r a m n a m e P a r a m e t e r v a l u e Va l u 13-5 F l a s h <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100" height="100" c o d e b a s e = " h t t p : / / d o w n l o a d. m a c r o m e d i a. c o m / p u b / s h o c k w a v e / c a b s / f l a s h / s w f l a s h. c a b # v e r s i o n = 4, 0, 2, 0 " name="love" id="love" align="top" vspace="5" hspace="5" border="2"> <param name=movie value="resource/animation/love.swf"> <param name="quality" value="high"> <param name="scale" value="noborder"> <param name="loop" value="false"> <param name="play" value="false"> <param name="bgcolor" value="#ff0000"> < / o b j e c t > 3. 13-6 13-6 Flash 13.2.2 Shockwave S h o c k w a v e M a c r o m e d i a We b Macromedia Director F l a s h S h o c k w a v e N e t s c a p e N a v i g a t o r Internet Explorer A c t i v e X S h o c k w a v e D r e a m w e a v e r < o b j e c t > < e m b e d >
13 299 Macromedia Aftershock H T M L J a v a S c r i p t S h o c k w a v e A f t e r s h o c k S h o c k w a v e A c t i v e X 1. S h o c k w a v e S h o c k w a v e 1) 2) I n s e r t M e d i a S h o c k w a v e Insert Shockwave S h o c k w a v e 13-2 3) S h o c k w a v e 13-7 Shockwave U R L 4) S e l e c t 13-7 S h o c k w a v e 2. S h o c k w a v e S h o c k w a v e 13-8 Flash Shockwave 13-8 Shockwave < o b j e c t > n a m e W p c p t i n m m c m % < o b j e c t > w i d t h H < o b j e c t > h e i g h t F i l e S h o c k w a v e U R L < o b j e c t > < / o b j e c t > < p a r a m > n a m e s r c v a l u e U R L Ta g < o b j e c t > < e m b e d > Internet Explorer Netscape Navigator A l i g n < o b j e c t > a l i g n
300 Dreamweaver 3 B g C o l o r < o b j e c t > < / o b j e c t > < p a r a m > n a m e b g c o l o r v a l u e I D A c t i v e X I D A c t i v e X < o b j e c t > i d B o r d e r s < o b j e c t > b o r d e r V Space < o b j e c t > v s p a c e H Space < o b j e c t > h s p a c e Alt Img U R L U R L < o b j e c t > < / o b j e c t > < i m g > < o b j e c t > < e m b e d > P a r a m e t e r 13-5 + < o b j e c t > < / o b j e c t > < p a r a m > n a m e P a r a m e t e r v a l u e Va l u e S h o c k w a v e <object classid="clsid:166b1bca-3f9c-11cf-8075-444553540000" width="100" height="100" c o d e b a s e = " h t t p : / / d o w n l o a d. m a c r o m e d i a. c o m / p u b / s h o c k w a v e / c a b s / d i r e c t o r / s w. c a b # v e r s i o n = 7, 0, 2, 0 " name="love" id="love" border="2" vspace="5" hspace="5"> <param name="src" value="resource/animation/love.dcr"> <param name="bgcolor" value="#ff0000"> < / o b j e c t > 3. S h o c k w a v e F l a s h 13-9 13-9 Shockwave 13.2.3 Generator Macromedia Generator G e n e r a t o r
13 301 Flash 4 G e n e r a t o r G e t n e r a t o r We b 1. G e n e r a t o r G e n e r a t o r 1) 2) I n s e r t M e d i a G e n e r a t o r Insert Generator G e n e r a t o r 13-10 13-10 Generator 3) Template File B r o w s e 4) Ty p e 5) + < p a r a m > < p a r a m > 6) N a m e < p a r a m > n a m e 7) Va l u e < p a r a m > v a l u e 8) O K F l a s h F l a s 2. G e n e r a t o r H T M L D r e a m w e a v e r
302 Dreamweaver 3 13.2.4 Fireworks HTML F i r e w o r k s M a c r o m e d i a We b H T M L J a v a S c r i p t We b Fireworks HTML 1) 2) I n s e r t M e d i a Fireworks HTML Insert Fireworks HTML Fireworks HTML 13-11 13-11 Fireworks HTML 3) Fireworks HTML FileF i r e w o r k s H T M L U R L B r o w s e 4) Delete file after insertion 5) O K H T M L J a v a S c r i p t D r e a m w e a v e r 13.2.5 Java J a v a J a v a p p l e t J a v a J a v D r e a m w e a v e r J a v a D r e a m w e a v e r < a p p l e t > < / a p p l e t > < o b j e c t > < / o b j e c t > 1. J a v a J a v a 1) 2) I n s e r t M e d i a A p p l e t Insert applet 13-2 3) J a v a 13-12 Java U R L
13 303 4) S e l e c t 13-12 2. J a v a 13-13 Applet Name 13-13 Java < a p p l e t > n a m e W J a v a p c p t i n m m c m % < a p p l e t > w i d t h H J a v a < a p p l e t > h e i g h t C o d e < a p p l e t > c o d e B a s e C o d e U R L < a p p l e t > c o d e b a s e A l i g n < a p p l e t > a l i g n A l t < a p p l e t > a l t U R L < a p p l e t > < / a p p l e t > < i m g > < i m g > a l t V Space < a p p l e t > v s p a c e H Space < a p p l e t > h s p a c e P a r a m e t e r 13-5 + < a p p l e t > < / a p p l e t > < p a r a m > n a m e
304 Dreamweaver 3 P a r a m e t e r v a l u e Va l u e 13-13 <applet code="tetris.class" codebase = "resource/animation/" width="100" height="100" alt=" " n a m e = " Tetris" vspace="5" hspace="5"> < / a p p l e t > 13.2.6 ActiveX A c t i v e X O L E M i c r o s o f t M i c r o s o f t C O M Wi n d o w s J a v a A c t i v e X A c t i v e X A c t i v e X A c t i v e X A c t i v e X D r e a m w e a v e r A c t i v e X A c t i v e X Wi n d o w s Internet Explorer D r e a m w e a v e r < o b j e c t > < / o b j e c t > H T M L A c t i v e X 1. A c t i v e X A c t i v e X 1) 2) I n s e r t M e d i a A c t i v e X I n s e r t A c t i v e X A c t i v e X A c t i v e X A c t i v e X 13-14 ActiveX 13-14 2. A c t i v e X A c t i v e X 13-15 ActiveX Name 13-15 ActiveX < o b j e c t > n a m e W
13 305 p c p t i n m m c m % < o b j e c t > w i d t h H < o b j e c t > h e i g h t Class ID A c t i v e X A c t i v e X B a s e < o b j e c t > c l a s s i d E m b e d D r e a m w e a v e r < o b j e c t > < e m b e d > Netscape Navigator A c t i v e X < e m b e d > A c t i v e X S r c E m b e d Netscape Navigator D r e a m w e a v e r A c t i v e X < e m b e d > s r c A l i g n A c t i v e X < o b j e c t > a l i g n B a s e A c t i v e X U R L < o b j e c t > c o d e b a s e I D A c t i v e X I D A c t i v e X < o b j e c t > i d D a t a A c t i v e X S h o c k w a v e R e a l P l a y e r < o b j e c t > d a t a Alt Img A c t i v e X U R L U R L < o b j e c t > < / o b j e c t > < i m g > B o r d e r s < o b j e c t > b o r d e r V Space < o b j e c t > v s p a c e H Space < o b j e c t > h s p a c e P a r a m e t e r 13-5 +
306 Dreamweaver 3 < o b j e c t > < / o b j e c t > < p a r a m > n a m e P a r a m e t e r v a l u e Va l u e 13-15 <object classid="clsid:cfcdaa03-8be4-11 c f - B 8 4 B - 0 0 2 0 A F B B C C FA" width="100" height="100" name="bcast" id="bcast" align="top" vspace="5" hspace="5" border="2" codebase="http://www. r e a l p l a y. c o m " > < / o b j e c t > 3. A c t i v e X F l a s h S h o w k w a v e A c t i v e X 13.2.7 Netscape Navigator A c t i v e X Internet Explorer Netscape Navigator P l u g i n D r e a m w e a v e r Netscape Navigator p d f Netscape Navigator p d f p d f p d D r e a m w e a v e r < e m b e d > 1. 1) 2) I n s e r t M e d i a P l u g i n Insert Plugin 13-2 3) U R L 4) S e l e c t 13-16 13-16 2. 13-17 13-17 P l u g i n
13 307 < e m b e d > n a m e W p c p t i n m m c m % < e m b e d > w i d t h H < e m b e d > h e i g h t S r c U R L < e m b e d > s r c Plg Url U r < e m b e d > p l u g i n s p a g e A l i g n < e m b e d > a l i g n V Space < e m b e d > v s p a c e H Space < e m b e d > h s p a c e B o r d e r s < e m b e d > b o r d e r P a r a m e t e r 13-5 + < e m b e d > P a r a m e t e r Va l u e 13-17 <embed src="resource/b98.pdf" width="100" height="100" name="luxun" align="top" vspace="5" hspace="5" pluginspage="http://www.adobe.com" border="2"> < / e m b e d > 3. Vi e w P l u g i n s P l a y Vi e w P l u g i n s S t o p Vi e w P l u g i n s Play All Vi e w P l u g i n s Stop All