Dreamweaver and Photoshop Integration

CATEGORIES: Tutorials, Photoshop, Dreamweaver | RC | March 03, 2008

The two apps play very well together. Learn how to use this dynamic duo to create great-looking websites.

This video requires Adobe Flash Player.

Visitor Comments

I am always amazed at the true capabilities of the 2 programs. Thank you for the great tutorials, even I can follow along.
I may have to stop the video a few dozen times, but it is fantastic.

Ed | March 18, 2008 23:20pm

I hope nobody else finds this that is new to the web. Everything about it is the wrong way of creating a site. Tables destroy sites on mobile devices, everything is unselectable text, and your page is too wide for 800x600 screen resolutions. Come on man...

Mick | March 19, 2008 01:06am

Thanks a lot awesome and so simple for you.
I'm 40 and I'm goin' back to"my studies" cause i discovered that graphic design was my real goal. After 15 years (i had an apple and NeXT center) I'm jumpin triyng to fly over the wave of actual graphic design like my mentor "N Brody" did and did so well.

I like very much this magazine and i have the idea to translate it in french with some Adobe's addicted.
Hope i'tll work

Continue to share it should be the first "envie" of every artist

Jerome SERRA | March 19, 2008 03:05am

Aw, Mick.. you found me out! You bring up a great point on screen sizes, and something everyone should pay attention to.

The settings that I have on the demo do not conform to 800x600, but they weren't supposed to. Designing for 800x600 (IMO) is something that i find myself doing less and less these days. Most places that Im looking at sites for have statistics that show under 10% of users using 800x600 resolutions - thank goodness.

If you were designing a site for mobile device, you should -definitely- look into using a CSS based layout for laying out a site. This shows you how DW and PS can work together.. not a full workflow for all scenarios. KT has classes that show both methods (CSS and Tables), so its up to the designer to figure out how to deploy the site. I personally think tables get a bad rap - sometimes, you just have to get out something fast.

As soon as I figure out how to make Trajan a default font so I dont have to use it as a graphic, that's the next tutorial :) Till then, making it a graphic for slicing and rollover is our only option here. The center copy of the site is thrown out, replaced by an ER in DW.

We're just showing how the programs interact.. not necessarily a full workflow.

Hope it clears it up!
RC

RC | March 19, 2008 08:57am

Leave us a comment

 

 

Advertisement
Creative Suite Tutorials
  1. Photoshop Photoshop
  2. Illustrator Illustrator
  3. Indesign Indesign
  4. Dreamweaver Dreamweaver
  5. Photography Photography
  6. Flash Flash
  7. After Effects After Effects
  8. Lightroom Lightroom


From our Partners
Subscribe to Layers Magazine