-
1. Re: PSD to DIV Layout
BenPleysier Feb 24, 2013 8:22 AM (in response to manojb05)Hi Manu,
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-building-a-set-of-website-d esigns-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.
-
2. Re: PSD to DIV Layout
manojb05 Feb 24, 2013 9:01 AM (in response to BenPleysier)thanks gramps. plz let me know.
I think all webdesigner is do similar way? In any chance another way to present our client to first layout.
-
3. Re: PSD to DIV Layout
Nancy OShea Feb 24, 2013 9:57 AM (in response to manojb05)PSD is sometimes presented to the client. If they approve the design, then we set out to re-build it with HTML & CSS.
Nancy O.
-
4. Re: PSD to DIV Layout
mhollis55 Feb 24, 2013 12:19 PM (in response to Nancy OShea)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.
-Mark
-
5. Re: PSD to DIV Layout
BenPleysier Feb 24, 2013 3:53 PM (in response to manojb05)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).