This is a design i made several month ago and its really simple but i don't like the colors... can you tell me how to make it better.
Dont forget this is just a template so don't think its a real site(:

by the way im a begginer so don't judge me too hard...
http://www4.webng.com/globalwarming/siteex1.html

Thank you!(:

First, I don't like it but hey, everyone has to start from some point so:

you should make content background less harsh , remove the footer, add just some text links instead... Try to make some graphics header instead of this...

That's it for now from me, when you fix this, we'll go on...

P.S. I forgot to write... Fix he title of the title of the page... And what program do you use to create your code?

thank you lotar_vk...
true im just a begginer and i hope in a few month i'll be better.
i've learned css and created this page and forgot about it. now im interested in learning more about css.

First: always check your site on every browser you can ( IE, FF and Opera world be enough ) eg. in IE the site looks different than in FF - the main div has white bg in IE etc.
Second: it's better to start design in PS,Corel,Gimp or whatever you like and then slice it ( code it in XHTML/CSS )
and so on...

Not bad for a beginner I would say. Learn CSS my friend, you can find new ways to make the site prettier. Free tutorials are available at W3Schools. Good luck.

Yeah CSS will help you improve a lot. Also look at web colour charts on the net for colour combos that go well together.

To make things easier on yourself, select a photo that you think will represent your site and its content well. Then, choose some colors within the photo to match up to the rest of your site. If there are green trees and a blue sky in the photo, sample the tree for the green and the sky for the blue. This will give your site a more cohesive feel. Then you can pick complimentary shades of each color for interior items. (or contrasting colors if you feel brave)

Here is some code that you can use to simplify your navigation. I did not do much with the colors, but this will get you started. First use this for your HTML:

<ul id="navbar">
<li><a target="main" href="556.html">Content</a></li>
<li><a target="main" href="556.html">Content</a></li>
<li><a target="main" href="556.html">Content</a></li>
<li><a target="main" href="556.html">Content</a></li>
<li><a target="main" href="556.html">Content</a></li>
<li><a target="main" href="556.html">Content</a></li>
<li><a target="main" href="556.html">Content</a></li>
</ul>

And this for your CSS:

#navbar {
background-color:#DDE9AB;
float:left;
width:17.5%;
list-style-type: none;
margin:0;
padding:0;
}

#navbar a {
font-family:Arial, Helvetica, sans-serif;
background-color:#DDE9AB;
margin:0;
padding:5px;
text-decoration:none;
display: block;
border-style:solid;
border-width:1px 0;
border-top-color: white;
border-bottom-color: black;
color:green;

}

#navbar a:hover {
background-color: orange;
color:#99CC00;
border-top-color: black;
border-bottom-color: white;
}

I would highly recommend losing the iFrames in your final design. This will bring an additional level of complication.

Why use the target attribute ? It is deprecated and unless you're going to use frames or iframes (both bad), it's not necessary.

He is using iFrames. I recommended that he not do that.