Using SWiSH with FrontPage 2000

This is a step-by-step tutorial on how to import your SWiSH (.swf) Movie into FrontPage 2000.

Note: FrontPage 2000 cannot embed your .swi (SWiSH working file format) Movie directly. You will need to export your SWiSH Movie in the Flash Player file format (.swf)

Importing your SWiSH Movie into FrontPage is a three-part process involving three files:

·the .swi file is your SWiSH Movie saved in the SWiSH native file format  
·the .swf file is your SWiSH Movie saved in the Flash Player file format  
·the .htm file is the web page that acts as a 'container' for the SWiSH Movie when it is displayed in a web browser.  

The .swi file is not required to play your SWiSH Movie in a web page, and does not need to be uploaded to your web server. Both the .swf and .htm files must be uploaded your web server and they must be in the same folder.


Step 1: Export your SWiSH Movie to SWF

1.Start with the Movie you created in the first tutorial or open "first.swi" from the Samples Menu  
 
2.Uncheck the 'Offset Movie to suit use as a Movie Clip' option on the Movie section of the Export Panel )  

Note:
If you can't see the 'Export' Panel, select Export from the Panels Menu

3.   Select exportswf.png Export | Swf from the File Menu

fp_fileexportswf.png  

   You can also press the exportswf.png 'Export to SWF' button on the Export Toolbar if this toolbar is visible. If the button is not visible, select View | Customise | Toolbars. The dialog box will enable you to turn on the Export Toolbar

4.   You should now see the 'Export to SWF' dialog box. Choose the same folder where your web page (.htm) file is located, enter a file name of "first.swf" (without quotes) and press the 'Save' button

Note: You must save the Flash Player (.swf) file in the same folder as the web page (.htm) file


Step 2: Copy HTML to Clipboard

1.   Select Export | HTML to Clipboard from the File Menu. This copies the HTML code required to display the SWiSH Movie onto the Windows Clipboard so you can paste it into your web page

fp_fileexporthtmltoclipboard.png  


Step 3: Insert your SWiSH Movie into a web page using FrontPage

1.   Start FrontPage and open the web page (.htm file) where you want to insert the SWiSH Movie. If you are inserting the SWiSH Movie into a new web page, you should first save the empty web page in the same folder as the .swf file

2.   Position the caret at the place in your web page where you want to insert the SWiSH Movie

3.   From the FrontPage Main Menu, select Insert | Advanced | HTML...

fp_insertadvancedhtml.png  

4.   You should now see the 'HTML Markup' window. Right-click in the text area and choose Paste.
   The 'HTML Markup' window should now look the screenshot below:

fp_htmlmarkup.png  

   Press OK on the 'HTML Markup' window

5.   Change to the HTML tab in FrontPage.

fp_viewhtml.png  

   You should now see the following HTML code inserted into your web page:

<!--webbot bot="HTMLMarkup" startspan -->  
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  
  codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"  
  id="first" width="700" height="450">  
  <param name="movie" value="first.swf">  
  <param name="quality" value="high">  
  <param name="bgcolor" value="#FFFFFF">  
  <embed name="first" src="first.swf" quality="high" bgcolor="#FFFFFF"  
    width="700" height="450"  
    type="application/x-shockwave-flash"  
    pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">  
  </embed>  
</object>  
<!--webbot bot="HTMLMarkup" endspan -->  
 
Note: You should not modify any of the HTML code between the <object> and </object> tags

6.   Change to the Preview tab in FrontPage.

fp_viewpreview.png  

   You should now see the SWiSH Movie playing inside your FrontPage web page


Trouble-shooting
The most common mistake is to not save the web page (HTML) file and Flash Player (.swf) file in the same folder. If these files are not in the same folder, or the .swf file is missing, your SWiSH Movie will not play. When you upload the web page to your web server, you should make sure that the .swf and .htm files are in the same folder on your web server as well.



[Previous] [Main] [Next]