http://www.layersmagazine.com/dreamweaver-and-photoshop-integration

[mitzs]

I am watching RC tutorial and I have to ask. Why would someone create a website in photoshop and then move it to dreamweaver for the code? Why not do everything in dreamweaver? As I stated in the comment, this seems like a waste of time to me. Does anyone else do this? Can someone explain it?

[CurtisMcHale]

This is how ImageReady was replaced. It would allow a designer that can't code to get a website out the door. I agree not best practice but it works.

[kialua]

ha ha. This is exactly what I do as a designer who doesn't code. I design my web jobs in PS and hand them off the PS files to my guy to build. Works great for me but then again I am a confirmed 'Webaphobe'. He doesn't seem to have any trouble with what I hand him and can actually get the site up for me to look at within a day or two.

[mitzs]

ha ha. This is exactly what I do as a designer who doesn't code. I design my web jobs in PS and hand them off the PS files to my guy to build. Works great for me but then again I am a confirmed 'Webaphobe'. He doesn't seem to have any trouble with what I hand him and can actually get the site up for me to look at within a day or two.


Ok, that makes sense to me. I could not figure out why someone who could code or use dreamweaver would do it. Never thought about someone who couldn't.

[-rc]

It all depends too.. If you are working with a design that is graphic intensive, you're going to have to design that in an image editor somewhere. Buttons, ornate nav, graphic backgrounds, all of that stuff need to originate in an image editor first if they are graphics heavy.

If the site is all 'placed' graphics and text, then there would be no need for design in PS. You could then argue that you'd be better served by mocking up in PS first instead of spending the time coding through the approval process.

Fireworks is great for this kind of stuff.. I almost prefer it.

Hope that helps.

RC

[mitzs]

It all depends too.. If you are working with a design that is graphic intensive, you're going to have to design that in an image editor somewhere. Buttons, ornate nav, graphic backgrounds, all of that stuff need to originate in an image editor first if they are graphics heavy.

If the site is all 'placed' graphics and text, then there would be no need for design in PS. You could then argue that you'd be better served by mocking up in PS first instead of spending the time coding through the approval process.

Fireworks is great for this kind of stuff.. I almost prefer it.

Hope that helps.

RC

Yes I saw your reponse in the comment area. I just have not gotten into dreamweaver deep enough to realize that yet. I guess because I created my spry navgation in dreamweaver, that I would be able to do it all in dreamweaver. :eek: That will teach me for thinking! Anyway I learn something new everyday and I am glad I have you guys here. I am alot better for it.

[CurtisMcHale]

I always mock up in PS and then pull out the elements that I need in DW as I code. haven't got into FW yet as I am already good with PS.

[mitzs]

I always mock up in PS and then pull out the elements that I need in DW as I code. haven't got into FW yet as I am already good with PS.


What do you mean by "Pull out the elements" Curtis?

[CurtisMcHale]

I crop them down to the appropriate sizes and save them seperately. Then I code the page in DW and use the elements where appropriate. So in a mock up I will make a background. once the look is approved I would turn off all of the layers over the background and save the background out as the appropriate file type and set it as the background in DW.

[mitzs]

I crop them down to the appropriate sizes and save them seperately. Then I code the page in DW and use the elements where appropriate. So in a mock up I will make a background. once the look is approved I would turn off all of the layers over the background and save the background out as the appropriate file type and set it as the background in DW.

Awwww. Did you hear my brain just click? :p So let me ask one more question hopefully. When dealing with dreamweaver and Photoshop this way do you use css in your code? Can you use it? I think I will have to try a mock up in PS if I can figure it out and see what the code looks like when imported into DW.

[CurtisMcHale]

I don't actually import any code from PS to DW. think of it like buying a stock photo or being given a logo and placing it in the website. I just start the design in PS I hand code all of it in DW and pull out the logos/backgrounds/gradients that I need from PS.

[Alicja]

I am watching RC tutorial and I have to ask. Why would someone create a website in photoshop and then move it to dreamweaver for the code? Why not do everything in dreamweaver? As I stated in the comment, this seems like a waste of time to me. Does anyone else do this? Can someone explain it?

Well, if somebody like me, is guru in PRINT desing/produciton, but never touched WEB creation, and is dying to do so --------- the idea of creating web page in well known Photoshop and than having a starting point in Dreamweaver, gives hope!

[kialua]

Well, if somebody like me, is guru in PRINT desing/produciton, but never touched WEB creation, and is dying to do so --------- the idea of creating web page in well known Photoshop and than having a starting point in Dreamweaver, gives hope!

I'm with you!