How To Design a Website using Adobe Fireworks



25 thoughts on “How To Design a Website using Adobe Fireworks

  1. mlwebco

    @jbplaya I recently switched to a Mac and started playing with CS5, I’m not sure if they have the same UI and icons at the top. For now, if you do a right-click, you can do most of those things, arrange to top, flip, etc.

  2. jbplaya

    I have Fireworks CS5 on Mac. How do you add all those icons on the top? All I have is Original, Preview, 2-up and 4-up.

  3. Doritji

    Probably a stupid question, but how do you save them as html files or whatever, so that they’re ready to be put in my ftp programme?

  4. kreativedevelopments

    @pakt40 Yeah if you set it to 100% it auto expands with content. I’ve designed a site but it looks like crap.. im not a good designer 🙁

  5. pakt40

    @kreativedevelopments Thanks for the info but actually I did need to specify a height they way I was building my site. For height I placed height:100% in the CSS and that corrected my error. Not placing it in their created havoc with my styling.

  6. mlwebco

    @pecatyree I use Camtasia studio to edit my videos. Not sure about the last question, but no I can’t publish the website from the Fireworks program that I use. You still have to ftp the files over.

  7. ourhandymanservices

    umm umm umm err err eerm. You offer good advise but most annoying to listen using these “words” and most annoying duplication of words and tutting sounds. Hope this helps.

  8. mlwebco

    @whytimjenkins Fireworks is just like Photoshop. Think of it as a lighter version. It doesn’t have all the PS bells and whistles but it has pretty much everything you need for creating solid web graphics and exporting to jpegs, etc. I use it just as you described. Create mock-ups, then slice and code with dreamweaver or any text editor of choice.

  9. whytimjenkins

    so is fireworks like a photoshop for web design? i’m a bit confused about where it could fit in to my work flow. i currently design in photoshop and slice it up/crop it to create my elements, then code it in dreamweaver.

    Seems like fireworks would cut out a few steps.

  10. ApplePanda94

    I’ve favorited so i can use this when i can be bothered to make my portfolio look good! My current one has just been done in photoshop and iweb, so it’s kinda basic… Plus my dreamweaver cs4 glitches so none of the buttons have images! =S

  11. girlfridayproject

    Thank you for taking the time to develop. A suggestion – it would be helpful to talk through some of the tools you are using during the design process for those who are at the front end of the learning curve. That said, this is a great video with a clean, streamlined design approach.

  12. mlwebco

    @GeoAl09 The dimensions for this site I believe was like 900px in width. I use anywhere from 800px to 960px, it’s really up to you. And yes, it should be the same inside all browsers.

Leave a Reply