Create a Basic Flash Website

Flash Game Design

Tutorials

Articles

This Flash tutorial will show you how to create a basic flash website. View Site

Flash website	Shooting Bullets	Jagged Transition	Circular Slideshow


Falling Star Text	Basic Flash Site	Rotatin Gallery	Drop Down Menu

Step 1.

First of all make a new Flash document with dimensions of 700 width by 500 height. Name the first layer "main" and the second layer "script". Then create 2 blank key frames (f7) on each layer. First of all we're going to create a preloader, which will make sure the whole of the flash website is loaded before the user sees it. It also indicates to the user that something is happening, rather than them seeing a blank canvas, while it loads. So, on the 1st frame of the "main" layer create add the text "loading", using these settings.

a )		b)

Step 2.

Make sure the text is selected and convert it into a Movie Clip Symbol (Modify > Convert to Symbol or F8) called "load".

Step 3.

Now that the text is in it's own Movie Clip, double click on it and create the text "99%" using these settings. You'll notice that instead of choosing static, as with the "loading" text, the text has been made dynamic. This allows the text to be changed with actionscript, while the user is on the website. The letter "p" has also been added in the field "Var". This gives the text a variable (p) which will store the information that we want to be displayed in the text box. As the website loads "p" will hold the current percentage that the site has loaded to.

Step 4.

Next, go back to the main timeline and select the "load" Movie Clip that we just create, and add the code shown below. This code checks to see how much of the flash file has loaded and displays the percentage in the text. Once the whole of it is loaded, the timeline will go to frame 2, where we are going to create the website Movie Clips.

Step 5.

Before we do that, a stop() action is needed on the first frame, so that the site can load. This will prevent it from going to frame 2, where the site will be.

Step 6.

Next import (File > Import > Import to Stage) the header, that i created In Photoshop, onto the 2nd frame of the "main" layer. If you use your own header, bare in mind it'll need a space at the bottom (peach part) for the buttons. From the properties panel, set the x and y position of the graphic to 19.

Step 7.

While the graphic is still selected, convert it to a Movie Clip symbol (F8) called "main" and then double click on it

Next, go to part 2 of this Flash website tutorial.

Part: 1 | 2 | 3