integrating flash based navigation bar on dreamweaver

Hi all,

Newbie flash user here :)

I am creating a website and have decided to create my navigation bar using adobe flash cs4. In doing so, i opted to use movie clips so i can animate the buttons during mouse events, and not the typical on-off states when using the button symbol (much like when using fireworks).

To animate the buttons on mouse rollover and rollout, I used the AS 2.0 code as follows.

First off, how will I be able to integrate my flash navigation bar onto dreamweaver cs4 so it will link to the appropriate pages on my site? And as a side question, is there a way for me to achieve smooth animation (like tweens on movie clips) while using the button symbol?

Thanks!

Note: i have attached the flash movie if you would want to see the effect i am after. and since ee does not have the ability to upload .fla files, i changed the extension to .png. Just revert the extension to .fla or .swf to view the movie
b1.onRollOver = over;
b1.onRollOut = out;
b1.btntext.text = "Homepage";
 
b2.onRollOver = over;
b2.onRollOut = out;
b2.btntext.text = "Services";
 
b3.onRollOver = over;
b3.onRollOut = out;
b3.btntext.text = "Company";
 
b4.onRollOver = over;
b4.onRollOut = out;
b4.btntext.text = "Contact Us";
 
b5.onRollOver = over;
b5.onRollOut = out;
b5.btntext.text = "News";
 
function over(){
	this.gotoAndPlay(2);
}
function out(){
	this.gotoAndPlay(11);
}

Open in new window

navbar.png
ocamporussAsked:
Who is Participating?
 
Jason ThompsonConnect With a Mentor Senior UX DesignerCommented:
ocamporuss, can I make the assumption that you're publishing to SWF before trying to bring it in to Dreamweaver, and not just trying to import the FLA?  

Importing an SWF into Dreamweaver should be just as easy as it is to import an image (see image below).  If all else fails, you could always try dragging-and-dropping the SWF file into the Dreamweaver layout.

dw-swf.gif
0
 
Jason ThompsonSenior UX DesignerCommented:
I'd probably do something like this:

b1.onRelease = function() {
        getURL("/");
}
 b2.onRelease = function() {
        getURL("/services/");
}

...etc, etc.

This should work on buttons and movie clips (but not graphics).  Let me know if that doesn't work, or if you had something else in mind.



0
 
IanThCommented:
have you thought about using a ajax/spry menu as its and it can be done by using the javascript css
0
Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
ocamporussAuthor Commented:
Thanks for the replies!

IanTh, thanks for the input but I have not used ajax/spry nor javascript before.. its only been a few weeks since i first opened dreamweaver and flash :) if you could help me do achieve my nav bar goal easier with those you mentioned, it would really be appreciated :)

Graphixer, I was able to use the code you provided, thank you very much. But I can't seem to find a way to integrate my flash file onto my dreamweaver file (unlike with a fireworks file, i can use the Insert >> Image objects >> fireworks html).

Any ideas? Thanks! :)
0
 
IanThConnect With a Mentor Commented:
have a look at my last web design and look ate the menu
http://www.up2youmobiles.co.uk/

the code for that is
<div id="menu">
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="../index.html">Home</a></li>
        <li><a href="../contactus.html">Contact Us</a></li>
        <li><a href="../phonerepair.html">Phone Repair</a></li>
        <li><a href="../phoneunlock.html">Phone Unlock</a></li>
      </ul>

but its really simple you just create a div for the menu I would do that in a template ( thats why they are ../ because its a template )as its not going to change really between pages then insert spry menu bar and say horizontal then in the properties panel for that spry widget or in code view you can change it to whatever you need
0
 
ocamporussAuthor Commented:
Hi guys, thanks for all the help!

IanTh, thanks for the input, but i was not able to get the effects i got while using flash. i will try to study sprys/ajax on a later date, just have to finish my current project.

And to Graphixer, thanks a lot for your input! i was able to do what i wanted to with your help \m/ :D
0
All Courses

From novice to tech pro — start learning today.