Convert a .psd into xhtml and css

Discussion in 'HTML & Website Design' started by zephyrvid, Apr 12, 2007.

  1. #1
    I have a layout in mind and i want to make a theme using xhtml and css only and eventually convert it to wordpress but that's the next step. Could someone please guide me on how i can first get the xhtml and css part done?
     
    zephyrvid, Apr 12, 2007 IP
  2. Bagi Zoltán

    Bagi Zoltán Well-Known Member

    Messages:
    364
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    110
    #2
    I don't know any software that would convert it to this language. Imageready would convert pds into html.
     
    Bagi Zoltán, Apr 12, 2007 IP
  3. dhruv

    dhruv Peon

    Messages:
    131
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    you can use imageready to do it but imageready (CS2, dont know about previous edition but i think they used tables... ugh) uses absolute positioning which is not a very good idea. though you could use the imageready generated code and substitute the absolute position with relative positioning.
    in general, coding XHTML + CSS is always best done by hand. don't depend to much on automated software for this purpose.
     
    dhruv, Apr 12, 2007 IP
  4. zephyrvid

    zephyrvid Guest

    Messages:
    36
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I know about selectors and properties. Any tips on how i should go about constructing the theme. I know how to but the manner that has to be followed, i do not really understand.
    Please let me know
     
    zephyrvid, Apr 12, 2007 IP
  5. Mooseman

    Mooseman Peon

    Messages:
    453
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Why use imageready? Just slice it up in photoshop if you want to use tables.
     
    Mooseman, Apr 12, 2007 IP
  6. Louis11

    Louis11 Active Member

    Messages:
    783
    Likes Received:
    26
    Best Answers:
    0
    Trophy Points:
    70
    #6
    I wouldn't recommend using Imageready to slice up your theme. In my experience in creates layouts that are not compatable with the various browsers, and in most cases (all that I have seen) are never compliant with WC3 standards. It's just as easy, and much more efficient to just slice it up in Photoshop and use (preferrably) CSS/XHTML or Tables.
     
    Louis11, Apr 12, 2007 IP
  7. Swordfish

    Swordfish Active Member

    Messages:
    988
    Likes Received:
    30
    Best Answers:
    0
    Trophy Points:
    70
    #7
    it is quite complex if you are used to working with tables...but once you learn the in's and out's it is the only way to go... i'd consider hiring a pro and then see how they did it...

    good luck
     
    Swordfish, Apr 12, 2007 IP
  8. dhruv

    dhruv Peon

    Messages:
    131
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Take a look at this page.
    It'll take you step by step through creating a CSS layout from scratch, if that what you want to know.
    Personally, i feel the best approach is to code by hand (I know I'm repeating myself) and not trying to use any software to generate the code.
     
    dhruv, Apr 12, 2007 IP
  9. unique-i

    unique-i Active Member

    Messages:
    188
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    58
    #9
    It is recommended to code by hand thats the best way to learn ... BUT I've found these 2 links, hope these help you.

    _http://www.medialab.com/sitegrinder/
    _http://www.psd2html.com/
     
    unique-i, Apr 13, 2007 IP