How To Design a Website using Adobe Fireworks Tagged on: Adobe, Design, Fireworks, using, Website By SchoolofWeb.org | September 7, 2010 | Third Party Videos | 25 Comments | ← Sharepoint Developer – Sharepoint Web Developer – Web Developer Melbourne SEO → 25 thoughts on “How To Design a Website using Adobe Fireworks” Coxey82 September 7, 2010 at 11:02 am hey ive got a couple of questions how do you make the icons and how do you put that on the web philly1537 September 7, 2010 at 11:07 am you fucking suck mlwebco September 7, 2010 at 11:50 am @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. jbplaya September 7, 2010 at 11:59 am 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. mlwebco September 7, 2010 at 12:07 pm @neveraskme2 good call, will take that into account in other tutorials. Thanks! neveraskme2 September 7, 2010 at 12:58 pm Please turn off the zoom feature on your cam. Can’t really see what you’re doning… neveraskme2 September 7, 2010 at 1:52 pm please turn the zoom feature on your cam off. Can’t really see what you’re doing neveraskme2 September 7, 2010 at 2:32 pm Could you please turn the zoom feature on you cam OFF..I can’t see what you’re doing… Doritji September 7, 2010 at 3:01 pm 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? Tutorialviewer September 7, 2010 at 3:47 pm Is there something that Fireworks can and illustrator or photoshop cant? overtext September 7, 2010 at 4:22 pm thanks for the vid really informative kreativedevelopments September 7, 2010 at 4:50 pm @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 🙁 pakt40 September 7, 2010 at 5:47 pm @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. kreativedevelopments September 7, 2010 at 5:51 pm @pakt40 you dont need a height, cause it expands in the browser with content pecatyree September 7, 2010 at 6:24 pm @mlwebco ok mlwebco September 7, 2010 at 7:11 pm @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. pecatyree September 7, 2010 at 7:57 pm wat video studio editor do you use and can your website actually be published ourhandymanservices September 7, 2010 at 7:59 pm 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. rodgostew September 7, 2010 at 8:34 pm great video brazilians congratulation you mlwebco September 7, 2010 at 8:56 pm @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. whytimjenkins September 7, 2010 at 9:03 pm 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. dare30045yt September 7, 2010 at 9:45 pm i like this template you created, it’s very clean. ApplePanda94 September 7, 2010 at 10:29 pm 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 girlfridayproject September 7, 2010 at 10:33 pm 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. mlwebco September 7, 2010 at 11:17 pm @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 Cancel replyYou must be logged in to post a comment.