PDA

View Full Version : Photoshop web design compatible with css coding



countyleaf
Jul 15th, 2010, 09:04 AM
Designing a web design in photoshop is not a problem, nowadays people ask for table less design, anyone knows any tutorial on how to slice photoshop web design properly in order make life easier for css coders.

semiSkim
Jul 15th, 2010, 02:28 PM
If you want to create modern websites you should teach yourself to use Adobe Dreamweaver, you can create your design concept in photoshop, and construct the design in dreamweaver by saving your required concept parts as images.

There are other apps out there but Dreamweaver is generally considered the best.

Major Payne
Jul 16th, 2010, 07:45 AM
Photoshop and Dreamweaver are usually integrated in a loose way. In Photoshop, you should have an option to export your Project to Dreamweaver.

Might help:

Creating your first website – Part 1: Setting up your site and project files (Adobe CS3/4):
http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt1.html

harihan
Jul 17th, 2010, 11:51 AM
Dreamweaver is the best.


hire seo professional (http://www.harihan.com/search-engine-optimization.html)

meth
Jul 31st, 2010, 01:10 AM
I haven't come across a tutorial about the finer points of slicing and dicing. However I believe this task should be left to the dev, not the designer. If the designer makes the slices, it forces the dev to build the site a certain way.

The easiest thing to do is to sort your photoshop layers into organised groups with logical names then just supply it to the dev. If handing over your psd is undesired, then export (24bit png) your design in three parts; background only, background and layout with no fpo text/content, and a comp with the fpo text/content. In 90% of cases, this should be enough for the dev to slice in the desired manner.