[skippers]

Hi

Once I've designed my web page layout in PhotoShop, what is then the best way to slice this up and convert into xhtml? I will be using Dreamweaver.

Cheers

[BlueDreamer]

Personally I simply cut out each image element to size, optimse, and save. Then I just insert image tags/css into the site.

[keithics]

just export the slices and handcode them..

[skippers]

The part that I might struggle with is when a background image needs to grow and shrink for an elasticated page.

[kola]

Have you ever heard of fireworks mate? It is far far better for web graphics. Photoshop is designed for print.

[skippers]

kola, on Jan 21 2008, 13:17, said:

Have you ever heard of fireworks mate? It is far far better for web graphics. Photoshop is designed for print.

I have indeed. Unfortunately my work doesn't have it.

[Boyles Web Design]

I use photoshop, and it works fine for me.

[Dizi]

kola, on Jan 21 2008, 13:17, said:

Have you ever heard of fireworks mate? It is far far better for web graphics. Photoshop is designed for print.

It really depends on what you are used to, there is nothing right or wrong about using photoshop, same goes for fireworks or even using a free bit of software like gimp.

There really is no right or wrong way to go about it.

[keithics]

Boyles Web Design, on Jan 22 2008, 16:12, said:

I use photoshop, and it works fine for me.

i agree, it's not with the tools.. it's with the person who is using it.

can be any text editor like dreaweaver or notepad++ (free).

[BlueDreamer]

skippers, on Jan 18 2008, 14:39, said:

The part that I might struggle with is when a background image needs to grow and shrink for an elasticated page.

Make the background image the same width as your anticipated page width. If you're using 100% width you really need to cater for screen sizes up to 1600px wide to be on the safe side, so, unless your background image tiles, it will need to be 1600px wide.

[Boyles Web Design]

You may not want to do that though because it will make page load time really big. Unless you optimize really good.

[kola]

Quote

It really depends on what you are used to, there is nothing right or wrong about using photoshop, same goes for fireworks or even using a free bit of software like gimp.

There really is no right or wrong way to go about it.

But were talking about different software applications made by the same firm, adobe. Why would they make it all the same?

Email Adobe and they will tell you, FW is for web graphics and PS is for print. Sure you can use PS for web to great effect but it doesn't optimize as good as FW at all. FW doesn't manipulate Jpegs anywhere near as good as PS either. And we haven't even mentioned Adobe Illustrator which is great for Vector graphics to print.

I do agree it depends on the user. I mean a superb PS user will get better results for web than a rubbish FW user.

[Rask]

I use Photoshop, then edit the bits and pieces one by one for the optimal result. Might sound a bit tedious and frustrating, but then I get more power over each element.

Not the one and only correct answer, just my way of getting things done.

[skippers]

Does anyone know of a really good online tutorial for doing this?

[AndyRoid]

you tried tutorialized or just googled it mate your likely to get something for it !

Just for my 2 cents:

I use Fireworks, Photoshop and Illustrator it really depends on my need at the time, Illustrator if its a logo I want to resize thats format is EPS or AI, Photoshop for editing right down to the pixel by pixel part and sometimes Fireworks but very rarely cos I'm so used to it but to each their own I guess.

One mans treasure and all that