So I'm new to PSD's and turning them into coding and was wondering if anyone had some tutorials I can look though? :) I know the basics of coding a website so I'm sure that will help. Hehe.

Hi Lyseria,

Here is the tutorial you can refer to code your PSD.

http://designm.ag/resources/converting-psd-to-html/


Hope this helps,

Cheers,

It will be tough to convert a PSD into html page if you dont know photoshop and HTML.

Try slicing option in photoshop or save as html using photoshop

Go to www.htmldog.com to learn HTML and CSS.

This is a good video tutorial series to learn PSD to Code: http://css-tricks.com/videos-screencasts/1-converting-a-photoshop-mockup-part-1-of-3/

http://net.tutsplus.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/ - That is one of the better tutorials i have seen. Also if you look around that site you will find some more :)

www.psd2cssonline.com

is another good place to start...

however which ever route you take your need to know atleast the basics at HTML and/or CSS.

+1 for psdtocss
but doesn't complement fast page loads as it just slices it up into images.

Look for software named Site Grinder. It integrates with PS and helps convert you pages to HTML.

Start by learning HTML and CSS - completely away from trying to convert this PSD into a template.

Once you start to get the hang of HTML, CSS and the different methods in structuring the markup then try and start coding your PSD into template form.

Unfortunaly, it's not something you pickup overnight. You have to learn the basics and then look into more complex problems such as cross browser compatibility, search engine friendly-ness etc.

EDIT: Completely ignored the fact some links would be helpful. I found ( even though this is a few years back) that this helped: http://www.w3schools.com/html/default.asp for the basics.

also if you go on youtube and type in psd to html there will be a bunch of video step by step tutorials

Carrying out a website project from start to finish once the initital psd design is completed is not an easy task. You should expect to take a good couple months to learn it without using a guide / tutorials.

Learn XHTML and CSS. Learn commenting as well.

Regarding site grinder, for those looking for a quick fix this is good software however it would be more cost effective to use a code than to pay $300 for software. The ones who would use Site Grinder are design agencies and most would not even look at it as the output is not the best.

Once you learn XHTML and CSS and can validate coding 100%, learn how to make it cross browser compatible with Firefox, IE, Chrome, Opera, Safari are the major browsers. Also make sure to follow accessibility.

Once you learn the basics, move onto Javascript, Ajax, and "PHP, Ruby, ASP or some other programming language".

To outsource quality PSD to XHTML / CSS from a freelancer / company, you would be looking at $75-$150.

Good Luck

Take no offense dalexdesign but, the op is looking for tutorials and you have him/her ? on a 5 year program to learn the design profession, plus 6 different codes. :confused:
Not sure that's what she's looking for.
On the othe hand, if Lyseria would like that type of knowledge, I think there's already a place for that, ....College.

Plenty of tutorials out there ,
just google in psd to xhtml tutorial and you get many results

Tizag dot com is great for starting out with html, css, php, and more.

Using any kind of tools to slice up a PSD and create a web page is likely to create some hideous page code with lots of image slices. Meaning it's likely to load slowly and give the search engines trouble when it comes time to index your site.

Even paying a good designer to do a site from scratch is likely to be easier and cheaper than trying to match what someone has created in photoshop (depending on the complexity)