Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
So you've created this really cool little widget, and now you want to add it into your web page. Well, it's really easy to do that using Dreamweaver. In fact, I'm going to switch over to Dreamweaver for a moment, and I have this web page opened up. It's called index.htm, and it's in a web site called Explore California. I'm going to scroll down over to the left side of the page, and I want to actually place that little game widget right here on this part of the page. I've created a separate div called game, right here in this location and I want to drop the SWF right here. So let's see how we would do that.
I will go back to Flash Catalyst and I'll choose File > Publish to SWF/AIR, and I'll choose to create a version for uploading to a web server. With that option checked, I'm going to choose to save this file directly into the directory, inside of my web site. So I'll click over here where it says Browse, I'll go to my Desktop and in my Exercise folder, I'll go to chapter09 where it says Publishing projects. Here I have a folder called explore_ website, and I have an _assets folder in that web site directory, where I want to keep all this information.
So I'll double-click on that folder and I'll click OK. Next, I'll click on the Publish button to actually create and save my file. Let's go back to Dreamweaver now. I'll open up my _assets folder and I'll click on the Refresh button, so I can now see that the olive_game_ final folder is right here. Inside of that, I have the deploy-to-web folder, which contains the Main.swf file. So now I'll move my cursor into my layout, and I'll click right here in this blank area. The Breadcrumb at the bottom identifies that I am now currently in the correct div, which I 've created for this game.
So now, I'll go to the Insert menu, I'll choose Media and then, I'll choose SWF. I'll double-click here on the _ assets folder and navigate directly to the Main.swf file which appears right here. Now I'll click OK, and I'll leave this blank as well and click OK, and now I'll drop my olive game directly into place. Let's see how that looks now inside of a web browser. So I'll choose to Preview in Browser, I'm going to use Firefox here. I'll save the index file and I'll scroll down to page over here, and see that right now my SWF is loading in the browser.
As I mouse over the bottles here, I see that I can now play the game. So, if you want to take a Flash Catalyst project and place it into your web page, you can export a SWF for the web and place it right into Dreamweaver. If you don't already have a page to place it into, remember that Flash Catalyst also generates an HTML page that you can use.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.