Photoshop is the best image editing tool no doubt, But it is not only used for image editing. It is widely used for making website templates, But the main problem designers faced is to convert there design in to HTML. So today i have added some best and detailed tutorials which will teach you how to make psd template and then convert it into HTML.

Part 1: Slicing the PSD and Creating the XHTML

Part 2: CSS

Part 3: Implementing a Bit of Javascript

Part 4: Kicking IE6′s Butt

Could we really call ourselves web developers if we didn’t have to fight with IE6? And is it a coincidence that “6″ is also the number associated with the devil? Who knows.

Mostly, the site looks just fine in IE6, but we should change a few quirks. Create a new stylesheet and call it “ie6.css”. Place it in your CSS folder. Then paste in the following.

#container #mainContent #tier2  {  margin-bottom: 273px !important; } #tier3 #news { position: relative;  left: .56em;  }  #header  {  height: 158px;  }   #header #login  {  top: 1em;   rightright: 1.5em;  }

There’s nothing that we really need to go over. Mostly, I’m adjusting the positioning of a few elements.

The last step is to reference our new stylesheet in the head tag of our document.

<!--[if lt IE 7]>
	 <link rel="stylesheet" type="text/css" href="css/ie6.css" />
	<![endif]-->

Fore more information please visit here:- http://net.tutsplus.com/articles/news/how-to-convert-a-psd-to-xhtml/