Photoshop PSD conversions to CSS and XHTML Document

Discussion in 'HTML & Website Design' started by coox132, Apr 29, 2009.

0
  1. #1
    hello,

    I am having trouble understanding how to turn a PSD sliced up design to a well coded XHTML and CSS design for a website

    I have both PSCS4 and DWCS4 but whenever I put the images into dreamweaver and try to put the images next to or underneath eachother the images leave a "gap" in between the images.

    I am a complete newb when it comes to css and xhtml coding so if there is anyone who is will to help me out to understand how this process works that would be greatly appreciated.

    PM me or leave a message here

    Thanks,
    John
     
    coox132, Apr 29, 2009 IP
  2. the-hungry-hamster

    the-hungry-hamster Peon

    Messages:
    59
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Have you tried looking on youtube for a tutorial???
     
    the-hungry-hamster, Apr 29, 2009 IP
  3. anisbd

    anisbd Active Member

    Messages:
    204
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    83
    #3
    anisbd, Apr 29, 2009 IP
  4. Oranges

    Oranges Active Member

    Messages:
    2,610
    Likes Received:
    92
    Best Answers:
    0
    Trophy Points:
    90
    #4
    I'll suggest you to Buy HTML/CSS ebook from sitepoint, i started there as well, and it really worth every penny spent on it.
    They have described everything in detail, which make things easier to learn.
     
    Oranges, Apr 30, 2009 IP
  5. acidleaf

    acidleaf Member

    Messages:
    54
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #5
    try using firefox's firebug add-on...i learned slicing and positioning images all by myself without any guides or books....thanks to firebug.
     
    acidleaf, Apr 30, 2009 IP
  6. coox132

    coox132 Banned

    Messages:
    138
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Thanks for all the replys guys I will look into each of your methods

    thanks,
    John
     
    coox132, Apr 30, 2009 IP
  7. justinlorder

    justinlorder Peon

    Messages:
    4,160
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    0
    #7
    For newbies like you, I also suggest you buy books/ebooks to learn some basic at first .

    Thanks for sharing the FF addon.
     
    justinlorder, Apr 30, 2009 IP
  8. offshore web development

    offshore web development Peon

    Messages:
    235
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #8
    You may find good post of converting psd designs to xhtml ready template at

    nettuts.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/
    and
    net.tutsplus.com/videos/screencasts/converting-a-design-from-psd-to-html/
     
    offshore web development, May 1, 2009 IP
  9. Grit.

    Grit. Well-Known Member

    Messages:
    1,424
    Likes Received:
    22
    Best Answers:
    1
    Trophy Points:
    110
    #9
    I thought dreamweaver was easy to use... if you look on the adobe site, there should still be a tutorial... and if i remember correctly there is also a plugin that will convert your PSD's to CSS and XHTML
     
    Grit., May 1, 2009 IP
  10. free3dart

    free3dart Active Member

    Messages:
    241
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #10
    For CSS editing use Stylizer Ultimate
     
    free3dart, May 1, 2009 IP
  11. Sapphiro

    Sapphiro Well-Known Member

    Messages:
    1,242
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    175
    #11
    The best way is to code them manually after making a pixel-precise slicing. :)
     
    Sapphiro, May 1, 2009 IP
  12. coox132

    coox132 Banned

    Messages:
    138
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Well if you could teach me how to sdo this I would be willing to pay for some lessons as long as I actually learn.

    PM me if you are interested

    Thanks,
    John
     
    coox132, May 1, 2009 IP