SEO Tips for CS4 Applications, Part 3

Here is a suggested workflow for designing a website in Illustrator and Photoshop, slicing it up with the slice tool, and then taking it into Dreamweaver.

This video requires Adobe Flash Player.

Visitor Comments »

 

Kick ass tutorial on slicing up a prospective web design in photoshop. I like the integrated SEO tips. Not incredibly important, but for the time it takes to do at, a great addition for anyone.

 

Comment by david wolf | June 17, 2009 @ 1:23 am

 

Great tutorials Geoff, i’m starting to get serious with Adobe products besides PS. So this is very helpful. Thanks :)

 

Comment by Marvin Van Loon | July 1, 2009 @ 4:25 am

 

Great tutorial, very helpful, especially that photoshop now exports CSS.
Question: After bringing sliced design into dreamweaver I want to add background color to extend beyond the original dimensions of my design. However the background color hides the text I placed in the cut outs from the design. I also can’t get the background to extend past the design in a fluid layout. Here’s the site I’m talking about: http://artsiona.com/commissions2.html. Watch what happens if you make the browser window narrower.

Thanks for any help you might provide.

 

Comment by greg | August 6, 2009 @ 4:47 pm

Leave us a comment

Comments RSS | TrackBack URI

Back to Top

 
 
Advertisement
Creative Suite Tutorials
  1. Photoshop Photoshop
  2. Illustrator Illustrator
  3. Indesign Indesign
  4. Dreamweaver Dreamweaver
  5. Fireworks Fireworks
  6. Premiere Premiere
  7. Flash Flash
  8. After Effects After Effects
  9. Lightroom Lightroom
  10. Acrobat Acrobat

Get the latest tips, tricks and news delivered straight to your inbox.

From our Partners
Subscribe to Layers Magazine
 
 
 
  • Back to the Layers Magazine Homepage
  • Creative Suite Tutorials
  • Layers Magazine
  • Reviews on top products
  • Layers Magazine Reader Forums
  • Subscribe to Layers Magazine