218247 1782 Technology Graphics Software Adobe Flash true Wed, 19 Aug 2009 14:47:09 -0700 /system/videos/5/21/88/22/228821.flv graphics, software, adobe, flash, learning, creating, making, building, website, web How To Create an Adobe Flash Web Site http://www.howcast.com/videos/218247-How-To-Create-an-Adobe-Flash-Web-Site http://www.howcast.com/videos/218247-How-To-Create-an-Adobe-Flash-Web-Site/edit approved 266 1280 720 <object width="425" height="273" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="howcastplayer"><param name="movie" value="http://www.howcast.com/flash/howcast_player.swf?file=218247"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.howcast.com/flash/howcast_player.swf?file=218247" type="application/x-shockwave-flash" width="425" height="273" allowFullScreen="true" allowScriptAccess="always" ></embed></object> 6 gigafide http://img.howcast.com/system/thumbnails/218247/Picture_1_xxlarge_maintained_aspect.png 2511 false false false 89284 0 16 Step http://img.howcast.com/system/thumbnails/218247/16.jpg 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.

]]> 89285 1 37 Step http://img.howcast.com/system/thumbnails/218247/37.jpg 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.

]]> 89286 2 56 Step http://img.howcast.com/system/thumbnails/218247/56.jpg 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.

]]> 89287 3 71 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.

]]> 89288 4 79 Step http://img.howcast.com/system/thumbnails/218247/79.jpg 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.

]]> 89289 5 98 Step http://img.howcast.com/system/thumbnails/218247/98.jpg 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.

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

]]> 89291 7 122 Step http://img.howcast.com/system/thumbnails/218247/122.jpg 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.

]]> 89292 8 137 Step http://img.howcast.com/system/thumbnails/218247/137.jpg 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.

]]> 89293 9 154 Step http://img.howcast.com/system/thumbnails/218247/154.jpg 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.

]]> 89294 10 163 Step http://img.howcast.com/system/thumbnails/218247/163.jpg 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.

]]> 89295 11 185 Step http://img.howcast.com/system/thumbnails/218247/185.jpg 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.

]]> 89296 12 207 Step http://img.howcast.com/system/thumbnails/218247/207.jpg 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 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.

]]> 89297 13 227 Tip Test Movie from the top menu.]]> To preview the document in action, go to Control > Test Movie from the top menu.

]]> 89298 14 233 Step http://img.howcast.com/system/thumbnails/218247/233.jpg Publish and upload 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!

]]> 89299 15 256 Fact The first web site ever created was a phone directory for a nuclear research facility.

]]> 1782 212547 How To Create an Adobe Flash Slide Show AssignmentGuide 5044 Mon, 27 Jul 2009 11:07:15 -0700 6 gigafide ]]> 260 http://media.howcast.com/system/videos/6/47/25/21/212547.flv graphics, software, adobe, flash, learning, creating, making, slideshow, Slide, show Technology Graphics Software Adobe Flash 1 http://img.howcast.com/system/thumbnails/212547/create_adobe_flash_slide_show_xxlarge_maintained_aspect.jpg http://www.howcast.com/videos/212547-How-To-Create-an-Adobe-Flash-Slide-Show 1782 213929 How To Animate in Adobe Flash AssignmentGuide 3088 Thu, 06 Aug 2009 14:29:57 -0700 5 gigafide ]]> 176 http://media.howcast.com/system/videos/2/29/39/21/213929.flv graphics, software, adobe, flash, animating, learning, images, static, creating, animation Technology Graphics Software Adobe Flash 1 http://img.howcast.com/system/thumbnails/213929/Picture_8_xxlarge_maintained_aspect.png http://www.howcast.com/videos/213929-How-To-Animate-in-Adobe-Flash 1782 214380 How To Create an Adobe Flash Video Player AssignmentGuide 2502 Tue, 11 Aug 2009 09:14:10 -0700 4 gigafide ]]> 165 http://media.howcast.com/system/videos/1/08/26/22/222608.flv graphics, software, adobe, flash, learning, creating, making, video, player, videos Technology Graphics Software Adobe Flash 0 http://img.howcast.com/system/thumbnails/214380/Picture_6_xxlarge_maintained_aspect.png http://www.howcast.com/videos/214380-How-To-Create-an-Adobe-Flash-Video-Player 1782 218246 How To Create an Adobe Flash Preloader Screen AssignmentGuide 2516 Mon, 31 Aug 2009 15:32:25 -0700 1 gigafide ]]> 222 http://media.howcast.com/system/videos/4/97/51/23/235197.flv graphics, software, adobe, flash, learning, creating, making, preloader, screen Technology Graphics Software Adobe Flash 0 http://img.howcast.com/system/thumbnails/218246/Picture_1_xxlarge_maintained_aspect.png http://www.howcast.com/videos/218246-How-To-Create-an-Adobe-Flash-Preloader-Screen 1505 239657 How To Lighten and Darken in Photoshop AssignmentGuide 393 Tue, 03 Nov 2009 14:47:09 -0800 3 Equilibrio ]]> 138 http://media.howcast.com/system/videos/6/48/23/27/272348.flv software,graphics,photos,pictures,adobe,photoshop,making,lighter,darker,lightening,darkening,adjusting,color Technology Graphics Software Photoshop Software 0 http://img.howcast.com/system/thumbnails/239657/LightenDarkenPhotoshop_xxlarge_maintained_aspect.png http://www.howcast.com/videos/239657-How-To-Lighten-and-Darken-in-Photoshop 1470 259465 How To Enable Half-Star Ratings in iTunes on a Mac AssignmentGuide 172 Thu, 15 Oct 2009 12:04:53 -0700 0 stevenkittinger ]]> 40 http://media.howcast.com/system/videos/6/39/47/26/264739.flv iTunes,Mac,computer,music,ratings Technology 0 http://img.howcast.com/system/thumbnails/259465/halfitunes_xxlarge_maintained_aspect.png http://www.howcast.com/videos/259465-How-To-Enable-HalfStar-Ratings-in-iTunes-on-a-Mac 1473 206962 How To Install a Nintendo Wii AssignmentGuide 1140 Tue, 14 Jul 2009 13:05:01 -0700 3 Truedoogie ]]> 90 http://media.howcast.com/system/videos/0/62/69/20/206962.flv nintendo, wii, install, installation, videogames, system, Console, controller, cables, technology Technology Computer & Video Games Video Game Consoles 3 http://img.howcast.com/system/thumbnails/206962/Picture_2_xxlarge_maintained_aspect.png http://www.howcast.com/videos/206962-How-To-Install-a-Nintendo-Wii 1473 224217 How To Install an Xbox 360 AssignmentGuide 821 Mon, 31 Aug 2009 15:32:25 -0700 3 Asad1087 ]]> 76 http://media.howcast.com/system/videos/3/34/54/23/235434.flv xbox,360,installing,setting,up,using,playing,game,consoles,video,games,hooking Technology Computer & Video Games Video Game Consoles 2 http://img.howcast.com/system/thumbnails/224217/Picture_3_xxlarge_maintained_aspect.png http://www.howcast.com/videos/224217-How-To-Install-an-Xbox-360 1487 117134 How To Make a Pink-Eraser Casing For Your USB Drive AssignmentGuide 9717 Wed, 14 Jan 2009 11:32:10 -0800 8 distilled ]]> 120 http://media.howcast.com/system/videos/3/34/71/11/117134.flv computer, harddrive, making, constructing, projects, science, technology, storage, crafts Technology Computer Hardware Data Storage Devices 2 http://img.howcast.com/system/thumbnails/117134/Picture_5_xxlarge_maintained_aspect.png http://www.howcast.com/videos/117134-How-To-Make-a-PinkEraser-Casing-For-Your-USB-Drive 1488 54257 How To Choose a New Computer AssignmentGuide 28529 Tue, 21 Oct 2008 08:15:34 -0700 35 QuintinBarry ]]> 175 http://media.howcast.com/system/videos/0/57/42/05/54257.flv DIY, Instructional, tutorial, Do It Yourself, Tips, Essential Skills, Learn to, technology, tech, computer Technology Computer Hardware Desktop Computers 8 http://img.howcast.com/system/thumbnails/54257/Picture_3_xxlarge_maintained_aspect.png http://www.howcast.com/videos/54257-How-To-Choose-a-New-Computer 1492 127178 How To Refill an Ink Cartridge AssignmentGuide 16148 Tue, 27 Jan 2009 11:04:01 -0800 6 heroicarts ]]> 93 http://media.howcast.com/system/videos/2/78/71/12/127178.flv DIY, Instructional, tutorial, Do It Yourself, Tips, Essential Skills, Learn to, technology, tech, electronics Technology Computer Hardware Printers 0 http://img.howcast.com/system/thumbnails/127178/Picture_6_xxlarge_maintained_aspect.png http://www.howcast.com/videos/127178-How-To-Refill-an-Ink-Cartridge 1492 258308 How To Set Your Default Printer on a PC AssignmentGuide 218 Wed, 21 Oct 2009 12:33:13 -0700 0 daisakug ]]> 71 http://media.howcast.com/system/videos/1/64/74/26/267464.flv PC,printer,default setup.computer,print,convenient Technology Computer Hardware Printers 0 http://img.howcast.com/system/thumbnails/258308/SetDefaultPrinteronPC_xxlarge_maintained_aspect.png http://www.howcast.com/videos/258308-How-To-Set-Your-Default-Printer-on-a-PC