Creating A Simple Website With Flash

Blackveiled

Blackveiled

Formerly, Ban-Lord
Reaction score
157
Creating A Simple Website​
With Flash!​


(Mini Example: http://banlord.110mb.com (This is my experimental flash website, this is what I'm going to show you how to make, but yours may look better. I'm not good with graphics.)
(Note: Sorry for poor quality in the pictures, Paint wont save stuff right, so i'm using .GIF for now.)
Recommended Skill: At least some knowledge creating graphics and layer setups with Flash.

INTRODUCTION
Ever want to make a website with flash that has those neat little looks and catchy animations? This won't teach you how to make the neat graphics with flash, but it can help you get the scripting correct.


SETTING UP THE WEBSITE
1. Goto File > New > Flash Document
2. Now goto File > Publish Settings then change the .swf file to: myWebsite.swf, and anything else.
publishsettuplm1.gif



3. Now goto Modify > Document... Then change the WidthxHeight setups.

I'm going to choose 400x400.
OPTIONAL: You can also choose a background color.
SUGGESTED: It is suggested to change the set FPS to 30-50 also.

4. Create a new Layer and name it ActionScript
insert-layer_MX04.gif


CREATING THE GRAPHICS
1. User-friendly websites, often have boxed up text boxes and such. So, create a banner, put your website name on it.
2. Now goto Window > Common Libraries > Buttons, Then you will get a list of folders, use the button called Button Bar > bar <color>.

NAVIGATION
1. Some websites, you notice have their navigation categorized and such. Well heres how you do it.
2. Name the button, Navigation.
3. Change the properties of the button from, Button to Movie Clip.
4. Now, create a box, with two arrows pointing down, .. Convert to Symbol > Button
5. Now goto the Navigation Movie Clip, and add a layer called ActionScript
insert-layer_MX04.gif

6. Now add the following code to the first frame:
Code: 
[COLOR="Blue"]stop[/COLOR]();
7. Now add a new Keyframe to both the ActionScript frame and frame with the clip. Now place the button you created on the first frame, and then place it on the next frame.
8. Now create a new button, same type as your movie clip, and then place it on the second keyframe of your Graphic.
9. Now press the button with the arrows on it, or whatever you chose, and add the following script:

Code: 
[COLOR="blue"]on[/COLOR]([COLOR="blue"]rollOver[/COLOR]) {
		[COLOR="blue"]_root[/COLOR].<Instance Name>.[COLOR="blue"]gotoAndStop[/COLOR](2);
}
[COLOR="blue"]on[/COLOR]([COLOR="blue"]rollOut[/COLOR]) {
		[COLOR="Blue"]_root[/COLOR].<Instance Name>.[COLOR="blue"]gotoAndStop[/COLOR](1);
}
Tip: Instance names are the names that you place on the object on the main pages. Click the movie clip, look at the bottom left of the Properties panel, and look for the text box that says <Instance Name> in it. Also take note, if the instance name isn't set correctly, the script WILL NOT work.
instancenamegx7.gif


10. Now on place that same script, on the same button with the arrows on the second keyframe.
11. Now, on the button that will come up on the next keyframe, place this script on it.

Code: 
[COLOR="Blue"]on[/COLOR]([COLOR="blue"]release[/COLOR]) {
		[COLOR="blue"]getURL[/COLOR]([COLOR="SeaGreen"]"http://"[/color],[color="SeaGreen"]"_blank"[/color])
}
[COLOR="blue"]on[/COLOR]([COLOR="blue"]rollOver[/COLOR]) {
		[COLOR="blue"]_root[/COLOR].<Instance Name>.[COLOR="blue"]gotoAndStop[/COLOR](2);
}
[COLOR="blue"]on[/COLOR]([COLOR="blue"]rollOut[/COLOR]) {
		[COLOR="blue"]_root[/COLOR].<Instance Name>.[COLOR="blue"]gotoAndStop[/COLOR](1);
}
This code below, will switch the frames you want to move to.
Code: 
[COLOR="Blue"]on[/COLOR]([COLOR="blue"]release[/COLOR]) {
		[COLOR="blue"]_root[/COLOR].[COLOR="blue"]gotoAndStop[/COLOR](24);
}
	[COLOR="blue"]on[/COLOR]([COLOR="blue"]rollOver[/COLOR]) {
		[COLOR="blue"]_root[/COLOR].<Instance Name>.[COLOR="blue"][COLOR="blue"]gotoAndStop[/COLOR][/COLOR](3);
}
[COLOR="blue"]on[/COLOR]([COLOR="blue"]rollOut[/COLOR]) {
	[COLOR="blue"]_root[/COLOR].<Instance Name>.[COLOR="blue"]gotoAndStop[/COLOR](1)
}

12. Now place the navigation bar onto your website, and then test to see if it brings down a menu. If it doesnt, you may need to place the Instance Name path you set to your script. Also, if it doesn't animate correctly, you may have done something wrong.

TIPS
Here are some tips to making your website look nice, and be more USER-FRIENDLY.

Add a preloader - Some users sometimes use 56k internet connections, and if they visit your website and its lagging and the flash doesn't load, then they will just guess its glitched and leave.

Use Custom Art - Custom Art will make your website stick out!

If you see something on the tutorial and don't understand it, tell me and I will re-change that section of the tutorial.

RESOURCES
http://flashkit.com/ <--- You can find scripts, preloaders, and art, and a great flash support forum.
 
E

elmstfreddie

The Finglonger
Reaction score
203
True, also, since this is a website tutorial, you might wanna mention internet navigation (getURL).
 
You must log in or register to reply here.
General chit-chat
Help Users
  • No one is chatting at the moment.
  • Varine Varine:
    How can you tell the difference between real traffic and indexing or AI generation bots?
  • The Helper The Helper:
    The bots will show up as users online in the forum software but they do not show up in my stats tracking. I am sure there are bots in the stats but the way alot of the bots treat the site do not show up on the stats
  • The Helper The Helper:
    New recipe is Shipwreck Dinner - https://www.thehelper.net/threads/recipe-shipwreck-dinner.193511/
  • Varine Varine:
    I want to build a filtration system for my 3d printer, and that shit is so much more complicated than I thought it would be
  • Varine Varine:
    Apparently ABS emits styrene particulates which can be like .2 micrometers, which idk if the VOC detectors I have can even catch that
  • Varine Varine:
    Anyway I need to get some of those sensors and two air pressure sensors installed before an after the filters, which I need to figure out how to calculate the necessary pressure for and I have yet to find anything that tells me how to actually do that, just the cfm ratings
  • Varine Varine:
    And then I have to set up an arduino board to read those sensors, which I also don't know very much about but I have a whole bunch of crash course things for that
  • Varine Varine:
    These sensors are also a lot more than I thought they would be. Like 5 to 10 each, idk why but I assumed they would be like 2 dollars
  • Varine Varine:
    Another issue I'm learning is that a lot of the air quality sensors don't work at very high ambient temperatures. I'm planning on heating this enclosure to like 60C or so, and that's the upper limit of their functionality
  • Varine Varine:
    Although I don't know if I need to actually actively heat it or just let the plate and hotend bring the ambient temp to whatever it will, but even then I need to figure out an exfiltration for hot air. I think I kind of know what to do but it's still fucking confusing
  • The Helper The Helper:
    Maybe you could find some of that information from AC tech - like how they detect freon and such
  • Varine Varine:
    That's mostly what I've been looking at
  • Varine Varine:
    I don't think I'm dealing with quite the same pressures though, at the very least its a significantly smaller system. For the time being I'm just going to put together a quick scrubby box though and hope it works good enough to not make my house toxic
  • Varine Varine:
    I mean I don't use this enough to pose any significant danger I don't think, but I would still rather not be throwing styrene all over the air
  • The Helper The Helper:
    New dessert added to recipes Southern Pecan Praline Cake https://www.thehelper.net/threads/recipe-southern-pecan-praline-cake.193555/
  • The Helper The Helper:
    Another bot invasion 493 members online most of them bots that do not show up on stats
  • Varine Varine:
    I'm looking at a solid 378 guests, but 3 members. Of which two are me and VSNES. The third is unlisted, which makes me think its a ghost.
     +1
  • The Helper The Helper:
    Some members choose invisibility mode
     +1
  • The Helper The Helper:
    Latest Recipe is Garlic Parmesan Chicken https://www.thehelper.net/threads/recipe-garlic-parmesan-chicken.193575/
  • The Helper The Helper:
    I bitch about Xenforo sometimes but it really is full featured you just have to really know what you are doing to get the most out of it.
  • The Helper The Helper:
    It is just not easy to fix styles and customize but it definitely can be done
  • The Helper The Helper:
    I do know this - xenforo dropped the ball by not keeping the vbulletin reputation comments as a feature. The loss of the Reputation comments data when we switched to Xenforo really was the death knell for the site when it came to all the users that left. I know I missed it so much and I got way less interested in the site when that feature was gone and I run the site.
  • Blackveiled Blackveiled:
    People love rep, lol
     +1
  • The Helper The Helper:
    The recipe today is Sloppy Joe Casserole - one of my faves LOL https://www.thehelper.net/threads/sloppy-joe-casserole-with-manwich.193585/
  • The Helper The Helper:
    Decided to put up a healthier type recipe to mix it up - Honey Garlic Shrimp Stir-Fry https://www.thehelper.net/threads/recipe-honey-garlic-shrimp-stir-fry.193595/

      The Helper Discord

      Staff online

      Members online

      Online now:
      420 (members: 2, guests: 418)

      Share this page

      Affiliates

      Hive Workshop NUON Dome World Editor Tutorials

      Network Sponsors

      Apex Steel Pipe - Buys and sells Steel Pipe.
      Top