15 {{ upvoteCount | shortNum }}
15 {{ upvoteCount | shortNum }}

Convert PSD to HTML/CSS

by kret0s
14 replies
  • WEB DESIGN
    • |
How hard is it to learn this skillset?

I have programming experience but not much experience with web design...

I need to learn how to do this in 1-2 days!!!
#convert #html or css #psd
  • Profile picture of the author aldemer
    Hi kret0s,

    This task is not so hard.
    In your psd file you need to slice the image, to determine which one is header and footer, and other images. Under the file menu click "Save for web and devices" in the optimized window just select the image format. click save
    then visit
    w3schools.com/css/


    for CSS tutorial
    hope this help

    Aldemer
    Signature
    Cheap Domain Name Registration
    Affordable Cpanel Web Hosting
     Secure cloud Wordpress Hosting-Unlimited Bandwidth
    SiteLock
    Affordable Virtual Private Servers
    {{ DiscussionBoard.errors[5470387].message }}
    • Profile picture of the author makemepaisa
      Umh.. there's no fast way to do it.. but if you willing to learn it here's the link:
      net.tutsplus.com/tutorials/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/
      {{ DiscussionBoard.errors[5470602].message }}
      • Profile picture of the author Justinspencer
        Good step for convert psd to html but not perfect solution

        Markupbox
        {{ DiscussionBoard.errors[10976194].message }}
  • Profile picture of the author nickhatton
    Meh I wouldnt use any "quick and easy" methods as they tend not to be very good quality. Just cut each element out and place it in its own image file (e.g. menu, logo, contact form background etc) then save it as .png or .jpg .... might be repetitive at first but you will get the hang of it quite quick.
    {{ DiscussionBoard.errors[5475513].message }}
  • Profile picture of the author Linkie
    is it a slicing step?
    i find it difficult to do when you don't master CSS...
    so, i think you should learn about CSS first...
    {{ DiscussionBoard.errors[5499237].message }}
  • Profile picture of the author 1stwebcoder
    Hi kret0s,
    It is not so hard. You need to know the basic knowledge of HTML and CSS. This two languages are the basic building blocks of web. It's good news for you HTML is quite easy to learn. You need 7-10 days to learn HTML properly. Then focus on learning CSS. Remember,It can take few days to learn CSS but you need to spend thousand of hours to become expert. After learning these Technologies you will able to convert your PSD to HTML web template.
    {{ DiscussionBoard.errors[11019526].message }}
  • Profile picture of the author anni456
    If you want to learn this firstly you need to fix your mind & then you need to learn the basic rules of HTML & CSS. For this, you can go some website such as https://www.w3schools.com/html/ & there you can find a lot of HTML tag & CSS, Jquery, Javascript Code with example & you can also use notepad++ so that you can practice this code. Then you can go youtube to learn how to convert PSD into Html
    I think after following this way you can do this properly.
    {{ DiscussionBoard.errors[11019561].message }}
  • Profile picture of the author galantisme
    For me, converting PSD into HTML/CSS is an art, it take lots more than just slicing images.
    {{ DiscussionBoard.errors[11019588].message }}
  • Profile picture of the author seraj2
    Hello kerOs

    Converting of PSD tO HTML/CSS is very subject to the Web Programming because I think it is the first step of the web Programming

    Now, first of all, you have to Photoshop for PSD mockup then you have to learn HTML, CSS from w3schools.com

    Last, of all, you have to practice to convert PSD to HTML, CSS . in this way you can convert PSD To HTML in 1-2 Days

    Serajul Mstafa
    {{ DiscussionBoard.errors[11022360].message }}
  • Profile picture of the author uitechsol
    Originally Posted by kret0s View Post

    How hard is it to learn this skillset?

    I have programming experience but not much experience with web design...

    I need to learn how to do this in 1-2 days!!!
    Hi,
    This is not too much difficult. If you know about HTML / CSS then you could do easily. You have to learn a little about slicing. mean how to slice PSD. There are too many tutorials available. You can search on google or videos at you tube.

    Thanks
    {{ DiscussionBoard.errors[11029194].message }}
  • Profile picture of the author ankur88
    Follow this tutorial on YouTube to Convert PSD to HTML/CSS

    https://www.youtube.com/watch?v=OQGbOI0DZLg
    {{ DiscussionBoard.errors[11035944].message }}
  • Profile picture of the author Tahreem Saeed
    Every language need practice to become a master on it. According to my experience W3schools.com is the best website for learning HTML/CSS.
    Signature

    Creative Designer and Developer !

    {{ DiscussionBoard.errors[11036580].message }}
  • Profile picture of the author yukon
    Banned
    Originally Posted by kret0s View Post

    Convert PSD to HTML/CSS
    Nobody does this since like 2009.



    Originally Posted by kret0s View Post

    I need to learn how to do this in 1-2 days!!!
    You're screwed.

    [edit]
    Never mind, the farking thread is from 2012. That dude gave up years ago.
    {{ DiscussionBoard.errors[11036589].message }}
  • Profile picture of the author aminulislam
    This is not so easy task. You need to expend so many times to learn html & css. But if you tried regularly with full attention you can get this skills. It is called front-end-development as well as web design. If you want to do this kind of work for a long time you need to expert yourself in this area.
    For that you need enough time to expertise yourself as a web designer.
    At first learn html , css then you need to know the basic of photoshop for converting psd file into html.
    thanks.
    {{ DiscussionBoard.errors[11041549].message }}

Trending Topics