web page graphics question

[docdubz]

I want to design a web page for a business I am going to try to start up. I have a basic grasp of html/coding in general, but its been a very long time since I have dabbled in web design. I want to make some graphics for the header/sidebars. Is there an easy way to make the graphics scale to the users window so that it looks good for all users screen resolutions/if they have their browser windowed instead of full screen or do you just make the actual image the resolution that would be optimal for most users?

thanks

 

[Phreaddee]

generally speaking

img {
max-width:100%;
height:auto;
}

 

[notarypublic]

I highly recommend checking out Twitter Bootstrap for what you're trying to accomplish. It will help you make layouts that work for many different screen resolutions.

That said, full screen websites can be tricky. I would recommend starting with smaller graphics that scale bigger, than big graphics that scale smaller - big images take longer to load, and if your site is too slow then people will go elsewhere.

Best of luck!