1. CSS
  2. Flash
  3. HTML
  4. Illustrator
  5. Java
  6. JavaScript
  7. Maya
  8. Photography
  9. Photoshop
  10. PHP
  11. Ruby
  12. Ruby on Rails
  13. 3ds Max

Photoshop: Export your design to divs with photoshop

  1. Clicks today:
  2. Clicks this month:
  3. Overall rating:

Photoshop » Web Layouts — about 14 years ago
Ever wondered if you could change the settings in Photoshop so that you could export your sliced design in css and xhtml instead of tables? In this tutorial I will go in to full detail how to do just that!


avatarColinsmiley about 14 years ago

Thanks! Great tutorial :))

avatarOnesourceFX about 14 years ago

Thanks, be sure to register and request some tutorials that way we know what kind of tutorials our user base is looking for! More tutorials to come!

avatarJacorre about 14 years ago

Is the resulting code standards compliant? The downside to doing it this way is that Photoshop creates generic names of the divs and later on if you have to do some editing you have no clue which is what at first glance. It's always better to code the layout yourself since you have more control in the naming and things like that.

avatarOnesourceFX about 14 years ago

Jacorre, I 100% agree with you but for someone who doesn't know much about coding, its a great way to start. As for the standards complaint I haven't really looked into it, I don't use this method I do use photoshop to slice my design but then I only export the images, and do the coding myself. Cheers!

avatarstatman11 about 14 years ago

looks quite useful.

avatarhumaxDVB about 12 years ago

Sorry where i can find the tutorial. I am a newbie.

avatarhayedia 10 months ago

I like this weblog very much, Its a rattling nice office to read and get information. "Perpetual optimism is a force multiplier." by Colin Powell. More Info At: קידום אתרים

Your Comment

You must be logged in to post a comment.