We will start by inserting the required layers, insert 4 additional layers.
In order from the bottom layer to the top layer, sections, title, stitle, navigate and actions(the order does not matter too much, this is the order I used).
Select modify from the top menu bar, than select the option document, change the background colour(preferably not white).
We will now insert all the required keyframes and frames needed to make the website.
Actions- Insert a frame at frame 4
Navigate- Insert a frame at frame 4
Stitle- Insert a keyframe in frames 2, 3 and 4 leaving you with 4 key frame in the layer.
Title- Insert a frame in frame 4
Sections- Insert a keyframe at frames 2, 3 and 4 leaving you with 4 keyframes.
Select the window option from the top menu bar, then select the option components.
Under the user interface section, double click on the button option.
Now there will be a on the stage and one in the library. Drag the button to the left of the stage(this will be so the user can navigate between pages).
NOTE: Make sure the button is on the navigate layer.
When you have positioned it where you want it, select it, then press:
Ctrl C
To Copy the Button
Ctrl Shit V
To Paste the Button In Place.
Using the arrow keys, position the copied button underneath the previous button(you may put this next to your button, depending on your layout).
Using the same method, ctrl c and ctrl sift v, put another button underneath the copied button. Now copy and paste one more under the button you just pasted, you should now be left with for buttons.
Now we don’t want the button name to be button obviously, however, we change the name using a different method when using a compiled button.
Select top button, now open up the properties inspector, then click on the tab labeled parameters. Just under icon, there will be a box that says label in it, next to it there will be a box that says button, change the box that says button to Home.
Give it an instance name of homepage. (the main page for a website)
Now select the bottom underneath the home button, and label it Tutorials, give it an instance name of tutorials.
Select the button under Tutorials and label it Tips, give it an instance name of tips also.
Select the button underneath tips and label it Did You Know? Give it an instance name of dyk.
We will now apply all the actions that will be required for the website.
Right click on the first frame in the actions layer, and select the option actions.
On the first line type in:
stop();
tutorials.onRelease = function() {
gotoAndStop(2);
}
tips.onRelease = function() {
gotoAndStop(3);
}
dyk.onRelease = function() {
gotoAndStop(4);
}
homepage.onRelease = function() {
gotoAndStop(1);
}
Now lets put the sections together. On the second keyframe in the sections layer, write out something like, “Welcome to my website”.
On the third keyframe of the sections layer write out something like “Great tips to get you started”.
On the fourth frame of the sections layer write out something like “Did you know http://www.learnflash8pro.blogspot.com/ is a great site for learning flash”.
Now for the first frame of the title layer, we want to insert the name of a website, for example, I would insert the text Learn Flash 8 Professional. This title will appear on every frame so make sure that it does not interfere with any of the other pages.
Last but now least the Stitle layer, this is to simple name the current page, so for example on the first frame you would write something like, homepage, the second would say tutorials and so on.(it is basically to tell the user what the current page features).
And that is how you make a website using flash, add some animations to make it look a bit better, it's always good to have an attractive website.
No comments:
Post a Comment