 |
|
|
|
| Part 2) Adding the Content |
| In this part we're going to be adding pages to the conten MC. |
 |
|
| Step 9. |
| Go in to the content MC and name the layer "text". I've added some filler text for the "about" section, using the settings shown below. |
|
|
|
| |
| Step 10. |
| You can use the Align panel to align the content to the left, by selecting the heading and body text, and clicking on the icon circled in red. |
|
|
|
| |
|
|
| Step 11. |
| Add a new layer called "labels" and, from the properties panel, add the label "about". When the buttons are created we'll use action script to tell the content MC to go to this label, when the about button is pressed. |
|
|
|
| |
| Step 12. |
| So that the labels can be seen clearly, we're going to extend the frames for each section, so highlight frame 15, and create a keyframe (F6) for each layer. |
|
|
|
| |
| Step 13. |
| Create a another key frame and label at frames 30 and 45. Then create a frame (F5) at 60 to entend the frames to see the content label. |
|
|
|
| |
| Step 14. |
| Every 15 frames we have the same content, as a result of creating a key frame. We did this so that each section heading and text can be easily placed in the same position. We now need to alter each heading and content to reflect it's corresponding section, so change each heading every 15 frames. |
|
|
|
| |
| Step 15. |
| For the portfolio section, ive placed some thumbnails in place of the text, although you might want to leave a description at the top if you like. Soon we'll be adding some actionscript to make the thumbnails open up a webpage. |
|
|
|
| |
| Step 16. |
| Before that's possible we need to make each thumbnail contained in it's own MC. I've named the first thumbnail "thumb0". |
|
|
|
| |
| Step 17. |
| Give the thumbnails the same instance name (circled in red) |
|
|
|
| |
| Step 18. |
| Repeat the process for the rest of the thumbnails, though to thumb4 |
|
|
|
| |
| Step 19. |
| For the other sections you can replace the text . |
|
|
|
| |
| Step 20. |
| Create a new layer called "script", open up the actionspanel, click on frame one and a stop() action. |
|
|
|
| |
| Step 21. |
| Create a blank key frame at frame 15 of the script layer and enter the the code below to make "thumb0" functional. |
|
|
|
| |
| Step 22. |
| Add the rest of the code to make the other buttons functional. |
|
|
|
| |
| Step 23. |
| Go back to the "site" MC and add 3 new layers, as shown below |
|
|
|
| |
| Step 24. |
| Click on the content MC anc give it the instance name "content", from the properties panel |
|
|
|
| |
| Step 25. |
| Add the logo to the logo layer, from the library |
|
|
|
|
|
|
|
|
|
|
 |
