primi passi per semplice sito web

[karmax]

Ciao amici,
avrei bisogno di una vostra mano tantomeno per partire con la creazione di un sito web!
Ve lo illustro semplicemente!
Una pagina bianca con delle scritte alla rinfusa qui e la! Le scritte sono nomi di colori!
Al passaggio del mouse su queste scritte, il background della pagina deve cambiare con il colore della scritta.
Quindi passando sulla scritta "Verde" lo sfondo deve diventare verde! Semplice no?!
Non vi chiedo il codice per farlo sarebbe troppo ma un consiglio su da dove cominciare! html5? flash?
che programma uso? dreamweaver? iweb? programmi WYSIWYG ?
grazie infinite a tutti

ps. ho un mac

[karmax]

per ora sono riuscito a fare questo:

<div class="contenitore">
<input name="txt1" type="text" value="triste" />
[img]io3.png[/img]
</div>

ho creato un link che cambia immagine quando ci passo sopra ma io in realtà devo cambiarla allo sfondo del sito definito nel foglio di stile css:

* {border:0;
margin:0;
padding:0;
}.contenitore {
background-color: #eee;
margin: 10px;
height: 700px;
width: 1000px;
background-image: url(524100_3583115103942_263937551_n.jpeg);
background-repeat: no-repeat;
background-attachment: fixed;
text-shadow: none;
opacity: 40;
}

come faccio a dirgli che l'immagine che deve cambiare è quella del background di "contenitore" ??

[scimmiaparlante]

javascript!!!
una cosa del tipo

onMouseOver="document.getElementById('contenitore').style.background = 'quello che vuoi';"

[karmax]

quindi così?

[img]io3.png[/img]

non funziona

[scimmiaparlante]

non dimenticare url(...)

onMouseOver="document.getElementById('contenitore').style.background='url(io2.jpg)';"

[karmax]

neanche in questo modo ha funzionato ma ho risolto (con il vostro aiuto) così:

<script type="text/javascript">
function cambiabg(img) {
  document.getElementById("contenitore").style.backgroundImage = "url('" + img + "')";
}
</script>

<div class="contenitore" id="contenitore">
  <input name="txt1" type="text" value="triste" />
  [img]io3.png[/img]
</div>

[scimmiaparlante]

Originariamente inviato da karmax
neanche in questo modo ha funzionato ma ho risolto (con il vostro aiuto) così:

<script type="text/javascript">
function cambiabg(img) {
  document.getElementById("contenitore").style.backgroundImage = "url('" + img + "')";
}
</script>

<div class="contenitore" id="contenitore">
  <input name="txt1" type="text" value="triste" />
  [img]io3.png[/img]
</div>

quello lo ho provato e funziona tranquillamente
naturalmente per l' OnMouseOut dovevi fartelo da solo