No Software to convert PSD to XHTML/CSS ?

Discussion in 'HTML & Website Design' started by duperhost, Apr 12, 2009.

  1. #1
    There is no software to convert the design PSD into XHTML/CSS or HTML/CSS ?
     
    duperhost, Apr 12, 2009 IP
  2. Sapphiro

    Sapphiro Well-Known Member

    Messages:
    1,242
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    175
    #2
    Ehhh, I think there's an option to convert PSD to XHTML/CSS - but even so, you'll not get what you want and there will be still many changes you'll need to do. (And even tougher cause you gotta read the xhtml/css from top to toe to know what's already there and what's not)

    It's still the best to go for a manual xhtml/css coding service. Just like domain appraisals, manual ones are still the best and should never be comprimise with automated ones. :)

    You can get cheap xhtml/css services in DP but I'm not sure about their quality, if you're looking for quality work, you can perhaps try me. :D
     
    Sapphiro, Apr 12, 2009 IP
    duperhost likes this.
  3. duperhost

    duperhost Well-Known Member

    Messages:
    817
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    130
    #3
    Thank you Sapphiro, I will try
    by the way, I have found a site who can make it but it has some difficulties by uploading the PSD and it will convert it.

    I am looking for desktop application that can do it.
     
    duperhost, Apr 12, 2009 IP
  4. fish

    fish Well-Known Member

    Messages:
    450
    Likes Received:
    36
    Best Answers:
    0
    Trophy Points:
    120
    #4
    I'd have to agree with Sapphiro on this. Your best bet is to get a PSD coded by hand. If you have a PSD that needs to be coded, I'm sure there are plenty of people here on DP willing to do this for a reasonable price.

    Just wondering, what's the site you found that can take an uploaded PSD and convert it? Are you sure it's automatic?
     
    fish, Apr 12, 2009 IP
  5. Sapphiro

    Sapphiro Well-Known Member

    Messages:
    1,242
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    175
    #5

    Photoshop itself can convert PSD files to valid xhtml/css:
    http://www.duclaux.net/blog/how-to-...ecise-tutorial-with-illustrations/2006/02/08/


    but still, I would highly recommend you not to go for auto conversions, since you'd probably need more time recoding (and the whole valid xhtml/css might not be working the way you want afterall - eg. 'expandable' parts, and other indepth details) than getting it coded from scratch. :p lol
     
    Sapphiro, Apr 12, 2009 IP
  6. digital29

    digital29 Peon

    Messages:
    462
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #6
    you can use imageready (photoshop)
     
    digital29, Apr 12, 2009 IP
  7. ClassHelper.org

    ClassHelper.org Guest

    Messages:
    273
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Anything you attempt to use for completely automatic PSD->HTML conversion is going to produce horrible results. This is absolutely something that needs to be done by a professional, unless massively bloated pages that take 15 seconds to load, an unreadable mess of code, and complete non-conformance with web standards is alright with you.
     
    ClassHelper.org, Apr 12, 2009 IP
  8. duperhost

    duperhost Well-Known Member

    Messages:
    817
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    130
    #8
    It can be done with fireworks ;)
     
    duperhost, Apr 12, 2009 IP
  9. hounder

    hounder Peon

    Messages:
    56
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Photoshop is the best way to go.
     
    hounder, Apr 12, 2009 IP
  10. duperhost

    duperhost Well-Known Member

    Messages:
    817
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    130
    #10
    maybe, Photoshop only for Design ;) and you can use plugins or addon in photoshop to convert it to dreamwaver, there are several ways actually to do it.

    its maybe complex way to understand to do it manually.
     
    duperhost, Apr 13, 2009 IP
  11. leetmindz

    leetmindz Active Member

    Messages:
    155
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    55
    #11
    Just use the slice tool in photoshop to slice the diffrent sections of the website and (if you're using cs3 or newer) select "save for web and devices" and change the "output settings". There's an option that if checked inside photoshop will export table less xhtml strict code using divs rather then tables, and it'll also put all the needed style sheet attributes in there. Completely automated and completely compliant. :)
     
    leetmindz, Apr 13, 2009 IP
  12. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #12
    1) Automated tools to do that type of conversion usually result in horribly coded train wrecks of pages that don't work cross browser for ****. Just like how the WYSIWYG parts of things like "the artist formerly known as frontpage" and that steaming pile of crap known as dreamweaver do more to ruin a website than help it.

    2) Starting with a goof assed pretty picture for a site design is putting the cart before the horse that usually results in a total miserable /FAIL/ at web development.

    Why do I say this? Because you can't say in a picture what is a h1, what's a h2, what's going to be a paragraph, pictures do not adjust to changes in content and often tie you to designs that cannot grow/shrink as the content is edited, it tempts you into having your heart set on fonts that cannot be used on a website that actually bothers with accessability - It's a disaster waiting to happen. Whoever the hell started this 'design in photoshop' BULLSHIT needs to be taken around back of the woodshed with a 30-06 and put down like old yeller... or at the very least have their head bashed in with a cinderblock.

    This is the process I advocate

    STEP 1 - START by determining the content that will go on the site, then mark up that content using semantic markup saying what each part of that content IS with ZERO concern for how it is going to look on the final page. This will result in a page that degrades well when CSS and the pretty pictures are unavailable. This also will show you what search engines are likely to see for your page so long as you put NO PRESENTATIONAL ELEMENTS IN YOUR MARKUP AT THIS STAGE.

    STEP 2 - THEN bend that markup to your will using CSS to create your layout with some nice backgrounds and colors for people who are still stuck on 33.6 (upstate VT, upstate NH, backwoods ME, Utah, Colorado) or are stuck paying for METERED bandwidth and as such turn images off.

    STEP 3 - ONLY at this point should you be going to your paint program to create images to hang on the layout. You may need to add an occasional SPAN sandbag or wrapping DIV as hooks for the images at this point, but those should not effect rendering as it appeared at the other two stages.

    Starting out with some goofy art (sexual preference slur) picture is a completely back-assward approach to web development, started by artsy designers who frankly wouldn't know accessability if it stripped naked, painted itself purple and hopped up on a desk singing "look at what a well formed document I am"
     
    deathshadow, Apr 13, 2009 IP
  13. Sapphiro

    Sapphiro Well-Known Member

    Messages:
    1,242
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    175
    #13
    Yeh, so in conclusion - don't go for these automated services. :p
     
    Sapphiro, Apr 13, 2009 IP
  14. gopalraju

    gopalraju Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #14
    No software can convert your PSD to "perfect" HTML. I think you should go ahead with some service providers like psd2html.
     
    gopalraju, Apr 13, 2009 IP
  15. leetmindz

    leetmindz Active Member

    Messages:
    155
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    55
    #15
    yeah i agree doing it with photoshop does seem to be somewhat of a hastle but it does give you a nice base structure of divs

    (always has to be modified, but if you can automate even half the process you double your output)

    So from a time vs money standpoint it can be helpfull. But sometimes its just best to do it the old fashioned way.
     
    leetmindz, Apr 14, 2009 IP
  16. shra14u

    shra14u Peon

    Messages:
    22
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #16
    hey here is the site which convert psd2css http://psd2cssonline.com/, i know u r looking for desktop application..but stil give it a try, it woks well but some parts of your psd maybe missing so u need to fix them.
     
    shra14u, Apr 14, 2009 IP
  17. Mw_WebDesigns

    Mw_WebDesigns Banned

    Messages:
    114
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #17
    I would never use any program to create a valid xHTML and CSS site for me. programs can never be trusted. You will have to read through the whole code to check it and make changes anyway so why not code it from scratch.

    Using a program will always give you more trouble than its worth. If you want a full proof program that could do this with a 100% full proof guarantee with no edits needed or checks then HIRE A CODER!!

    -Matt.
     
    Mw_WebDesigns, Apr 14, 2009 IP
  18. The_Studio

    The_Studio Peon

    Messages:
    97
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #18
    The_Studio, Apr 15, 2009 IP
  19. duperhost

    duperhost Well-Known Member

    Messages:
    817
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    130
    #19
    leetmindz, yes i agree that you have to edit it little bit after you done it check the code and do some fixing, to be valid at the end.

    shra14u, yes this site still an option, i try to use it they have samples and tutorials, but it kinda hard to figure it out.

    Mw_WebDesigns, yes for professional work it should be programmer to do it yes, but for fast work or some kind of pages, i have to do it my self for faster, if i just want to do something fast, not for longterm project, so i have to do it myself.

    The_Studio, SiteGrinder yes still an option not many people can effort it, its photoshop plugin that produces html/css from photoshop directly.
     
    duperhost, Apr 15, 2009 IP
  20. Erratic-Evolutions

    Erratic-Evolutions Banned

    Messages:
    211
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #20
    automated tools are never good because the pages turn out crap and psd isn;t reeally even close to xml/css, it would be best to do it professionalt by hand
     
    Erratic-Evolutions, Apr 15, 2009 IP