Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Creating a First Web Site with Flash Professional CS5 shows how to make a fully functional, dynamic web site in Flash Professional CS5. This course covers the fundamentals of creating and importing content, adding smooth 2D and 3D transitions, and adding button functionality that goes beyond links. This course will also show how to integrate and control video and audio as well as how to implement a gallery and a contact form. Exercise files are included with the course.
You should always try to set up your project, so it's as easy to work with as possible, allowing for modification that can be done easily as well. And that's I want to do with this project, because currently all of these buttons, as I scroll up, they jump to various sections and they are targeting frames right in here. Okay so I take a look at this code in here and if I go to Window > Actions, you can see the Home button actually goes to Frame 10.
Well, what happens if I decide to add more an intro animation? It means all these numbers are going to be off, and I would have to come in here and change them. That's why I want to use frame labels instead of frame numbers. So I will close this Actions panel and what I want to do is I want to add a frame label right here in Frame 10, and in order to do that I need to right click and insert a keyframe. Because labels need to exist on keyframes.
So at that point of time I can add a label, again I am in the Actions layer, and we just call this home for the label name. Notice how the name appears right here and everything is looking good. So this is actually easier for me to work with, because I can actually read what section that is. Frame 30, the same process of inserting a keyframe, and we will call this about just like that. The next section is the portfolio section. Right-click, Insert Keyframe, right here for the Portfolio section, and the name is of course portfolio.
The last one happens to be the contact section. Insert Keyframe there as well. So this is so much easier to read and understand as I open up this project. I can quickly jump to the about section and change that content. It's easier for me to work with, not only when I am in Flash, but I can also make the code smarter as well. So I am going to select this first keyframe right here in my Actions layer and open up the Actions panel, and I am going to change this from going to Frame 10 to going to, within quotes, the "home" label.
So that's all I need to do. For the about section, within quotes because it's a specific name, I want to go that "about" Label. Portfolio, again I am being mindful of what button this function is associated with, and this goes to "portfolio" just like that. Contact button, of course it going to go to the "contact" label. It's looking good. So far so good, and now if I decide to say for instance shorten up this distance, I can sort of select most of these keyframes right in here if I want to and I can remove those frames so this animation starts sooner, but the point is that I have adjusted my Timeline and before all of my code would be off by good 5 or 10 frames.
But now everything is still going to be synced up. But let's just test this out. There we are. It stops in the appropriate frame. Let me click the About button, it goes to the right section, and again my code is much more flexible. My project is a whole is a lot more flexible as well. All by adding some frame labels and then targeting those frame labels.
Find answers to the most frequently asked questions about Creating a First Web Site with Flash Professional CS5.
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.