Conversion from psd/fwk to css/html

Discussion in 'HTML & Website Design' started by buckmajor, Aug 5, 2008.

  1. #1
    Hi there

    Just wanted to know the best and effective way to slice your images from psd to html/css.

    I have been doing mind in fireworks for a while and now trying to learn how to convert it from psd to html/css which is quite good on this video tutorial http://www.youtube.com/watch?v=DVfxe4pqvo8

    Does anyone have a different method?

    Many thanks in advance

    CHEERS :)
     
    buckmajor, Aug 5, 2008 IP
  2. AutoTerminal

    AutoTerminal Active Member

    Messages:
    184
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #2
    I can not open youtube in the office. Do you have other demo site. We could use a free file upload like filestance or uploadstar. just email me the link
     
    AutoTerminal, Aug 5, 2008 IP
  3. buckmajor

    buckmajor Active Member

    Messages:
    574
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    58
    #3
    Most people use youtube these days but I have some worded tutorials for you.

    Try these:

    http://hv-designs.co.uk/2008/05/20/psd-htmlcss/
    http://www.partdigital.com/tutorials/convert-web/
    http://nettuts.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/

    Sorry dude the best I could do.

    CHEERS :)
     
    buckmajor, Aug 5, 2008 IP
  4. buckmajor

    buckmajor Active Member

    Messages:
    574
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    58
    #4
    I just learn how to use the psd to html way but realize that you can't turn the slice on/off like in fireworks or create multiple frames to include your overstate buttons. Unless I'm doing something wrong lol.

    Learning from todays lesson, so is better to do up the screen design in psd first then slice it up in fwk cause I think it is but you might have a different opinion.

    Does anyone has any suggestions?
     
    buckmajor, Aug 5, 2008 IP
  5. skzubair

    skzubair Well-Known Member

    Messages:
    514
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    135
    #5
    The best way to do is by hand coding, I just separate layers in PShop and save them as individual files .jpg/.gif/.png etc and then arrange or code them together using xhtml/css, even mouse over states :)
     
    skzubair, Aug 6, 2008 IP