Skip navigation
Currently Being Moderated

Transferring PNG from Fireworks to Dreamweaver as HTM

Sep 22, 2010 4:14 PM

I am having a problem with CS5.  I am building whole webpages in Fireworks on the design and button work.  In CS3, I would hit export choose where the htm and png and images went and Fireworks would export the whole page as an htm that I could build the page around.  In CS5, I am only getting a bit of the htm showing up.  It is like the whole file is lost somewhere in transition.  I tried updating html in Dreamweaver on the png and the mess that ensued wasn't even close to useable.  What am I missing to make this export go smoothly?

  • Currently Being Moderated
    Sep 23, 2010 4:49 AM   in reply to lady.cherz

    I am building whole webpages in Fireworks on the design and button work.


    This is a very poor approach.  The HTML written by FW (or by any graphics application) is unsuitable for production work, and will break unexpectedly as you begin to add page content to it.  You can use FW to design the graphics, but you should definitely build your HTML in DW.



    Taking a Fireworks comp to a CSS-based layout in Dreamweaver (this links to the following URL - t1.html) (this links to the following URL - t2.html)

    Mark as:
  • Currently Being Moderated
    Sep 23, 2010 4:54 AM   in reply to lady.cherz

    Try again please - this is a forum software glitch....


    I think it is unwise to use *any* FW HTML at all, even the bit you are describing.

    Mark as:
  • Currently Being Moderated
    Sep 23, 2010 6:24 AM   in reply to lady.cherz

    Sorry about that!


    Try this link -



    I bring the code to standards that is output by Fireworks.


    The problem is not with the code meeting standards, it's with the code being designed in a monolithic fashion.  FW does its best to make the code EXACTLY reproduce the graphic layout you have used, and it does a good job with that.  But as soon as your content changes 'shape' the layout falls apart.  It's this issue that FW cannot anticipate, but that you as a web developer can and should as you build your pages.  FW's HTML is NOT suitable for production work, period, and is only useful for rapid prototyping of website layouts for presentations.

    Mark as:
  • Currently Being Moderated
    Sep 23, 2010 3:56 PM   in reply to lady.cherz

    lI wish to continue to perfect this aspect of my programming.  As I gain experience and more knowledge, I think this aspect is going to allow me to do website designs that will be pleasing to the eye and accomplish a lot of curves that are a totally pain to do with conventional programming.  Sorry to be different and probably totally ignorant in your view.  I just see something that I can use this for in the future and wish to continue perfecting the technique.


    I could teach you to spit into the wind, too.  Would you want to perfect that technique?

    Shortcuts that produce rigid layouts, fragile code and pages that do not render well in ALL browsers are not shortcuts.  They are a waste of time.   There is nothing to be gained from learning to work this way.


    To reiterate what Murray already said, don't use graphics apps to generate your code.  Use FW for images only.  Use DW to build web pages.


    Creating  your first web site in DW CS5 - l



    Good luck with your project,



    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists

    Mark as:
  • Currently Being Moderated
    Oct 17, 2010 11:53 AM   in reply to Nancy O.

    Good response.  It's just tempting as all the CS5 tutorials show you doing that (good marketing etc...and don't blame them)..  The round trip engineering potential as tempting, but as a coder I agree.  It's like auto code generators from Class Diagrams to Java never work... managers love them, but developers don't cause they just don't work, and create obfuscated code. 

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points