I would like to know what the rules of designing are...please posts here! :)

There are no specific rules Adyjay, just a number of practices that many developers try to stick to. One for example is to make accessible web sites, this has a number of sub categories such as a fluid design, eg. the design expands/contracts per the screen width, a number of tests made in different environments (browsers, operating systems) to check for consistency.

Also, validating your site to adhere to the commonly accepted standards. You can find them, and validators, at http://w3.org .

Create visual designs that complement the content, instead of trying to fit content into the style of the design.

Content is king. Always. Without fail. If your site is about visual design, your design itself should be treated with the care you'd give any other type of content, such as text or multimedia.

What you see on your computer is not what anyone else will see on theirs. Let go of this concept, if you've already formed it. Instead, strive for consistent, predictable results across all traditional browsers, browsing platforms, operating systems and browsing devices.

Learn the technology that drives the end result. Perhaps you'll find a way to incorporate various "helpful" tools into your site engineering process (graphical code generator, popularly called WYSIWYG editors), but do not rely on these as teaching agents. Learn how things are supposed to be done from others who are adept at site engineering so you can recognize what these programs are doing. Better yet (IMHO), learn how things are supposed to be done, and don't use these devices at all.

Learn the difference between structure (HTML/XHTML), style (CSS) and behavior (JavaScript) as client-side technologies. Plan on learning about server-side technologies as well. If you don't plan on becoming proficient in both areas of development, learn enough about both types of technology that you're able to carry on a meaningful conversation about them with others.

Learn how to make the most of your visual design tools (Photoshop, Fireworks, Illustrator, various 3D programs, etc.). Learn their limitations as well and how to overcome them, especially in the area of exported code generation (which is invariably garbage and should not be used under any circumstances).

Oh yeah, find good resources and learn from them. That means people as well as tutorials, articles, books and classes.

Umm...there's a lot of other stuff...that's a decent start. This strays a bit from the original question, but I'm assuming the intent is that you'd like to know how to develop a good foundation for doing this type of work. So that's how I answered the question. HTH! :)

I think I asked the rules of designing not coding , the only coding rule I know is to make the website supported in allmost all web browsers , and the CSS only make's the website stretch(if you want, its harder this way) or to make someone make his website easier(if you sell the coding) ...

Ahh, so you're looking specifically for the rules of visual design, then? Well, that's a different question all together :) Web design is much bigger than just the visual parts, but if you want to know specifically about that piece of the equation, I believe I recall reading about 10 basic rules of visual design everyone should know (but not too many people do). Here's an interesting article on the subject. It seems to cover a lot of interesting topics related to visual design: http://www.kuro5hin.org/story/2002/12/4/103535/463

HTH!

You want design rules?

http://www.webstyleguide.com/

More rules than you can poke a stick at in there!

A few things you must remember:

Try to make it visually appealing to all your potential vistors. What may look good to you may be horrifying to someone else. Get others opinions, the more the better.

Make the design work with your content, and make it all flow. This is a given, but yeah.

Whatever program you're using to make the images, make sure you know how to use that program well. This will be needed if you want to make the images actually work with your layout.

As far as colors go, there are Browser-Safe colors. These browser-safe colors mean that they will work without dithering on most, if not all, browsers/platforms. You can go farther in-depth with this because there are many sites that discuss this, but it's kind of an easy thing to understand.

Lastly, make sure you use alternates. Yes, the alt code for images, since some users may not load your images correctly. And if your navagation is on top of an image or is a series of images, it's highly suggested that you have a text navagation somewhere at the bottom.

Hope these tips help you out.

Make sure that it isnt full of pixel fonts, bevel, and clashing colors, those are the basics.

A long time ago, on the last day of class, a professor gave a class full of young designer some sage words of advice. A few gems:

"A user decides whether or not to continue reading a website or click 'back' in under ten seconds, so get as much of your content 'above the fold' - above the bottom of the browser window - as possible. "

"If you need more than two fingers to count the number of fonts on your page, you used too many g--d--- fonts."

"Use Javascript verification on your forms. Letting a user click 'submit' only to have the next page advise them, "You forgot to enter a valid email address!" is a waste of their time and your server resources."

"Don't kid yourself, there's no reason to include an 'about the author' page on your website. Nobody cares. Nobody will read it. Save your time, you'll need it for figuring out why your CSS won't work in Netscape." [heh, anyone remember Netscape? ;)]

"You can never underestimate a user's ability to get confused, convince themselves it's your website's fault, and go do business with one of your client's competitors -- In other words, you should *probably* use a form instead of a mailto link on your "Contact" page."

"Lastly, never, under any circumstances, use number eff-eff-oh-oh-eff-eff anywhere in your website. If I find out you have, even if it's 20 years from now, I *will* revoke your passing grade. I'll find a way. Class dismissed."

Read the_pm's post(s). Read status' post. Re-read the_pm's post(s).

That should be a good start. :D

Regards,
Jason

Or, you could use that thing called your imagination and try to stray away from the 8 million other designers. That, my young padawan, is the real challenge :)