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

Posted by: Admin  :  Category: Web Hosting Tutorials

Linux Cpanel shared hosting: 600 GB disk space, 6 TB bandwidth, free domain, unlimited databases and ftp accounts, web hosting cheap and pro at Hostony

Linux Cpanel shared hosting: 600 GB disk space, 6 TB bandwidth, free domain, unlimited databases and ftp accounts, web hosting cheap and pro at Hostony

Host Unlimited Websites For .88 ! bit.ly Unlimited Hosting, Free Domain, MySQL, PHP, CGI, SSL, FTP, Stats, 0 google adwords, E-Commerce Included, Dreamweaver Ready, 30 Day money back guarantee Follow on Twitter: www.twitter.com RSS Feed: www.dreamweavertutorial.co.uk In this tutorial from www.dreamweavertutorial.co.uk, we will be creating some Rollover Buttons in Fireworks CS4 but webmasters using Fireworks CS3 can also use this tutorial. using the duplicate state function and changing or altering the 2nd state of the rollover image we can export both images for use in Dreamweaver or your favourite HTML web editing sofware.
Video Rating: 4 / 5

Linux Cpanel shared hosting: 600 GB disk space, 6 TB bandwidth, free domain, unlimited databases and ftp accounts, web hosting cheap and pro at Hostony

25 Responses to “Fireworks Tutorial: create rollover images for a side navigation bar and export for dreamweaver”

  1. yutubezone Says:

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

  2. DreamWeaverTutorial Says:

    @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=related

    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.

  3. ingratiator Says:

    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

  4. troglodyte3344 Says:

    @teakz89 it will be ‘frames’ for fireworks 8 🙂

  5. teakz89 Says:

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

  6. teakz89 Says:

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

  7. troglodyte3344 Says:

    @russelluk25 states are what frames have been renamed to.

  8. gkabas Says:

    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”)

  9. Aggregate02 Says:

    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.

  10. gkabas Says:

    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…

  11. troglodyte3344 Says:

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

  12. Remiss63 Says:

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

  13. russelluk25 Says:

    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 🙂

  14. shorehamalex Says:

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

  15. SPECKSPRODUCTION Says:

    ur dumb

  16. dragos93F Says:

    thanks

  17. Aggregate02 Says:

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

  18. gkabas Says:

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

  19. netjunky41 Says:

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

  20. vwillis23 Says:

    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

  21. thegenderbender109 Says:

    wheres the next video?

    so far, clear and good quality, well done.

  22. BrennMonster Says:

    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?

  23. DreamWeaverTutorial Says:

    insert>image objects> navigation bar

  24. DreamWeaverTutorial Says:

    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.

  25. fmandwc2 Says:

    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?

Leave a Reply

*