Labels for Website Pages in Flash CS3

[This is Step 3 of the Flash CS3 (AS 3.0) Website Tutorial]

Labels in Flash CS3 is a helpful concept to understand. It allows us to visually see the different sections of the Flash movie. It also allows us to direct Flash where to go when the user clicks on something.

It is time to add the content for the different pages and give them them relevant labels.

Content Pages

  • In a new layer “content”, use the text tool to write the page heading “Home” and some page content.
  • Give the heading a red color and larger font size.
  • Insert a keyframe on frame 10 in the ‘content’ layer.
  • Change the heading text to ‘services’ and the content to reflect the same.
  • Repeat the process on frame 20 and 30, changing the headings to ‘About Us’ and ‘Contact Us’ respectively.
  • Select the content in frame 1 and convert to movie clip symbol named ‘Home’. This will allow us to easily edit the content for this page later.

    content movie clip for home page in flash cs3

  • Repeat the process for the services, about us and contact us content.
  • For all the layers, insert a frame on frame 39 so that all the layers spread out till frame 39.

Labels

  • Click on frame 1 in the 'content' layer and give it the label name “Home” in the properties panel.

    Label

  • Repeat the process for the other keyframes in the ‘content’ layer, labelling them 'Services', 'About Us' and 'Contact Us' respectively.

  • You will be able to see the labels in the timeline.

    labels in flash cs3



Go to Step 4 >>


Flash is part of the Adobe Creative Suite
Streamline web design, development, and maintenance. Order Now!






God Loves You! "For God so loved the world that he gave his one and only Son (Lord Jesus Christ),
that whoever believes in him shall not perish but have eternal life." - John 3:16, Bible