8 replies to this topic

[ronson]

I have 2 questions.

1) Why do you have to slice up your website?

2) Does anyone know any articles or tutorials on creating a website, meaning what you need to do, and how to do it?

Thanks

James

[kschembri]

That would be awsome for my next tutorial entitled:

The Basics. Create your own website in PhotoShop.

check back to this post i will have it up in three days.

[Sodlier_Pyro]

They need to be sliced because they help make things easier. Forexample, expandable contenboxes. A content box usually has three tables a top a middle and a bottom. Mind you this is the coded side of it. The top would be the header usaully a bar look on pixel2life you'll find a bunch of content boxes. The middle is just an image that can be repeated a bunch of times without looking werid. This is where you put the text. The bottom is again another image which completes the box. It saves time because the web master doesn't have to go in and create a content box evertime they add new information to the box. Look in the tutorials section under Adobe photoshop and weblayouts. Enjoy!

[Recor]

hehe
U can add me on Msn and i can help u a little more deep...
But other wise u can do like this...
Make a image in Photoshop how u would like your website to look like than take segmants and slice it up than take save - for the webb or somthing...
and than u make it in a html editor (i use dreamweaver)
ps my msn is lillfisenboy@hotmail.com

[Prelithe]

Slicing is the process of "breaking up" a image into pieces which are then placed into tables. The reason that you slice websites is to be able to add content. Say you don't slice your site. It will be saved into one whole img. What will happen? The following things cannot be met:

How are you gonna put text into an img and be able to change it without editing the img itself?
How are you gonna position your text into the content boxes you made?

When you slice an website, it splits the imgs up as i said. Slicing the boxes where you want content creates a table cell there containing the img which is sliced, therefore you can make it a background img, then placing your text in.

It's hard to describe but looking at tuts will increase your understanding. Just goto ps section like Soldier_Pyro said and search with keywords such as website, slicing etc.

[ronson]

Thank you all! I thought it was for faster loading or something

[Stu]

i think sometimes it can be used for faster loading, for example if you have a very large image and then slice it up into smaller ones then i guess in theory it should load faster as ever image is smaller? anyone?

[kschembri]

no i doupt that, it would be relativly the same if not
slower to slice it up..because then you would have to load
each image one at a time.

[Jaymz]

kschembri, on Jun 9 2005, 08:07 PM, said:

no i doupt that, it would be relativly the same if not
slower to slice it up..because then you would have to load
each image one at a time.

It will load faster because 90% of the time you can create repeating sections and reuse them, that and many small images appear to load way faster than one large one