How to Export from Adobe Fireworks to Dreamweaver HTML Tagged on: Adobe, Dreamweaver, Export, Fireworks, from, HTML By SchoolofWeb.org | September 11, 2010 | Third Party Videos | 20 Comments | ← Implementation Analyst – Team Lead Don’t Let Your SEO Company Scam You! How to avoid it? → 20 thoughts on “How to Export from Adobe Fireworks to Dreamweaver HTML” hotgypsylips September 11, 2010 at 6:18 pm so what’s the point in design in firreworks, if u delete all after, just export direct to dreamweaver and write there mlwebco September 11, 2010 at 7:17 pm @Classifeedz01 If you use a background images, the best way to do it is to have a div as your master container, then have the background image be placed in that div. Then if you change the background of your entire site lets say in the body tag of your css, it won’t override the image that you placed in the div. A lot of people create what’s called a “master container” which is a div, and this div is what has the main background image. Classifeedz01 September 11, 2010 at 7:55 pm hello, great tutorial, I was just wondering. When it comes to placing the background image, how do you place it so that the image doesn’t override all the other Images used to separate the content, for example, I set my banner as a background image and when I was done i didn’t want the background black, when I tried to place an image for the page’s background, the banner disappeared mlwebco September 11, 2010 at 8:36 pm @Doritji Yes, when you export your mock-up from FW to DW, you do have to do some modifications to it to make sure the code is correct and clean. Once that’s done, you can upload the html files to your server through any ftp client. Doritji September 11, 2010 at 9:10 pm Wait I don’t get it. Do you have to rebuild your website again? How do you make your fireworks website into a html that is transferrable through filezilla or any sort of ftp programme? rzuhler September 11, 2010 at 9:46 pm hey Mike when i deleted the image and inserted one from my folder it does not appear in Dream. is diva table also used for inserting text if you want to edit in Dream instead fo fireworks and can you add videos or flash this way? rzuhler September 11, 2010 at 9:58 pm i don’t not understand why you have to delete picture add div table and type when you can export text and picture in the first place simultaneously. Why do you have to separate the content and background image?? mangadiehardfan September 11, 2010 at 10:25 pm what is the size of canvas of html do you use frequently? uklad06 September 11, 2010 at 11:04 pm I sorted it out in the end. Thanks for the info , i will do it the way you suggested in future. Many Thanks mlwebco September 11, 2010 at 11:25 pm @uklad06 Ah, good question. It’s quite different in CS4. What you do is when you delete the image like I did in my example, go ahead and right click on that table cell. Click on the option “Edit Tag” , then a Tag Editor box will open. Then choose “Browser Specific” on the left side. Then you’ll see the “Browse” option for selecting a background image. Go ahead and select your background there. Kinda weird that they moved it out of the properties area. Hope this helps. uklad06 September 12, 2010 at 12:02 am No worries , just managed to sort it. uklad06 September 12, 2010 at 12:36 am Hi, @ 3.53 in the vid where you add a background picture. Im using cs4 and this option is not available. I can choose the background colour but not the image. Am i doing somthing wrong ? or is there another way of doing it ? Many Thanks WebDesignerLife September 12, 2010 at 12:43 am I like tutorial thank for do but find this little crazy way fireworks does paaired to photoshop special when using div not table. What most web designer use today is div instead table. Brandlax September 12, 2010 at 1:34 am Thank you so much!!!!! AndyDOHD1 September 12, 2010 at 2:18 am I do agree, and with all ie shenanigans, I often think of using tables, would make things a lot simpler. But again yet another great tutorial and informative. mlwebco September 12, 2010 at 2:19 am I do use tables but in this example this was just a demonstration of how Fireworks exports to HTML (which is not the best way). But it’s a good way for web design beginners to learn basic HTML. It’s how I learned. Once you start crawling, then you can grow to table-less designs. But I’ve always used tables in conjunction with divs. As long as you write clean code that can be easily maintained, you’re good. AndyDOHD1 September 12, 2010 at 2:36 am Yet another good tutorial, but I was surprised to see that you were building in tables. djmixmind September 12, 2010 at 3:29 am THANKS SO MUCH! This is what I was wondering! Ej- pakt40 September 12, 2010 at 3:47 am Same as sphotoshop when slicing. I think it is easier in photoshop. Could be me though as I am just learning Fireworks but cool vid anyway. Fobok September 12, 2010 at 4:29 am Fireworks exports to a table? I can see why so few people use that now. Table formatting was the way things were done back when I was in college, and it was a real pain to deal with. Now that I’m starting to learn CSS formatting, I’d much rather use it, even if it means taking things over manually. Nice tutorial though! It’s nice to know how to do this anyway. Leave a Reply Cancel replyYou must be logged in to post a comment.