How convert psd to html wordpress

Discussion in 'HTML & Website Design' started by irfansyah, Dec 30, 2015.

  1. #1
    I am begginer for world of desain. I have question how to convert psd to html. So where can i convert it.

    What the best tools?
     
    irfansyah, Dec 30, 2015 IP
  2. sarahk

    sarahk iTamer Staff

    Messages:
    28,803
    Likes Received:
    4,534
    Best Answers:
    123
    Trophy Points:
    665
    #2
    You just do it manually. Cut the image, write the css and html, add the javascript.
     
    sarahk, Dec 31, 2015 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    Best tool is the one between your ears; there is no automatic "PSD to HTML" tool, and even if there were the resulting site would be bloated slow inaccessible rubbish.

    Though admittedly, starting from a PSD is ignorant rubbish that has nothing to do with "design"; particularly since most of the artists pretending to be "designers" know so little about HTML, CSS, emissive colourspace or accessibility they aren't qualified to "design" a blasted thing!

    Hence why that PSD you have probably needs to be pitched in the trash and outright ignored. It's not a design, it's art. DESIGN follows things like specifications, usability and accessibility studies, and limitations of the medium -- three things I've never encountered a single PSD jockey who knew even the first blasted thing about.

    See, there is more to a site's "design" than what it looks like, which is why starting out with "what it looks like" is utterly and completely back-assward. It's putting the cart before the horse, then shooting it in the foot for good measure.
     
    deathshadow, Dec 31, 2015 IP
  4. Lucy Barret

    Lucy Barret Member

    Messages:
    56
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    28
    #4
    See Irfan, there isn't any tool that automatically converts your PSD design to HTML. The best you can do is to read the tutorials available online and follow their instructions. Hopefully this will help.....
     
    Lucy Barret, Jan 7, 2016 IP
  5. amzpro

    amzpro Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #5
    At first slice psd file then make html markup then write css to make it looks like psd file then it will be static html css web page then you can make static html to wordpress template or theme. It is the process of psd to wordpress.

    Thanks.
     
    amzpro, Jan 7, 2016 IP
  6. fishook

    fishook Member

    Messages:
    38
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    48
    #6
    Here's a good video tutorial to watch

    There is a part 2 also
     
    fishook, Jan 8, 2016 IP
  7. PoPSiCLe

    PoPSiCLe Illustrious Member

    Messages:
    4,623
    Likes Received:
    725
    Best Answers:
    152
    Trophy Points:
    470
    #7
    The problem with using a PSD file as a layout is that a LOT of what is done in the PSD is probably possible to make using CSS. Hence, only the logo and / or icons / template design images is what you should use (if at all). Almost everything else can be reproduced with CSS (and if it can't, you probably shouldn't use that type of layout on the web to begin with).
     
    PoPSiCLe, Jan 8, 2016 IP
  8. Sharma Ankush

    Sharma Ankush Member

    Messages:
    35
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    28
    #8
    udemy is the best tutorial to build PSD to HTML to WordPress :)
     
    Sharma Ankush, Jan 10, 2016 IP
  9. paul_design87

    paul_design87 Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #9
    As everyone already told that you don't have tools to generated and have to do manually agree with that.! I can suggest best video tutorial ( lynda tutorials )here you can learn the procedure to convert psd to html. Let me know have you find the details. Thanks
     
    paul_design87, Jan 13, 2016 IP
  10. Tanvir Ashik

    Tanvir Ashik Greenhorn

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #10
    you can search google and youtube.Best learning platform.
     
    Tanvir Ashik, Jan 20, 2016 IP