I have a PSD web layouts, i dont know how can i re-create same template for website with help of DIV.
Iam find out a lots of tutorial but its not more conveint.
Plz help for this
It is great that you are working with a design package to create a mockup for your website. However, it is only a mockup and you still need to do the hard work yourself. You can use the Photoshop images for backgrounds etc, but that is as far as it goes.
Have a look here http://net.tutsplus.com/tutorials/site-builds/from-psd-to-html-buildin g-a-set-of-website-designs-step-by-step/ to see the work that goes into creating a web page from a graphics program.
Please keep in mind, if there was an easier way, the author (an expert) of the article would have found it.
When I am designing with a designer, I ask him for a .PSD file with all of the layers. What I send to my client is a .PDF file so that my client, who often cannot open a .PSD file, will be able to look at it and determine if they like the design.
Then I begin with Dreamweaver to design the site based on the .PSD, using elements in the layers. Generally takes me a good day to crank out the first page, whereupon I will then have something for the client to approve as a working web page. When they approve that, I convert that to a Dreamweaver Template (DWT) and start churning out the website.
You may want to have a look at this framework http://foundation.zurb.com/prototyping.php for rapid prototyping of a web site.
You can use the images from PS, while the page is fully RWD (responsive web design).
Europe, Middle East and Africa