Lesson 10: Creating the Web Page

You can create a Web page using nearly any text editor, provided that you know HTML, as you can see in Chapter 2. Using your favorite Web page editor (it could be Windows Notepad) you will create a page that incorporates your Flash movie.

1. If you named your movie crash, look in the folder where you saved the movie. You should have three files named crash, (crash.fla, crash.swf and crash.html. You will need the swf and html files for your Web site. The FLA file is what you use to edit the movie. The movie must be compiled into the flash player (SWF) format to play on the Web.

2. Launch your HTML editor (Macromedia Dreamweaver, Microsoft FrontPage, Netscape Composer, NotePad, etc.)

3. Enter the code shown in Figure QS-13 to create a basic web page or create one of your own design.

Figure 13

HTML code for Hi-Risque Underwriters

<html>
<head>
<title>Hi-Risque</title>
</head>
<body bgcolor="#00FFFF">
<h1 align="center"><font color="#FF0000">Hi-Risque Underwriters</font></h1>
<h2 align="center"><font color="#0000FF">The Web site for High Risk Dudes</font></h2>
<h3 align="left"><font color="#800080">If you like our Flash Intro, then you
need our Insurance. Check out the great rates we have for bad risk/high risk
professions.</font></h3>
</body>
</html>

4. Paste the code from the crash.html page between the <body> and </body>

Figure 14

HTML code for the Crash.swf movie.

<p align="center">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
WIDTH=550 HEIGHT=400>
<PARAM NAME=movie VALUE="crash.swf"> <PARAM NAME=loop VALUE=false> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <embed src="crash.swf" loop="false" quality="high" bgcolor="#FFFFFF" WIDTH="550" HEIGHT="400" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</OBJECT>

5. The example shown here is of a very simple page, but you can create a much more elaborate web page if you wish.

You are now ready to go online. How you go about this is dependent upon how you access your Web site in general. If you have been maintaining a Web site, you will have a method for getting the files onto the server. Some applications are able to automate the process for you. Another, very simple way, of posting files to a Web server is via FTP. If you have FTP access, you copy the files to a URL just as you copy files between folders on your local hard drive. There are a number of programs you can download from the Web that provide a Windows interface for FTP (File Transfer Protocol).

However you get your files to a Web server, you must be sure to add the movie’s HTML code to the Web page as shown above and also to copy the SWF file to the same directory location (URL) as the page.

TOP

Previous page    Return to Beginning

[ Home ] [ Up ]

Send mail to webmaster@hitekdesigns.com with questions or comments about this web site.
Copyright © 1998 HiTek Designs. All Rights Reserved.