Although Flash 5’s Publish feature takes a lot of the guesswork out of placing Flash movies into HTML pages, you might want to add HTML graphics and text to the page, too. Macromedia Dreamweaver has been a huge hit with Web designers its roundtrip HTML feature keeps your HTML code just the way you like it. Roundtrip HTML refers to Dreamweaver’s capability to transfer HTML code back and forth between applications, keeping your preferred formatting intact Dreamweaver will not write over your own code. New features of Dreamweaver 4 include:
Working with your Flash movie
After you have created an interactive animation and have exported the file into the .SWF format, it’s time to put the file into your HTML document.
Let’s get started. First, create a new document in Dreamweaver, using File➪New (Command+N or Ctrl+N). Next, insert the Flash file by selecting Insert➪Media➪ Flash, or by using the Objects Panel, and clicking the Flash icon, as shown in the following figure. If you prefer to use keyboard shortcuts, try Option+Command+F (or Ctrl+Alt+F on the PC). The Select File dialog appears. Now, browse your folders until you find a .SWF file to import.
Select a Flash .SWF file and click Select. You should see a gray rectangle with a small Flash symbol in your Dreamweaver document, indicating that this is a Flash movie .
Click the Flash object icon on the Objects Panel to insert a Flash movie.
You should also notice that your Flash file now appears in the Dreamweaver Properties Inspector, as shown below, which displays the properties most commonly used in Dreamweaver . If the Properties Inspector is not visible, access it with Window➪ Properties (Command+F3 or Ctrl+F3). If all of the properties are not displayed, click the expand arrow in the lower-right corner or double-click the inactive areas of the inspector. The inspector hosts many options and controls:
The Properties Inspector in Dreamweaver 4
Flash properties in the property inspector
Positioning your movie
The easiest way to center your Flash movie within the browser window is to surround the <EMBED> and/or <OBJECT> tags with the <CENTER> </CENTER> tags. This method will not cause the movie to stretch or expand, thereby revealing the workspace of the Flash movie. There is, of course, another way to center the Flash movie in the browser all you need to do is set the width and height dimensions to 100 percent.
Although most Web sites are viewed in full-screen capacity, some users scale their browser to their own desired size, which may adversely impact the aspect ratio (the height and width ratio) of your movie. The scale option enables you to select three options to achieve the desired perspective. These options are:
Inserting a Flash Button
New to Dreamweaver 4 is the capability to create Flash Button objects based on predetermined button styles. These styles look much like the Button Library that ships with Flash 5. Dreamweaver actually lets you edit the text labels and links of these buttons. Dreamweaver will also create a .SWF file that is placed in the same directory as the current HTML document.
Select the Flash Button icon within the Objects Panel, or select Insert➪Interactive Media➪ Flash Button. Alternatively, you can drag the Flash Button icon from the Objects Panel and into the document window. Using either method will enable you to access the Insert Flash Button dialog, shown below.
Scroll through the library of available button styles
Now select a Button style from the list provided. Dreamweaver provides you with a preview of the Button style. You can also click and rollover the Button style to preview how the Button will behave. However, you will not be able to preview any changes to the text or Bg color in this window.
Next, in the Button text field, type the text that you would like to see. This field doesn’t work for every button style. If the button preview has the words Button Text on the button, then you will be able to type in your own text. Also, the amount of text is limited to the width of the Button.
For the Font field (optional), select a font for the text and the font size from their respective drop-down menus. For the Link field (optional), type a file name (or URL) or click the Browse button to locate the file to link to. The link can be either a document-relative or absolute link for the button. If you try to type in a site-relative link, Dreamweaver will prompt you with a error message. This error occurs due to the manner in which that Flash files have to be saved in relation to the HTML document files.
The Target field (optional) enables you to choose a target frame or target window from the drop-down menu. The Bg field (optional) enables you to choose a background color for your Flash button within a rectangular area. You can either type in a hexadecimal color value (for example, #0066FF) or use the color well to select a background color. For the Save As field, type in a name to save your new .SWF file as, or accept the default button name. You could also choose a different location for the SWF to be saved by clicking the Browse button and then finding the folder to place your Flash button .
If you can’t find a Button style that suits you, click Get More Styles to connect to the Macromedia Exchange site to download even more button styles. Finally, click Apply or OK to insert the Flash button into the document window. If you clicked Apply, you will not leave the Button dialog; instead, you will be able to preview your new Button on the page.
Editing a Flash Button
There are two ways to open the Edit dialog for Flash Buttons: (a) you can doubleclick the Flash button, or (b) you can select the Flash button and click the Edit button in the Property Inspector. More options are available within the Properties inspector. Bg color and File source are the only two options that are repeated from the Edit dialog.
Inserting a Flash Text Object
The Flash Text Object enables you to insert a body of Flash Text with a simple rollover effect. Inserting the Flash Text Object is very similar to inserting the Flash Button. Simply select the Flash Text icon in the Objects Panel, or choose Insert➪Interactive Media➪ Flash Text. This brings up the Insert Flash Text dialog, shown below.
Then follow these steps to format and insert your text:
Dreamweaver 4 enables you to place antialiased Flash Text within an HTML document.
Editing a Flash Text Object
There are two ways of opening the Edit dialog for Flash Text: (a) you can doubleclick the Flash Text Object, or (b) select the Flash Text object and click Edit in the Property inspector.
Directing the browser to the Flash plug-in
Perhaps one of the greatest timesaving features of Dreamweaver 4 is to its automatic inclusion of plug-in download locations for both Netscape and Internet Explorer (ActiveX). The following example of code will appear in your HTML document (note that the ¬ indicates continuation of the same line of code) it simultaneously places the Flash movie in your document and also directs the browser to the download location of the Flash Player plug-in if it is not installed:
Publishing the HTML document
Animation techniques using layers
The window mode parameter for Flash movies currently only works with the Windows 95/98/NT versions of Internet Explorer 4.0 or higher. The window mode parameter, wmode, lets the background of a Flash movie drop out, so that HTML or DHTML content can appear in place of the Flash movie background. Because support for this option is not broadly supported, you are unlikely to find very many Web pages that use it. However, if you want to try it out, it’s pretty simple.
First, make sure that your Flash movie is on its own DHTML layer if you want to animate other material behind or in front of the Flash movie. In the Dreamweaver Properties Inspector for Flash movies, click the Parameters button. In the Parameters dialog, click the + button above the Parameter column. Enter wmode in the left column. Click under the Value column, and enter one of the three options:
Note that the Flash movie’s frame rate and performance may suffer on slower machines when this mode is used, because the Flash movie needs to composite itself over other non-Flash material. The wmode parameter is only recognized by 32-bit Windows versions of Internet Explorer 4 or higher. If you are using browser detection on your Web pages, you can divert visitors using these browsers to specialized Flash and DHTML Web pages.
Flash Related Interview Questions
|Adv Java Interview Questions||J2EE Interview Questions|
|Adobe Flex 3 Interview Questions||Dreamweaver Interview Questions|
|3D Animation Interview Questions||Adobe Flash CS6 Interview Questions|
|Dreamweaver CS3 Interview Questions||Adobe Flex Interview Questions|
|Adobe Flex Actionscript Interview Questions||Gif Animation Interview Questions|
|Adobe Fireworks Interview Questions|
Understanding The Flash Framework
Exploring The Interface: Panels, Settings, And More
Using Tools For Navigation And Viewing
Working With Selections And The Pen Tool
Working With The Drawing And Painting Tools
Working With Text
Exploring The Timeline
Checking Out The Library: Symbols And Instances
Drawing In Flash
Animating In Flash
Using Bitmaps And Other Media With Flash
Designing Interfaces And Interface Elements
Understanding Sound For Flash
Importing And Editing Sounds In Flash
Optimizing Flash Sound For Export
Understanding Actions And Event Handlers
Navigating Flash Timelines
Controlling Movie Clips
Sharing And Loading Assets
Planning Code Structures
Creating Subroutines And Manipulating Data
Understanding Movie Clips As Complex Objects
Sending Data In And Out Of Flash
Understanding Html And Text Field Functions In Flash
What Is Generator?
Revving Up Generator
Working With Third-party, Server-side Applications
Working With Raster Graphics
Working With Vector Graphics
Working With Audio Applications
Working With 3d Graphics
Working With Quicktime
Working With Realplayer
Creating Full-motion Video With Flash
Creating Cartoon Animation With Flash
Planning Flash Production With Flowcharting Software
Working With Authoring Applications
Publishing Flash Movies
Integrating Flash Content With Html
Using Players, Projectors, And Screensaver Utilities
All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd
Wisdomjobs.com is one of the best job search sites in India.