Welcome to WebmasterWorld Guest from 54.167.157.247

Forum Moderators: incrediBILL

Message Too Old, No Replies

Fireworks MX - Image Website Slicing Tutorial

How to slice a website layout graphic to XHTML standards

   
8:33 pm on Feb 13, 2004 (gmt 0)

10+ Year Member



Hi, does anyone know of online tutorials that deal with the proper slicing of a website design (image) for a nested table layout using xhtml and css 2.0 proper?

The only ones I have read/watched delt with the basic slicing guidelines, which did not take accessibility, graphic load times, or proper markup into account.

Thanks in advance.

8:58 pm on Feb 13, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



slicing of a website design (image) for a nested table layout... did not take .. proper markup into account.

I'm not sure you can use tables for layout/image slicing and expect to have 'proper markup'.
The 'proper' use for the table tag is purely for tabular data.

If you want to stick to the essence of the xhtml standard then you should be using semantic markup and handling all the layout and styling in CSS.

4:00 pm on Feb 14, 2004 (gmt 0)

10+ Year Member



I'm not sure you can use tables for layout/image slicing and expect to have 'proper markup'.
The 'proper' use for the table tag is purely for tabular data.

If you want to stick to the essence of the xhtml standard then you should be using semantic markup and handling all the layout and styling in CSS.

Thanks, Graham, I agree with you. I thought that a tutorial on using a nested table layout and slicing a website design image might be easier to find than one dealing with an advanced CSS "table-less" layout. Still, if you have any recommendations on either, I'd appreciate it (here or via PM is fine).

CF

1:38 am on Feb 15, 2004 (gmt 0)

10+ Year Member



Technicly speaking (writing?), you can slice images and nest tables and still have valid XHTML 2.0 and CSS 3.0 (based on the current drafts), but you'd be missing the point.

You could start by checking the CSS fourm here for recommendations (it's where this thread realy should be). There's also a lot of good stuff in the threads themselves.

It's hard to give a better answer because I'm not sure what level you're on. From your post it's unclear, but it sounds like you may already have basic knowledge. Most of the tutorials I've seen are pretty basic, and beyond them are mostly articles (of which there are many good ones). There are some good books on CSS, Such as Eric Meyer's book from O'reily. The copy I have is a few years old, but still quite usable and there may be a newer edition. For that matter, you could check out [meyerweb.com ]. You could also check out CSS layout techniques (glish.com) [glish.com] (I just found this site a few minutes ago, and it looks like it might have what you're looking for.)

10:09 pm on Feb 16, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You an use CSS 2 absolute positioning to put together a sliced image onscreen in the same way you might with a table.