CSS and the future role of Fireworks and Photoshop (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message


paul rayner -> CSS and the future role of Fireworks and Photoshop (3/5/2008 0:59:01)

As we move to more and more use of CSS, and less use of tables for layouts, I'm wondering where the use of Photoshop and Fireworks for creating sliced images for "intricate" page designs fits in?

Is that an acceptable use of tables?
Is there a way to deal with those sliced images using CSS?

Hope this post is in the right place.

Cheers





Tailslide -> RE: CSS and the future role of Fireworks and Photoshop (3/5/2008 4:50:17)

No tables are for displaying tabular data only.

Photoshop and Fireworks etc are useful for creating images for the markup and background images that you can then insert into a stylesheet.

The problems arise when people either:

1. Try to get Photoshop or Fireworks to produce a web page by itself (save as .html) which results in pretty appalling code.
2. Try to use big sliced up images to assemble their sites sort of like a jigsaw.

The term "slicing" tends to be used for the latter - dicing up a big image of a web page into chunks and reassembling it into a .html page. This isn't a good idea at all. It's too fragile, too hard to maintain, too difficult to read mostly.

There's nothing wrong at all with using (for example) thin slices of an image, repeated vertically or horizontally as a background to a page or a section of a page - that would expand and contract with the content and wouldn't actually include text-as-images. Nothing wrong either in using a bigger image as a background for a banner or anything actually - the secret is to plan for flexibility.

Edit: Have a look at this page: http://tuscany.cssmastery.com/ It's done as an example for a tutorial on CSS. Have a look at the images used and how they are used (right-click and look at the background images for each section for example).

Personally I'd have put the colour photos into the markup itself but still - it's a reasonable example.

Another edit: while you're there have a look at the main site page: http://cssmastery.com/ that's a nice book - you can download a sample chapter.




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875