How To : Create Simple flash site

In this tutorial i’m using Flash MX 2004,it will work on some of the previous versions also.Start the flash,then click File>New>From general tab>Flash document.It will load the stage with 550 x 400 pixels,you can change this as per your need.We’ll keep the default settings here.

Creating buttons

Choose the gray color in your pain bucket then click the rectangle tool in the left of your toolbox.Draw the shape on the stage with parameters 75 x 27.You can change these parameters by selecting the whole shape and clicking on properties panel.

Select the whole shape and press F8 or CTRL+F8 to convert this shape into button.Choose “button” as name and top left registration point.Double click on button to edit,then insert keyframe into Over,Down and Hit.Now select the “Over” and then choose light gray color in paintbucket.Simmilarly choose Down and select the off white color,drop on it.Now return to the Up frame,then create a new layer.Select the Text tool from toolbox and create text block inside the button,write Folio with white text color.

Now our button is ready,to create the multiple buttons just open your library by pressing CTRL+L.Select the button then right click>Duplicate>Name “button1″,with left registration point as it is.Double click on it to edit it,click the text box “Folio” and change it with another name as”About”.Then drop your buttons on the stage,align them as per your choice.

 

 

The stage & content

When you finish with the buttons,Add keyframe (use F6) at 6,11 frames in layer1.Add new layer into the stage and rename it as Actions,Now add keyframe 6,11 to this layer also and lable them as folio and about with the help of properties inspector so that we can point our buttons to these keyframes.Create another layer rename it as content with keyframes at 6 and 11.then select the keyframe 6,with text box and add some folio details.Follow the same for the keyframe 11 for about details.

 

 

Final Actions

Select the first keyframe of layer 1,then press F9.Now insert the following code into actions dialog box.

 

stop();

 

Click on “Folio” button and press F9,then insert the code:

 

on(release){  gotoAndStop("folio");  }

 

Click the about button and press F9,insert the code:

 

on(release){  gotoAndStop("about");  }

 

Now you are done with actions.Press CTRL+ENTER to test your movie.You can click on each button to test your content.If you followed as per this tutorial then your site should work properly.

You can add more features to your website by:
1.Adding cool pre-loader
2.Adding animated eye-candy movieclips,buttons
3.Using cool fonts

That was easy! you completed the tutorial.I hope the information helped,if you have any question regarding this tutorial or comments,suggestions.Please don’t hesistate to post them here.