Website layout question

How would i go about making a like layout for a site that looks something like
this:

http://www.priory.bromley.sch.uk/

I like the way its like faded around the edges and all corners are like
rounded.

How would i go about making a site like this? Is a layout like this made in
photoshop or something? If so does anyone have like a tutorial link i could
take a look at to see how its done?

Thanks

In that particular page, it looks like the rounded corners is simply one
background image. (without looking at the code)

You can also slice an image to get your rounded effect.

http://www.google.com/search?btnG=1&q=slice+background+image


"Abyssalwolf" <webforumsuser (AT) macromedia (DOT) com> wrote

How would i go about making a like layout for a site that looks something
like
this:

http://www.priory.bromley.sch.uk/

I like the way its like faded around the edges and all corners are like
rounded.

How would i go about making a site like this? Is a layout like this made
in
photoshop or something? If so does anyone have like a tutorial link i
could
take a look at to see how its done?

Thanks

ok thanks, but what about the faded effect around the sides? this i noticed on a few site and looks very professional

The shadow... same thing. You create an image with a drop shadow in your
image editing program (photoshop, fireworks) , typically put this image in a
wrapper or container div as a background image.


"Abyssalwolf" <webforumsuser (AT) macromedia (DOT) com> wrote

ok thanks, but what about the faded effect around the sides? this i
noticed on a few site and looks very professional

A gradient image was placed in the body background and set to repeat
vertically with CSS. The thin gradient image can be seen here:
http://www.priory.bromley.sch.uk/images/bg.jpg

CSS CODE
-----------------
body {
background-color: #B1B1B1;
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
}

Gradient Image Making Tool
http://tools.dynamicdrive.com/gradient/


--
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/

Here is the background image you speak of:
http://www.priory.bromley.sch.uk/images/vert_bg.png

Notice very small images at the top right and top left. I often make a table,
say 800 pixels wide, with the background image (like the above) being 800
pixels wide. Then put another table inside the first one but make it only,
say, 790 pixels wide, so the "fade images" show.

----------------------------------------------------


http://topdownsleepingbags.com/index.php?cPath=3&osCsid=c29330cf2c4cfd7c2a0013cf
96f7d741