All sites with graphics require some degree of slicing.
I assume you mean you don't want the photoshop style page output where your website is basically a giant image cut into little pieces. This is easy enough.
I don't have any articles but here is some general theory
Just think about your design in layers. Content should be your top layer. The background color or image should be your bottom layer.
When it comes to slicing, cut out your textured background. These are usually thin slices or boxes depending on the pattern. You can then use css to copy these.
background-image:url(link); background-repeat:repeat-x/y;
Where you have blocks of color you just use background-image;
background-color:#hex;
Almost all pages I build have the following structure...
<body>
-- Background 1 - Usually a color or pattern using the above. This is just to display what is off the edges of my site.
<div class="container">
-- Background 2 - contain's - width:800px; margin:0 auto; --- used to center page and provide background for content.
<div class="content">
This is where the page really starts, page headers, content, multiple columns are wrapped by this content tag.
</div>
</div>
</body>
I really don't know any other way to explain it. You just need to break your design into layers, much like photoshop does. Then build your site from the top down.
1) Create HTML. No CSS. Just get your content down and validate it.
2) Break up your design in your mind and add <div> or <
tag class=""> where you feel you will need to add styling.
3) In your CSS start adding your backgrounds
4) In your CSS start styling your content from top down.
I hope this has helped a little, if not could just explain a little better what you want.
