Designing Websites in Photoshop and merging into Dreamweaver

**Eclipse2003** · 07-15-2005, 10:57 AM

I have a friend that is just getting into desiging of websites and he was going to use Photoshop and Dreamweaver. He had a few questions regarding the process.

1.) Could you explain a little bit of what the "slicing" does and what it is used for?

2.) Say we designed a site in Photoshop. How would we then go about editing the site if they wanted simple changes done to it? Would you have to go into photoshop and do it? Or could you simply do it in Dreamweaver?

Thanks for all of your help.

**Grove** · 07-16-2005, 09:08 PM

The slicing tool is used to create images that are saved as jpegs and then obviously using them as Banners/Buttons etc.

As for designing a site, I am not sure what you mean. You can create a layout of the site in Photoshop and then save it and use it as a tracing image in dreamweaver. Then by simply putting layers in on each of the parts of your layout you can add images into those layers.

I hope this helps. Please post back if you have any queries

Wurn · 08-04-2005, 08:47 AM

1.) Could you explain a little bit of what the "slicing" does and what it is used for?

2.) Say we designed a site in Photoshop. How would we then go about editing the site if they wanted simple changes done to it? Would you have to go into photoshop and do it? Or could you simply do it in Dreamweaver?
.....

i design all my sites in Photoshop. I then open Image Ready and slice the website into part. Say the Menu buttons get sliced, The middel section of the site, the border gets sliced etc. I then use teh "Save optimised As" function which saves the files to a folder you specify with a html page wiht it.

The html page you then open in DW and change to hearts content. Say you wanto change the logo of the site you simply do it in photoshop, open ImageReady, select the slice you made earlier of the logo and go to "Save Optimised As" option agian. In there you select use selected only and chnage the option to save all to jpeg or gif. That will tehn ask you to resave your image you have just changed. When you open Dreamweaver and your page it will be changed.

this site www.cvb.it was done this way

07-15-2005, 10:57 AM	#1 (permalink)
Eclipse2003 TSF Enthusiast Join Date: Apr 2005 Location: Ohio Posts: 1,156 OS: XP	Designing Websites in Photoshop and merging into Dreamweaver I have a friend that is just getting into desiging of websites and he was going to use Photoshop and Dreamweaver. He had a few questions regarding the process. 1.) Could you explain a little bit of what the "slicing" does and what it is used for? 2.) Say we designed a site in Photoshop. How would we then go about editing the site if they wanted simple changes done to it? Would you have to go into photoshop and do it? Or could you simply do it in Dreamweaver? Thanks for all of your help.

07-16-2005, 09:08 PM	#2 (permalink)
Grove Professor/Moderator, TSF Design School Join Date: Jun 2005 Location: Australia Posts: 2,383 OS: Windows Vista SP2 32bit	Help The slicing tool is used to create images that are saved as jpegs and then obviously using them as Banners/Buttons etc. As for designing a site, I am not sure what you mean. You can create a layout of the site in Photoshop and then save it and use it as a tracing image in dreamweaver. Then by simply putting layers in on each of the parts of your layout you can add images into those layers. I hope this helps. Please post back if you have any queries __________________ ========================================== Get Help: TSF Security Forum \| HijackThis \| MB's 5 Step Process Get Clean: AdAware SE \| Spybot S&D \| CWShredder \| Ewido \| CleanUp! Get Protected: SpywareBlaster \| SpywareGuard \| Windows Updates \| IE-SpyAd If TSF has helped you, please consider making a donation to help keep the board running.

08-04-2005, 08:47 AM	#3 (permalink)
Wurn Registered User Join Date: Apr 2005 Location: Cape Town Posts: 25 OS: Win XP Pro SP2	1.) Could you explain a little bit of what the "slicing" does and what it is used for? 2.) Say we designed a site in Photoshop. How would we then go about editing the site if they wanted simple changes done to it? Would you have to go into photoshop and do it? Or could you simply do it in Dreamweaver? ..... i design all my sites in Photoshop. I then open Image Ready and slice the website into part. Say the Menu buttons get sliced, The middel section of the site, the border gets sliced etc. I then use teh "Save optimised As" function which saves the files to a folder you specify with a html page wiht it. The html page you then open in DW and change to hearts content. Say you wanto change the logo of the site you simply do it in photoshop, open ImageReady, select the slice you made earlier of the logo and go to "Save Optimised As" option agian. In there you select use selected only and chnage the option to save all to jpeg or gif. That will tehn ask you to resave your image you have just changed. When you open Dreamweaver and your page it will be changed. this site www.cvb.it was done this way __________________ We are but a grain of dust in a Universe of Sand!