Upload

Loading icon Loading...

This video is unavailable.

How to Create an Adobe Flash Web Site

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to like Howcast's video.

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to dislike Howcast's video.

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to add Howcast's video to your playlist.

Uploaded on Sep 9, 2009

Create Cake Magic! Learn to make the cakes you've always dreamed of with online courses from Sugar Studio. http://bit.ly/1cwdvgO

Watch more How to Use Adobe Flash videos: http://www.howcast.com/guides/571-How...

Subscribe to Howcast's YouTube Channel - http://bit.ly/uLaHRS

Spice up your online presence by creating your own Flash site. Here's how.

Howcast uploads the highest quality how-to videos daily! Be sure to check out our playlists for guides that interest you: http://bit.ly/ytmainplaylists

Subscribe to Howcast's other YouTube Channels:
Howcast Dance & Entertainment Channel - http://bit.ly/vmB86i
Howcast Family Channel - http://bit.ly/16dz9oH
Howcast Food & Drink Channel - http://bit.ly/umBoJX
Howcast Personal Care & Style Channel - http://bit.ly/vbbNt3
Howcast Sports & Fitness Channel - http://bit.ly/vKjUjm
Howcast Tech Channel - http://bit.ly/rx9FwR
Howcast Video Games Channel - http://bit.ly/tYKKrk

Howcast empowers people with engaging, useful how-to information wherever, whenever they need to know how. Emphasizing high-quality instructional videos, Howcast brings you experts who provide accurate information in easy-to-follow tutorials on everything from makeup, hairstyling, nail art design, and soccer to parkour, skateboarding, dancing, kissing, and much, much more.


Step 1: Create new Flash document
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: Create new layers
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: Adding a background
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.

Tip
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: Create the navigational menu
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: Enhancing the buttons
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.

Tip
Make sure the instance name is a relevant label with no spaces, capital letters, or special characters.

Step 6: Add a title
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 the content container
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: Hold Shift
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: Copy and paste to add pages
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: Adding content
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: Create the Actionscript
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 ea

Loading icon Loading...

Loading icon Loading...

Loading icon Loading...

The interactive transcript could not be loaded.

Loading icon Loading...

Loading icon Loading...

Ratings have been disabled for this video.
Rating is available when the video has been rented.
This feature is not available right now. Please try again later.

Loading icon Loading...

Advertisement
Loading...
Working...
Sign in to add this to Watch Later

Add to