In the previous section of “How To Create A Website In Flash”, we have discussed some crucial steps with ample illustration. Here in this section we will try to over up the rest of steps so that our visitors will be able to design a website in flash. If you can manage to learn the steps, it will definitely help you to resolve some crucial issues associated with web development. Lets learn the rest of the steps:
After Adding Content
Now the content has been added. So in the next stage, we have to insert background images. For this purpose, you just have to choose file>import and then select the image. After uploading the image place it in the middle section of the stage.
Import
After the completion of this task, you have to select the Content layer. After selecting Content layer, right click on its third frame and choose the option named “Insert Blank Keyframe ”. You have to ensure the fact that this frame must include the content of the first section. An introduction text will be displayed here. From the toolbar, select Text tool option and write the text according to your requirement. You can write an introductory note about your website here in this section.
Adding Content In the Second Section
In the similar way you have to add content from the second section that you can name as “Tutorials”. For this purpose, you have select the fourth frame of the Content layer and select again the Insert Blank Keyframe. Add different text in this section related to the page.
Using Hyperlink
You can add content in another page in the same fashion. Even you can hyperlink a text by simply selecting the desired text and then assign a URL by accessing the Properties Inspector.
Create the Buttons
Macromedia flash offers a unique opportunity to add readymade flash button. What you have to do is to select the Buttons layer. After that, right click on its third frame and choose the Insert Keyframe option. You have repeated the same process thrice. After that, you have to select the Insert Frame command after right clicking on the fifth frame.
Once you have completed this task, you have to add the actual buttons in it. We will suggest you to opt for component as oppose to creating new ones. You can access the component section by choosing Window>Components. You will a number of button components in the category “User Interface”. Just drag and drop whatever you like.
You have go to Properties Inspector after selecting the buttons and then select the Parameters tag. Change the descriptive tags of the buttons as Home, Tutorials, Forum or anything you like. An instant name has to be given to each button for controlling them by using the ActionScript.
ActionScript
Now we have designed all the visual elements of our website. In the next stage, we have to write some code for instructing these buttons to go to specified section when they will be clicked. Select the Action layer and then right click on the third frame and choose Insert Blank Keyframe option. After setting up the new Keyframe, you have to right click on the third frame for opening the Action command. The movie that we will include in this website will be instructed to stop at the home frame by using this actionscript. You can do that simpley by copying and pasting this code:
stop();
home_btn.onRelease = function () {
gotoAndStop(3);
}
tutorials_btn.onRelease = function (){
gotoAndStop(4);
}
forum_btn.onRelease = function (){
gotoAndStop(5);
}
Now, the task is complete. Check out the functionality of your first flash website. We hope that this tutorial has helped you a lot to create your first website in flash.










May 22nd, 2009 at 8:38 am
Nice work again on the simplification of this software - in terms of cross platform though - there are a few differences and especially where CS4 has come in and monkeyed-around with a few things. This tutorial looks very AS2-based which is fine for most things - website’s in flash though (as there are a lot of repeat functions and the like) are probably best suited to as3 development