• andyr
  • New member
  • Offline
  • Registered: May 30, 2009
  • Posts: 2

Topic: Design & Slice a Photoshop Mockup to Dreamweaver

Hi all,

looking for information on the following:

No. 1: Any good tutorials out there that show the following steps: a)
creating the mockup in photoshop. b) slicing the mockup and c) getting
it working in Dreamweaver, marking it up with xhtml / css i.e. the
whole process.

No. 2: Which is better to use photoshop initially and then dreamweaver
or just design the website in dreamweaver alltogether - what is the
preference of most web designers - what's the trend or current practice?

thanks,

Andy R wink

Vote up Vote down

  • Eric
  • Advanced Member
  • Online
  • From: Carlsbad, CA
  • Registered: December 19, 2008
  • Posts: 2,177
  • Reputation: 1

Re: Design & Slice a Photoshop Mockup to Dreamweaver

Well here is how to slice up an image in photoshop.
http://www.visibilityinherit.com/code/p … images.php

If you try and let dreamweaver code it for you. Your next question will be, why is my website broken, and why does my website look different in all browsers? Avoid the frustration and learn to hand code it yourself. It's the only way that works. Or, atleast works without a hundred errors.

www.visibilityinherit.com/tools.php

Vote up Vote down

  • From: Salisbury UK
  • Registered: December 20, 2008
  • Posts: 1,330

Re: Design & Slice a Photoshop Mockup to Dreamweaver

I agree. I wish this "slicing" had never been devised as it always seems to create hundreds of td cells in lots of tables and it's incredibibly difficult to sort out missing or extra tags later on.

Learn to code html and css manually using divs, not tables.

There's usually no need to slice images, you use whole images as background images or normal images and can layer other images or text on top if you want.

Vote up Vote down