4 Replies Latest reply on May 30, 2010 11:21 AM by Nancy OShea

    Newbie Q: File Xfer from FW to DW

    Jim_Aikin

      I'm using CS4, and am just starting to learn. I have the impression that when I create a page mockup in Fireworks, I can export it to Dreamweaver. But when I do this, it imports as one giant pdf or png file rather than as a bunch of separate objects that can be manipulated further. I've placed slices on the objects on the FW page, but that doesn't seem to have any effect.

       

      The Fireworks manual is no help (unless I was on the wrong page -- always a possibility). It just says "export the file," it doesn't say anything about what format or which options. And of course, there is no Dreamweaver manual....

       

      Am I expecting a type of functionality that just doesn't exist? Or is there a way to do this that I just haven't found yet? If so, is the exact methodology documented somewhere? Thanks for any tips!

       

      --Jim Aikin

        • 1. Re: Newbie Q: File Xfer from FW to DW
          370H55V Level 4

          IMHO, you want to stay as far away as you can from building a webpage in FW. It's a graphics editor and will do well for making PNGs or GIFs to import into an HTML file in DW, but you wouldn't use DW for image editing or creating graphics, so the reverse is true.

           

          I've seen too many terrible results when people (especially those just starting out) try to create a page or even a whole site using a graphics editor to do the work of an HTML editor.

           

          You wouldn't use a hammer to paint a wall, any more than you'd use a brush to hit a nail.

          • 2. Re: Newbie Q: File Xfer from FW to DW
            Jim_Aikin Level 1

            I'm sort of getting that impression ... that I should create single graphics in FW as needed and export them. But technically, is it possible to do what I'm contemplating, or am I just misunderstanding the functionality?

            • 3. Re: Newbie Q: File Xfer from FW to DW
              370H55V Level 4

              The functionality is there, just as a webpage can be built with Photoshop or InDesign (I think it can with InDesign).

              The implementation is where the problem lies.

              All to often PS or FW webpages are rendered nearly unvievable as they were originally meant to look because of browser differences, and worse yet, because they don't use HTML or XHTML elements the same way as a "traditional page" does, they are almost invisible to search engine robots.

               

              Example: you build  a page from a PSD and it's the entire page, with slices and hyperlinks mapped into sections of the slices.

              A search bot reads the page as a picture. It may (or may not) even bother with indexing or even checking the links from the mapping, because the priority is set for HTML links, either in a nav bar, or a menu. More often than not, image maps are used for popups or other "same page" content, and they are overlooked to avoid redundacy.

               

              Leave FW to the graphics.

               

              Build your site in Dreamweaver, and ADD graphics to it. Don't build a graphic and try to make it function as a site.

              • 4. Re: Newbie Q: File Xfer from FW to DW
                Nancy OShea Adobe Community Professional & MVP

                FW and PShop are best used for design comps, slicing and optimizing images for the web.

                Have a look at the following tutorials.

                 

                Taking  a Fireworks (or Photoshop) comp to a CSS based layout in DW

                 

                Part 1 --
                http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html

                 

                Part 2 --
                http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html

                 

                 

                Nancy O.
                Alt-Web Design & Publishing
                Web | Graphics | Print | Media  Specialists
                http://alt-web.com/
                http://twitter.com/altweb
                http://alt-web.blogspot.com