I have couple of question about Layers and slices:

--When you want to create Layout of web page using Layers. how to choose resolution 800x600 or other resolutions.

-- After you create Layout of web page, what are the criteria to make slices?
I mean you can take any part of image to make each slice or when you make slice you have to depend on layers?

-- Let's say you make layout of web page, on first page of the website you have less content which fits on 800x600 resloution(which you have choose for layers) but on second page of the website you have lot's of content which won't fits on 800x600 you have to scroll page up & down. In this senario, you have to create different layout(more than on PSD) for different page or you can use only on web layout (one psd) file and modify it? If you have to modify on psd for different pages how to do that?

Please let me know,
Thank you,
vsatec

Don't worry much about the height of your layout. It's the width that's important.
And the layout is not the content. The contents fits in the layout. There are very few websites out there where you don't have to scroll down to view the rest of the content. In Photoshop, you'll not creat the contetnt, but the layout.

If you want your site to have a fixed, let's say centered layout, and aimed for resolution 800x600 and up.. you should make the width a little bit less than 800 px wide. i.e 740-760px. the height depends on the content. And article with a couple of hundred words will fit without scrolling. An article with thaousands of words will enable the scroll bar, thats why they made the scroll bar BTW.

I this makes sense to you.

Can you please go to Simlapinks com website?

On this website whole layout is made up of adobe photoshop in PSD file. Here when i wanted add more contents in paragraph (Welcome to simlapinks), the layout down the paragraph is not aligning and layout gets messed up.

Would you please let me know why this happens? Why hight of layout depends on the contents?

Thank you,
vsatec

Photoshop layout is just a layout - not a fixed sized design. You have to expect the body area to grow and shrink depending on the amount of content that's in it.

I just checked your website, and it appears that you're relying heavily on the Photoshop output. It doesn't seem to be working properly in any resolutions larger than 1024x768.

Make use of fix width, alignment and multiple backgrounds for different sections/areas of the website, and use CSS to control different components of HTML so it appears like you want it to appear at different resolutions (and browsers).

I think then i should use Adobe Photoshop layers just to make background and navigation only? Use HTML and CSS for size and others things.

Am I right?

Build your html first then add your graphics to fit the html.

Not everyone will agree, but the simplest method for me is to create a site like this

The Body tag holds the background image.

Ideally, the background image is plenty wider than what the average visitor can see and fades to a solid color on left, right, or left and right sides, up or down.

Div or Table tags provide the midground images.

These graphics need to be the width you need for each section of the page. (Left, Center, Top, Bottom, Right, etc.

Nested Divs, or TR/TD tags

These tags handle the text and foreground images.


and now for something completely different:

Z-INDEX

The Div tag is a very good general all use container tag. With it, you can also use the z-index feature of css to place images over and behind other tags. So,where a TABLE tag creates a box, Z-INDEX and DIV allow the boxes to overlap or underlap. Since Z-INDEX will only over or underlap with an ABSOLUTE POSITION assigned to it in CSS, it is preferable to use them inside TABLE TR TD or DIV tags that are already used to position items of the page.

Let me explain it clearly, since i am Adobe Certified Expert.

when you need to make design for 800x600 (optical resolution) you have to remember that scroll bar is exactly 19 pixels at right side and 2 pixels 3d affect at left side so you need exactly 779 pixel wide frame. and for height its all upto you. choose what ever size can hold all your data. you can later expand it or reduce it. and for Interpolated resolution you have to set it to 72 DPI (cause our monitor cannot show greater resolution than that)

layers are for contents only and will show what ever they have and will not make your size bigger or less in optical resolution, but can effect on file size. when you want to slice your layout just keep in mind all the rules of HTML and do not mix up table cells, or you will see an extra pixel and some extra empty table cells at the left or bottom. and remember that you have to make only 1 psd file for i page layout.

hope its clear now. if there is any other question i can help, it will be my pleasure.

Let me explain it clearly, since i am Adobe Certified Expert.
layers are for contents only and will show what ever they have and will not make your size bigger or less in optical resolution, but can effect on file size. when you want to slice your layout just keep in mind all the rules of HTML and do not mix up table cells, or you will see an extra pixel and some extra empty table cells at the left or bottom.


I am sorry but this above is not still clear to me.

I understand:
--You make resolution and make layout in PSD file.

I don't understand:
-- After you make PSD file, how to make slice(i mean what are criteria so HTML table cell shouldn't mix and you will not see extra pixel.)?

Would you please send me an link or good example for this?

How to create 800x600 resolution in PSD file? OR How to create best PSD file so it should work under any resolution?