How to convert PSD to HTML

by Logia

Posted: 11 years ago 18 replies

WEB DESIGN

Hello, this is my first post here in WF, pardon me for posting a question rather than an introduction about myself but anyway, here's my situation. I need to convert this image to a website, which is a 5 paged, and just uses simple photos and videos and contact form, I can do all of that by coding, but I i don't have much time, deadline is wednesday, and I only started leaning CSS.

My question is, there a quick way to make this photo into a website in using customization? Or should I just code this manually (which requires intensive effort in my situation). The client selected this before I discovered wordpress. This is my first client website, for $250, and i don't know what to charges monthly, i'll use HostGator baby plan because I read about it, having a good reputation and many advertising. All in all, I'm a complete newbie in selling website, not making it though.

Note: The text and images are all lorem ipsum, no grammar nazi. But if you have tips about the design, it will be really appreciated. It's a rental apartment website.

#convert #html #psd

hari12345

11 years ago

Hi Logia,

Welcome to WF. Unfortunately I don't know anything that converts an image into a HTML page and even you will definitely need to code to customize it. Let me know If you want my help in completing it.

Thanks
1 reply

Signature

Cheapest Designing service with so many +ve reviews....Only for warriors at this insane price

{{ DiscussionBoard.errors[8903086].message }}

Logia

11 years ago

Originally Posted by hari12345

Thanks but I think I will do just fine.

Thanks
1 reply

{{ DiscussionBoard.errors[8904045].message }}

mxwealth 11 years ago

use xhtmlchop, we have used it with great results
- Thanks
{{ DiscussionBoard.errors[8904599].message }}

dexterc 11 years ago

Do you have a copy of Photoshop? If you have... there's a Slice Tool that you can use to slice out each part of your image. After slicing you will be able to use Photoshop to automatically convert it into HTML.

If you do not have photoshop... i read something about HTML Image Map which you can use to create clickable areas in your image.
- Thanks
- 1 reply
Signature
Private Label Rights | Themes & Graphics |
IM Releases
{{ DiscussionBoard.errors[8903591].message }}
- rhinocl 11 years ago
  
  There are some services online that will give you the css to make a page look like an image. (just Google) The problem is that is not exactly the same as having all the code to make a site work. In other words although it will look like the image you still need to add the code that will make your contact forms and menu work properly.
  
  Thanks
  
  Signature
  cheap search engine optimization
  
  {{ DiscussionBoard.errors[8903628].message }}
shahriyar 11 years ago

PSD can be converted to multiples images + HTML by slicing, checkout this video =>

Photoshop to HTML and CSS Tutorial: Convert PSD...
- Thanks
Signature
Super WSO => No hype, No Catch, 25+ SEO Tools

**Keep Hackers Away** 176+ Rock Solid Security for Wordpress
{{ DiscussionBoard.errors[8903753].message }}

Istvan Horvath

11 years ago

You are charging the client for something you have no idea how to do it?
Poor client - I hope s/he will find this thread sooner or later...

You should pay them that they let you learn on their website

Thanks
1 reply

Signature

{{ DiscussionBoard.errors[8903891].message }}

Shadowflux

11 years ago

It's fairly easy if you have Photoshop. You just slice it up and then export > html and images.

Slicing up a PSD is far from the best way to design a site, especially these days. I'm not even sure CSS is going to help you at all.

Next time, however, you probably shouldn't sell a service you can't actually do.

Thanks
2 replies

Signature

Native Advertising Specialist
Dangerously Effective
Always Discreet

{{ DiscussionBoard.errors[8903933].message }}

Logia 11 years ago

Thanks for the suggestion. I do have some experience in web design and developing, back in high school I'm the president of our web development organisation, and I pretty much do all the work from creating rough draft to coding the website, the only thing my team mates had done is collecting inputs.

The reason my situation suck is because, I should have discovered WP first and show her premium themes which will speed things up. If there is no way, I'll just review responsive website tutorial which will take me about 5-10 hours to regain my memories. But assuming there is a faster way to do this, I'll try your suggestion guys. This is a simple website which do not require ecommerce and seo etc, just a display website. 2 days is long enough for me to make this website the hard coding way.
- Thanks
{{ DiscussionBoard.errors[8904017].message }}

sf_Imtiaz

11 years ago

Originally Posted by Logia

My question is, there a quick way to make this photo into a website in using customization? Or should I just code this manually (which requires intensive effort in my situation).

Manually, and it's no more than 20 minutes of work. PM me if you need my help.

Originally Posted by Shadowflux

I'm not even sure CSS is going to help you at all.

You've no idea what you are talking about. How else if not CSS?

Thanks

{{ DiscussionBoard.errors[8908585].message }}

sham2 11 years ago

Hello Logia and welcome to the Warrior Forum, If you have PSD file then you can convert to html easy in free. There are many online website that convert PSD to HTML in free or in low cost. I suggest this website for you PSD TO WEB - Convert .psd files to html online. .
- [ 1 ] Thanks
{{ DiscussionBoard.errors[8905471].message }}
danielmartin040 11 years ago

Hello All,
There are many company who provides PSD to HTML service. But how to choose a best PSD to HTML service provider company.
- Thanks
- 1 reply
{{ DiscussionBoard.errors[8908544].message }}
- shahriyar 11 years ago
  
  Originally Posted by danielmartin040
  
  Hello All,
  There are many company who provides PSD to HTML service. But how to choose a best PSD to HTML service provider company.
  
  You can go to freelance.com and post a project for free, you will get bids from designers and based on their samples you can decide who to give the task.
  
  Thanks
  
  Signature
  Super WSO => No hype, No Catch, 25+ SEO Tools
  
  **Keep Hackers Away** 176+ Rock Solid Security for Wordpress
  
  {{ DiscussionBoard.errors[8908546].message }}
Edwardwilliam74 11 years ago

Wow, there is a lots of important things mentioned here these are very useful for conversion.
- Thanks
{{ DiscussionBoard.errors[8909530].message }}
rinkyangel 11 years ago

Hi, Thanks to all for sharing best PSD to HTML service provider company and shared our thoughts.
- Thanks
{{ DiscussionBoard.errors[8911808].message }}
mike32 11 years ago

psd2html.com has done good work for me in the past. I would recommend them
- Thanks
{{ DiscussionBoard.errors[8917995].message }}
khushiangel 11 years ago

Hello, I am searching a PSD to HTML related service provider company, who will give me best service for my project at affordable price. but i want to know how to choose a best company for my project?
- Thanks
{{ DiscussionBoard.errors[8922992].message }}
Hudson White 11 years ago

I can only think of Chopfactory, using their services for more than a year and would recommend for sure.
If interested can share their contact details or you'll get it from the website itself
- Thanks
{{ DiscussionBoard.errors[8923071].message }}

How to convert PSD to HTML

Trending Topics

Hope I am welcome

Ramping up your LinkedIn efforts in 2025

Will Repetitive Solutions in Error-Fix Articles Be Considered Duplicate Content by Google?

Should I Give this SEO Strategy a Go?

How can I start and where? Cold emailing is forbidden in GERMANY, since GDPR, which paid networking