How to Create an Adobe Flash Web Site

How to Create an Adobe Flash Web Site. Spice up your online presence by creating
your own Flash site. Here’s how. You will need A computer with internet access
and adobe flash cs4. Step 1. In the Adobe Flash program, select “Flash
File (Actionscript 3.0)” from the “Create New” menu. Switch the workspace layout by clicking on
the dropdown menu in the upper left of the top menu bar, and selecting “Designer.” You can adjust the size and color of the document
by adjusting the settings in the “Properties” panel. Step 2. Divide your Flash document into four layers:
Actions, Background, Menu, and Pages. To do this, go to the Flash timeline, and
click three times on the “New Layer” icon so you have four layers total. Rename each one by double-clicking on the
name, or holding the mouse down on a Mac. Step 3. To add a background image, select the Background
layer from the timeline. Then, go to File, Import, and Import to Stage,
and select the image you want to use. You can change the size of the background
in the Properties panel once the image is imported. To prevent accidental changes, lock a layer
by clicking on the second dot directly to the right of the layer name. The dot should change to a padlock icon. Step 4. Select the Menu layer from the timeline. From the top menu, select Windows, Components. In the window that appears, double-click the
Button component under the User Interface section, which adds a button to the document. Position the button where you want the menu
to be. Repeat this process to add as many menu buttons
as you need. Step 5. Select the first menu button you added. In Properties, change the instance name to
“button1.” Change the name displayed on the button by
selecting Windows, Component Inspector from the top menu. In the resulting window, change the label
value. Continue this process for the remaining buttons. Make sure the instance name is a relevant
label with no spaces, capital letters, or special characters. Step 6. To add a title to your web site, select the
text tool from the Tools panel. In Properties, change text attributes, like
the number of lines, font, color, and size. Then, click on your document to add text. Step 7. Create pages to add content to your site. Select the Pages layer from the timeline,
and then click on the rectangle tool in the Tools panel. Adjust color and transparency from the Color
panel. Then, draw a rectangle on the document to
match the size you want your content to be. Step 8. Add pages in the Pages layer. Hold down the Shift key, and select the Background
layer. This will select every layer except for Actions. Step 9. Right-click (or command-click for Mac) the
first frame of the Pages layer and select Copy Frames. Right-click the second frame in the Pages
layer, and select Paste Frames. This is where the second page will be. Continue this process for as many pages as
you need. Step 10. Add content. Select the first frame of the Pages layer. In Properties, change the label name to “page1.” Then, use the text tool from the tools panel
to create the text for the first page. When you are satisfied, go back to the Pages
layer, select the second frame, and repeat the process. Continue until you have content for each page. Step 11. Select the first frame of the Actions layer
and hit F9. In the Actions window, type a stop script
to stop the pages from cycling. Hit Enter to go to the next line, and create
a function for each button that tells it which page frame to jump to. Hit Enter and write a script that attaches
the functions to their corresponding buttons, using the button instance name. To preview the document in action, go to Control
>Test Movie from the top menu. Step 12. Publish the web site by going to File, Publish
Settings. Check both the SWF and HTML boxes. Rename both files, and select a location to
save it to. Then click publish, and upload all of the
published files to your web server. To access the Flash page, just navigate to
the HTML file on your web server. You’re done! Did you know The first web site ever created
was a phone directory for a nuclear research facility.

100 thoughts on “How to Create an Adobe Flash Web Site

  1. How would you make buttons change appearance, like having one button be a circle wth a smiley face, and how would animate button actions?

  2. I have licenced Adobe Flash CS5.5 and I did everything same as you.. But when i test it, everything just flashes out, clicks itself like 10 times per second.. WTF ?

  3. Delete the quotes from the code that you copied from the web and replace them with regular quotes. This will stop the blinking. There is a problem with hidden code s when you cut and paste. So, you need to delete each quotation mark and replace it with a newly typed quotation mark while you are inside of the actions panel. Then the tutorial will work fine.

  4. right I followed this
    Can do html off by heart, however I thought I would have ago in flash and actionscript, now the speed I have questions.
    I copied this step by step, now is this a dead template or is it suppose to work meaning i click about me and it goes to that page?

  5. how do you make a button out of a pic?
    if you make 1 you cant do the same stuff as a prebuilt button

  6. Just convert your picture into a symbol. Press F8 to do that(make sure your selecting the picture).

    Watch my videos?

  7. Yeh i know you can create them to a button however you cannot do the same thing as the premade, is ther a way?

  8. Nice tut, but when i render the project it only allowes me to press two buttons before every button gets dissabled, and then an Output error comes up, error 1009.
    TypeError: Error #1009: Cannot access a property or method of a null object reference.
    at Webside_fla::MainTimeline/frame1(

  9. Right, I did this works beautifully, However
    If I create my own button or make an image in to a button you can not go in to component inspector as its locked
    Also you cannot write script in as its totally locked, tried playing about for hours no luck
    Went to AS2 and I could use the script . I put the script in, got left errors- ur script

    I found alternative ones :

  10. init()
    function init() {
    for(var i=1;i<10;i++){
    this["button"+i].onRelease =buttonClicked;
    function buttonClicked(){
    case String(this._name) );break;

    This works but now am getting a new error, all the pages are just looping all the time, little help please

  11. I copied the code exactly, but get error 1084: Syntax error: expecting rightparen before colon.

    on linr 19-22 (addEventListener)

    I know nothing about coding to be honest, but last time i did this it worked. anyone can help?

  12. You just need to add a "stop();" command to your first keyframe.
    look at the video, 3:35

  13. Creating a flash website this way is so much easier then the way my professor taught me. This is like a short cut.

  14. PLEASE HELP: I'm using Adobe Flash CS5.5.There is an error:-

    ReferenceError: Error #1065: Variable TCMText is not defined.

    Can anyone help ? :/

  15. Step 7, adding content with a rectangle gives me problems. The rectangle stays behind my background and there is no way to arrange it to the front or rasterize like in Photoshop. Next to that, when I move the rectangle around the lines stay behind and there is no square/dot to select the whole object. Anyone an idea? I must say Adobe Flash has a very bad usability.

  16. wasn.t a time consuming tutorial.. he said evrything fast,,

  17. I am a web developer and I recorded some video tutorials about wordpress. It really is the most extensive wordpress package ever. please visit my channel to watch the one video I uploaded

  18. I don't know. This came to me in the "recommended" section for some reason .-.

  19. Its 3 yers old, but they have Flash 4 when I have Flash 3 now… x)

  20. In the timeline, drag the layer where you have made your rectangle above the background layer.

  21. The script doesn't work.. word for word, identically matched.. pages cycle without stoping.. & yes stop(); was used at the top.. Maybe because Im using newer Flash, but this is really annoying..

  22. if you're using a newer version, in the function after 'void' instead of "()" use '{}'
    function button1_clicked (e:MouseEvent):void {gotoAndStop ("page1") ; }
    -Tech Support

  23. Thank you for this. It was very enlightening on some features I never knew of.

  24. Nice old tutorial, but building flash website these days is not a future-in-mind path. Adobe killed it 2 years ago for all new mobile platforms (iOS5+ and Android 4+), unless installing hacked versions on some which not many % of people know/wish to, it is impossible to access it with mobile devices. JavaScript & HTML5 is a way to go.

  25. Give it a shot and like the comment if you like it So Simple & Easy Anyone Can Profit RNMONEAEYATHOME.HOSTEI.COM $2900 the best day for so far

  26. If Youre not familiar with html and css, all You can do is use some software made for designing websites, such as Adobe Dreamweaver. Noone ever said, that any program will make it easy enough, for creating website without any html based knowledge.

  27. Tutorial still works with CS6, but if you want to convert to HTML5 using Google Swiffy, make your own buttons…

  28. just animate the flash, then go to a video on how to embed it into the site.

  29. The first website was developed at CERN and it can still be found at WC3's website.

  30. someone help please Scene 1, Layer 'Actions', Frame 1, Line 3, Column 25 1071: Syntax error: expected a definition keyword (such as function) after attribute Function, not button1_clicked.
    i got that problem

  31. cause the stop script he uses don't work you will get errors n will just flash so use this can take the music part out if you like


    function button1_clicked(e:MouseEvent):void{


    function button2_clicked(e:MouseEvent):void{


    function button3_clicked(e:MouseEvent):void{


    function button4_clicked(e:MouseEvent):void{


    function button5_clicked(e:MouseEvent):void{

    button1.addEventListener(MouseEvent.CLICK, button1_clicked);
    button2.addEventListener(MouseEvent.CLICK, button2_clicked);
    button3.addEventListener(MouseEvent.CLICK, button3_clicked);
    button4.addEventListener(MouseEvent.CLICK, button4_clicked);
    button5.addEventListener(MouseEvent.CLICK, button5_clicked);

    function playMusic(e:MouseEvent):void{
        var myMusic:Sound = new Sound();
        var soundFile:URLRequest = new URLRequest("music.mp3");

  32. very nice i
    i ve a problem that when i open the file in browser i cant scrol down

  33. Hello there, very helpful video indeed. I need help! If the size of my webpage is larger than my screen, my browser does not give the option for scrolling down. It crops the web page. Anyone can enlighten me please. thank you

  34. WOW you can creat a fucking low class website without even knowing shit! So when you have a problem you have got NO FUCKING CLUE WHAT TO DO

  35. Great video it is my first time using flash cs4. I was able to successfully create my site, it is a test site but it works, thank you.

  36. This is so well made, thank you. I got the basics of this… dont know why people still create flash websites though. I prefer an angular bootstrap site.

  37. Hi i have a problem, when i use the step 5… I rename my button ''button1'' and when i want to go windows – compoment inspector for change the label, i cant, because in the parameters, one message say me edit a compoment instance parameters in the property inspector. WHY ??? Please help i want learn this program. Please help

  38. anyone else notice that this tutorial was actually make by gigafide/tinkernut?

  39. Thank you! I look forward to any videos you have. Thanks for keeping it easy.

  40. how do i make a page that contains image gallery? with a next and previous button exclusive to this page only

  41. nice video

    visit : Web Portal Development Company Chennai, Portal Websites Creators in Chennai

  42. Hi, I am getting this – Scene 1, Layer 'Actions', Frame 1, Line 19, Column 42 1046: Type was not found or was not a compile-time constant: Void.
    what does it mean and how can i correct it?

  43. I could not!
    I use adobe flash CC. I tried copying your code … I even changed some things but it did not.
    I did in actionscript3 all step by step …

  44. Maybe for novices you could go slower?
    As far as I'm concerned, I always put the Action layers on the last layer. I smooth the background image in the properties.
    Otherwise I have a very successful effect, I am well out with names of different buttons.

    Thank you Howcast.

Leave a Reply

Your email address will not be published. Required fields are marked *