Slicing Help

[JasonCairns]

Hello, this is my first post. I'm glad to be a member at KWWH. My name is Jason, as you can see in my username lol. I'm 17yrs old and currently don't have a job. I'm an experienced Visual Basic 6, VB.NET & HTML coder.

I'm having trouble slicing/coding my web template. The way I learned to do this was years back by slicing the template etc and using iFrames. I don't want to use iFrames and i'm just wondering if someone can help me out, maybe give me some tips, show me how to properly slice my template etc etc.

Thank you very much,

-Cairns

JasonCairns Reviewed by JasonCairns on 15th Sep 2010. Slicing Help Hello, this is my first post. I'm glad to be a member at KWWH. My name is Jason, as you can see in my username lol. I'm 17yrs old and currently don't have a job. I'm an experienced Visual Basic 6, VB.NET & HTML coder. I'm having trouble slicing/coding my web template. The way I learned to do this was years back by slicing the template etc and using iFrames. I don't want to use iFrames and i'm just wondering if someone can help me out, maybe give me some tips, show me how to properly slice my Rating: 5

[Ornlu]

lol leave iFrames
First code the first page of template and then divide it into many php files like,
header, footer, news etc and then use php include in pages . simple

[timtamboy63]

Ornlu, I may be wrong, but I dont think he's talking about PHP, just how to slice and code his template which he's designed.

First things first, you mentioned that you are an experience HTML Coder. I'm going to assume you mean HTML and CSS, as HTML along won't get you very far. If not, I'd suggest going to http://htmldog.com/ and learning CSS.

Now, there's no one-stop-solution to slicing and coding your web template, it depends on the template, and whether you want to code it fixed or fluid. To start out, I suggest you start coding fixed. This means that the width of the elements don't change depending on the users browser window, i.e, all your measurements are done in px.

What you want to do, is use the slice tool in Photoshop and slice the important elements in your design. For example, any images that you need will have to be sliced. Anything that has a repeating background (a gradient for instance), you should slice a portion of that background, then use the CSS background-repeat property. It's really all about the practice - maybe search on youtube for some slicing and coding tutorials, as well as PSDTuts+ and NetTuts+.

Good luck

[Ornlu]

hmm ya maybe i took him wrong

[JasonCairns]

lol leave iFrames
First code the first page of template and then divide it into many php files like,
header, footer, news etc and then use php include in pages . simple

Includes suck, easily LFI/RFI. BOOM hacked.

[JasonCairns]

Oh btw, I know how to slice templates & use css ofc lol. I just needed some advice. Photoshop is pretty gay for slicing. It slices lots of un-needed images. But I noticed I can use 'User-Slices-Only'. Thanks anyway guys

[timtamboy63]

No problems. I know what you mean by a lot of unneeded slices, but they're usually easy to find IF you rename your slices.