How to Use Flash in Dreamweaver Templates
Dreamweaver and flash are two peas in a pod. They have been designed to work together for publishing websites. You can jazz up webpages by using flash in Dreamweaver templates.
Other People Are Reading
Instructions
-
-
1
Launch the Dreamweaver application and click 'new' under the file menu panel. Click 'basic page' under the category and HTML under basic page in the general template side of the new document panel. The new document panel drops down when the options are chosen as described above. A basic HTML template will be made. Choose any type of page template under the categories.
-
2
Save the document in a folder on your desktop as index.html or index.htm. For this step, choose the menu option 'insert' and in the drop down panel choose 'media.' There are several options to insert flash: flash, image viewer, flash text or flash button. Choose flash text. A box will launch titled 'insert flash text.' Type the words "Hello World" into the box and choose the color, the rollover color, font styles, font size and make a link. Dreamweaver will save the text flash as 'text1.swf' when your document is saved, unless you rename the file. Choose 'apply' and the flash text will appear on your document.
-
-
3
To insert a flash button follow the same steps outlined in Step 2, choose flash button option instead of flash text and choose your button options. Dreamweaver will save the button as 'button1.swf' when the document is saved.
-
4
To insert a flash slide show follow the same steps outlined in Step 2, except choose the image viewer option. A gray square will appear on the HTML document. The square will have an 'f ' logo in the center. In the Dreamweaver application, there will be property panels and a tag inspector window. Double check to make sure they are opened.The property panel and the tag inspector panel are used to choose images and options for the flash slide show. If the windows are not open open them in Dreamweaver on the menu panel under the menu option 'windows.' On the HTML page, select the gray box and the tag inspector options will appear. Input the image links, imageLink targets and image URLs. Choose the options for the slide show controls, background color, frame thickness, captions and caption colors. Customize the look of the slide show. Dreamweaver will name the slide show 'untitled.swf' when the page is saved.
-
5
The size of the slide show can be manipulated to match the image sizes by dragging the corner of the box or entering the exact size of the images inside the property panel. Save the document and then open it with a browser to be sure of the design, look and feel of your new flash slide shows, flash text and flash buttons.
-
1
Tips & Warnings
When using the image viewer option in Dreamweaver, one can select the options to specific colors and sizes in the tag inspector. Try selecting different options to experiment on the design and look of your slide shows, flash buttons and flash texts. Be sure the image files are exactly where the HTML file and flash slide show is pointing in the HTML code.
Save your files often, keep the folders organized.
Resources
- Photo Credit Kimberlee Ketring
More Like This
Comments
-
azurite
Aug 28, 2009
This is a very helpful tutorial! I was worried I'd have to get some expensive extension for Dreamweaver in order to do this. It's nice to know I don't have to. However, on Step 4, I'm getting hung up. It wants me to save the Flash file before I've specified the images to be used. After I've changed the images in the Object tag window, the Flash file doesn't change to reflect the images. How do I get the Flash file to see the images properly?
