Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Flash and ActionScript are ideal for creating flexible, easily updatable web sites that are both unique in design and small in file size. In Creating a Portfolio Web Site Using Flash CS4 Professional, Adobe Certified Instructor Paul Trani shows how to exploit Flash to create a web site that showcases work to clients and prospective employers. Find out how to add dynamic navigation, animation, and video to a page, and how to load, sort and display XML that enables portfolio content to be updated without opening Flash. This course is designed to take your existing tweening skills and gotoAndPlay code and walk away with a fully functional Flash site. Exercise files accompany the course.
The last step in creating a portfolio site is publishing it, which is a very exciting part of the process, because it's my chance to show the site to the world. So I actually want to start in this index.fla file. I'm going to open it up, in Flash of course, and I'm going to just go to the Publish Settings. So File>Publish Settings. In the Publish Settings dialog box, you can see that I have Flash checked, I have HTML checked and then I can also publish out to these different mediums.
But again, this is a website, so I'm going to make sure these two are checked. Let's take a look at the details of each one of these. I'll leave the file name alone. I'm going to click on the Flash tab first. So just to review, this site does require the Flash 10 Player and now the Flash 10 Player, most users have it, I think it's about 95%, if not more. So you definitely covered as far as the Flash Player version that they need. Now one thing I do want to point out is the Audio event.
If your audio sounds degraded in any way, you might want to come in here and set the audio to something higher, so I'll keep it at MP3, but I might want to up to the Bit rate to as high as say CD-quality. Something like that would be a good idea to do. Other than that, I'm going to make sure Compress Movie is selected and everything else is looking good. Let me go over to the HTML tab and I can take a look at what I have available.
the Template, I'm going to use Flash Only - Allow Full Screen, because I do have a Video section that has those Full Screen buttons. So I'm going to make sure that's selected. As for the rest of this, it's pretty typical. I want the quality to be high and really, for the most part, you don't need to change any of these values. So really, all you need to do from there is click the Publish button. What that generates, as I select OK and minimize Flash, it will create this HTML and this SWF file.
So let's take a look at it. I'll just double-click on this HTML and it'll open up in a browser, my website. So here it is and I can go ahead and navigate through it and you pretty much can see what it's generated. Now it's loading up different content as well, this about.swf. So let me close my browser, because I just do want to point out that I have to make sure all of these files right here, including these folders, all need to be uploaded with my site.
The only things that don't get uploaded are, of course, these files, these working files, the FLA files. So that's it. That's all you need to do. Once you have everything published, you can go ahead and share your site with the world.
Find answers to the most frequently asked questions about Creating a Portfolio Web Site Using Flash CS4 Professional.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
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.