Thread: PSD to HTML
View Single Post
  #5   Spotlight this post!  
Unread 21-05-2016, 17:31
Cabey4 Cabey4 is offline
Vision/Scouting/Strategy/Too much
AKA: Tom Schwarz
no team
Team Role: Programmer
 
Join Date: May 2015
Rookie Year: 2015
Location: Sydney
Posts: 26
Cabey4 is on a distinguished road
Re: PSD to HTML

HTML is a descriptive language - you use it to say "This text goes here, blue please, and put a box for input other there, for passwords"
There's also CSS & javascript which do other stuff (CSS makes things beautiful, while javascript makes things interactive)
Those are the three main languages used for making (the frontend) of websites.

PSD is a image file with some detail as to what went into the image. There's no way to convert that bunch of pixels into "Blue text here, password box there, logo here, scroll like this."
You can kinda cheat, and export your PSD picture to a png or something, learn HTML and basically say "Put this giant picture here". By putting the picture there, you can view it as if it was a website, but there will be no interactivity, editing it further will be painful and it will be viewed weirdly from phones, making you zoom around a lot (if you are going to do this, find an actual tutorial to do it properly. google on youtube or something.)

A better way would be to learn HTML, use your PSD as a guide for how it should look, and code something to look like your PSD, but using HTML and CSS. You can also download programs that do the hard coding for you, and make desigining really beautiful websites easy - for example adobe Muse - http://www.adobe.com/au/products/muse.html I would definitly recommend doing a program like this, because it is flexible, dosen't restrain you and does actually integrate with photoshop (but it's still not a big button saying 'export to HTML').
The last option is to use a web site like squarespace to make your website. This is similar to Muse or other website programs, but simply - as well as with less flexibility.

To learn HTML you can use nearly any of the 'learn to program websites'. To make you website I would recommend using something like Muse, which after googling for 2mins looks great to me, or you could do something from an online website like wix or squarespace. But, these are all better than just pasting a website. - here's a blog from someone about it, if you need more explaining. http://blog.teamtreehouse.com/psd-to-html-is-dead
__________________
Reply With Quote