Fireworks Tutorial: create rollover images for a side navigation bar and export for dreamweaver

[USMCxFirefly]

your intro is a FAIL!

[yutubezone]

your channel name is Dreamweaver tutorials and you are making fireworks tutorials WTF but it still good tutorial

[ingratiator]

you didnt make an initial dreamweaver page indicating your settings, folder creation et. al, so when im making buttons you kind of skipped all the important set up steps that would be important for a noob like me...you said you had made a vid that explains it but after reviewing your posted vids i could not find that video, ehhh appreciate the vids and all, but yeah, that is a bit infuriating for someone going step by step.. :\

thanks anyways

[DreamWeaverTutorial]

@ingratiator

I did in this video called insert images into dreamweaver. the images are placed into a folder then I put them into another folder and define a site while defining the root folder.

watch?v=R2o7UmAN2yQ&feature=re­lated

I have a website with 1000 + video tutorials. go to the site and in the dreamweaver section you will find a more in depth explanation of how to define a site in dreamweaver.

[teakz89]

I dont see a "state" option under window tab. I am using Fireworks 8.

[troglodyte3344]

@teakz89 it will be 'frames' for fireworks 8 :)

[teakz89]

I dont have the "state" option or a "window" tab. I am using Fireworks 8. Whatdo I do?

[Remiss63]

Can you discuss the benefits of using Fireworks vs. Photoshop?

[troglodyte3344]

@Remiss63 Photoshop has many more features for adjustments but fireworks is used to rapidly prototype web designs for clients.

[russelluk25]

Great video- very clear. Unfortunately I have CS3 not CS4, which wasn't made very clear by your title, so I cannot use states! It has however, got me interested in upgrading to CS4 :-)

[troglodyte3344]

@russelluk25 states are what frames have been renamed to.

[shorehamalex]

Thank you! Really, really appreciated! And your website is brilliant too - and free!

[dragos93F]

thanks

[netjunky41]

i'm using fireworks 8 and there is no states button what do i do??

[gkabas]

upgrade your fireworks.... I suggest you the CS3... Its by far the best!

[Aggregate02]

Fireworks CS4 is the latest version of Fireworks, not CS3.

[gkabas]

yea i know that CS4 is the latest version of Fireworks... I can count... but if you install the CS3 version its like an upgrade...

[Aggregate02]

I don't know, you can only download or get CS4 from Adobe, but if you have the other versions of Fireworks then you can upgrade it.

[gkabas]

Yes... The only version you can download (legaly its the CS4)

Also I'm sorry for my previous mistake. (When I said "Upgrade to CS3")

[SPECKSPRODUCTION]

ur dumb

[vwillis23]

This video Is great work imma have my student check out your

TUTS they can from your style. And great cam angles. 10 out of 10

[thegenderbender109]

wheres the next video?

so far, clear and good quality, well done.

[BrennMonster]

so i got all my buttons how do i use all my buttons into a navigation bar or do you have a video for that?

[fmandwc2]

Hey, when I exported them, for each button it made like 10 files, one for each row, column, and frame. Why did it do this?

[DreamWeaverTutorial]

Hi, ill need a little bit more information, I tried to re create what you have said but cannot see where you went wrong.

did you duplicate the first state and export the up image first, then export the over image, and then export the down image?

if you did that then you should just have 3 images for each button.

are you using fireworks cs3? if so did you make the buttons using the button editor?

lol, tell me a little bit more.

James

[fmandwc2]

Okay I still have no idea why it did that, but I found another way to make it work.

In the export box, you can select, Export: "states to files" and it'll make a .jpg or w/e file for each state.

I didn't make a down image, though I wanted to. In the Dw box for inserting a rollover image it only gives you boxes for two images, how can you put in a third for down?

[DreamWeaverTutorial]

you can insert it as a navigation bar and that will give you four choices

up

over

down

over while down

then choose to either insert horizontally or vertically.

[DreamWeaverTutorial]

insert>image objects> navigation bar

[DreamWeaverTutorial]

hi, it could be lots of things, I would guess that theres a problem with the CSS. it could just be a one off glitch in which case you could just delete the css and apply it again for that page. if there are any attributes with flash on the screen then that may have an effect too.

thanks