PSD to Resposive HTML and CSS

I have made a homepage for my trailing businesses having an awesome look in Photoshop. Now i want to convert it into responsive HTML and CSS format. I search couple tutorial on Youtube but couldn't find anything which can actually help me. Can anybody give me some suggestions or source where i can find my solutions.

 

No. You have not made a homepage, you've made some fancy graphics in photoshop, which has nothing to do with designing webpages.

What you do is as follows:

Find out what the content is. Write it down, in a plain text file, without any HTML.

Then you add semantic html elements. Headings, paragraphs, lists. Then, when that is done and correct, you start on the styling, and adding non-semantic html elements like divs and spans.

Your photoshop design should be possible to replicate almost 100% with CSS. Avoid using images where it's not needed, like for single color backgrounds, gradients etc. Don't use images for text, and always allow for text replacement in case people have turned off images.

For the responsive bit, don't use px measurements, use em or %, and make sure you make the design flexible.

 

As PoPSiCLe said, Photoshop is not a tool for web development.

I recommend you reading this article: http://cutcodedown.com/article/progressive_enhancement

 

Use Brackets by Adobe. It has some means to converts PSD to HTML.

 

Best solution for you

Before converting a psd to html css, you should know how to design a basic web page . Besides it you won't convert.
So you can hire a web designer to correctly.
Thank you

​

 

Theoretically, it should be.