RE: OT: Fireworks & template flexibility
Honestly, the problem is NOT with the application (although both FW and PS could be MUCH better with their slicing). The issue is that most designers (who don't also know HTML) don't know the best way to slice things. They'll just draw sliecs where they want main images and let the app interpret the rest of the slices. What this leads to is a LOAD of messy HTML with colspans and rowspans and entire rows of empty table cells just to get the number of columns correct so that everything lines up. If these designers would simply learn the most efficient way of slicing things then this wouldn't be an issue. Of and if they'd also get in the habit of naming EVERY FREAKING LAYER we programmers wouldn't have to go behind them and delete crap code. ~| Message: http://www.houseoffusion.com/lists.cfm/link=i:4:236391 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4 Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
Re: OT: Fireworks & template flexibility
I do what I can to condense the process, get as many elements out of my "Slices" as i can but that I mentioned before is what i'm using and it's effective, but time entensive. I haven't been able to export layers without adding whitespace around the layer in photoshop, haven't tried it in fireworks but for the most part these elements are not all on the same layer. Lets try this... you have a boarder of an image as an example. of course this boarder has a drop shadow... what a pain that is. not your normal drop shadows but the faded types... I place line guides exactly where the image would be, and then another set about where the fade dies out. If your lucky you can use a normal pain background color around this and keep the design in-tack. I then of course perform the normal replacement of background images where they might extend vertical or horizontal around the image or other element if this is the case. etc... On 3/28/06, Ricardo Russon <[EMAIL PROTECTED]> wrote: > > Casey, > > Am i reading you right : you are exporting the same png each time you want > a > new element/layer? You can export each layer seperately. That should save > you some time.. > > But i could have miss read... its only been 1/4 cup of coffe since i woke > up > :) > > > > On 3/29/06, Casey Dougall <[EMAIL PROTECTED]> wrote: > > > > Wouldn't it be great if fireworks and photoshop created css for the > > layouts... > > > > Chopping up psd's all the time myself I haven't got a really good answer > > for > > you except to get the psd or png, if he's using fireworks and chop it > > yourself. I normally cop templates multiple times to get specific > elements > > out of the template without all of the extra table cells I end up > deleting > > anyway. To make this even worse I then take the new exported html, > deleted > > all the stuff I don't want, make table cell background images out of > those > > pieces which should flow vertical or horizontal 100%, view in firefox, > > re-save it again in another folder just so I can get the images I need > for > > that element. I repeat this process again and again till I have > everything > > from the original design and then start working it into my css. > > > > Normally I'm talking about 3 or 4 horizontal sessions like this where > I'm > > saving pieces like headers, main body areas and footers. Then another > > bunch > > of sessions where your cutting more with the vertical rulers and > snagging > > those items like the right, center, left columns of a page. > > > > I can't say it's a fun process but I end up with about 1/3 third of the > > images of the original template and everything looks like it should. i > > then > > use those elements where I need them and move on to actually coding the > > site... > > > > Good luck man, find a better way and i'm down~ > > > > Find a way to chop gradients efficiently and your my hero! > > > > > ~| Message: http://www.houseoffusion.com/lists.cfm/link=i:4:236368 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4 Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
Re: OT: Fireworks & template flexibility
Casey, Am i reading you right : you are exporting the same png each time you want a new element/layer? You can export each layer seperately. That should save you some time.. But i could have miss read... its only been 1/4 cup of coffe since i woke up :) On 3/29/06, Casey Dougall <[EMAIL PROTECTED]> wrote: > > Wouldn't it be great if fireworks and photoshop created css for the > layouts... > > Chopping up psd's all the time myself I haven't got a really good answer > for > you except to get the psd or png, if he's using fireworks and chop it > yourself. I normally cop templates multiple times to get specific elements > out of the template without all of the extra table cells I end up deleting > anyway. To make this even worse I then take the new exported html, deleted > all the stuff I don't want, make table cell background images out of those > pieces which should flow vertical or horizontal 100%, view in firefox, > re-save it again in another folder just so I can get the images I need for > that element. I repeat this process again and again till I have everything > from the original design and then start working it into my css. > > Normally I'm talking about 3 or 4 horizontal sessions like this where I'm > saving pieces like headers, main body areas and footers. Then another > bunch > of sessions where your cutting more with the vertical rulers and snagging > those items like the right, center, left columns of a page. > > I can't say it's a fun process but I end up with about 1/3 third of the > images of the original template and everything looks like it should. i > then > use those elements where I need them and move on to actually coding the > site... > > Good luck man, find a better way and i'm down~ > > Find a way to chop gradients efficiently and your my hero! > > > > -- > Casey Dougall > Web Applications Developer > Ph: 518 743-9424 Fax: 743-0337 > [EMAIL PROTECTED] > > Mannix Marketing Inc. 10 East Washington St. Suite 1, Glens Falls, New > York > > Marketing to New York State Destinations? > We offer quality Travel Industry Directories, Including www.Albany.com, > www.LakeGeorge.com & www.Saratoga.com > > > ~| Message: http://www.houseoffusion.com/lists.cfm/link=i:4:236365 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4 Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
Re: OT: Fireworks & template flexibility
Wouldn't it be great if fireworks and photoshop created css for the layouts... Chopping up psd's all the time myself I haven't got a really good answer for you except to get the psd or png, if he's using fireworks and chop it yourself. I normally cop templates multiple times to get specific elements out of the template without all of the extra table cells I end up deleting anyway. To make this even worse I then take the new exported html, deleted all the stuff I don't want, make table cell background images out of those pieces which should flow vertical or horizontal 100%, view in firefox, re-save it again in another folder just so I can get the images I need for that element. I repeat this process again and again till I have everything from the original design and then start working it into my css. Normally I'm talking about 3 or 4 horizontal sessions like this where I'm saving pieces like headers, main body areas and footers. Then another bunch of sessions where your cutting more with the vertical rulers and snagging those items like the right, center, left columns of a page. I can't say it's a fun process but I end up with about 1/3 third of the images of the original template and everything looks like it should. i then use those elements where I need them and move on to actually coding the site... Good luck man, find a better way and i'm down~ Find a way to chop gradients efficiently and your my hero! -- Casey Dougall Web Applications Developer Ph: 518 743-9424 Fax: 743-0337 [EMAIL PROTECTED] Mannix Marketing Inc. 10 East Washington St. Suite 1, Glens Falls, New York Marketing to New York State Destinations? We offer quality Travel Industry Directories, Including www.Albany.com, www.LakeGeorge.com & www.Saratoga.com ~| Message: http://www.houseoffusion.com/lists.cfm/link=i:4:236364 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4 Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
Re: OT: Fireworks & template flexibility
Rick, Im not sure about the HTML it produces, but the file names can be fixed. All of the layers can be named. if you name a layer title, it will become title.gif, if you name it btnHomeOver, it will become btnHomeOver.gif. This should help you a lot when you go to edit the HTML later. HTH Ricardo. On 3/29/06, Rick Root <[EMAIL PROTECTED]> wrote: > > I've got a friend who builds web site templates in Fireworks for use > with a CMS that I built. Every time he builds a new template, I have to > "fix" the HTML to make the template so hat it is height flexible. As > is, the navigation gets all crazy and stuff. > > The templates he generates are heavily table oriented with those > obnoxious filenames (template_r2_c1.gif, etc). > > It's not particularly easy to fix them so I'm kinda wondering if any of > you fireworks users out there know how to get fireworks to generate HTML > that isn't quite so bass-ackwards. > > I'm not a fireworks user so I can't really help him much. > > He's using Fireworks MX 2004. > > Rick > > ~| Message: http://www.houseoffusion.com/lists.cfm/link=i:4:236362 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4 Donations & Support: http://www.houseoffusion.com/tiny.cfm/54