sfunkčnenie grafiky na webe

Ahojte,

začínam s webdesignom, lebo som zistil že sa mi to bude hodiť; Teraz by som však potreboval nejakú dobrú radu od vás prosím; spravil som si menu podľa návodu tuna: http://gimp-tutorials.net/modern_naviga ... mptutorial ; ale teraz neviem ako ho dám na stránku tak aby fungovalo; mám to dat do <div> a nejak tam hodit text cez obrázok?

prosím poradte mi niečo ak viete

potrebujes zaklady html, najprv si to nastuduj, pozri sa hlavne po tagoch div,ul,li a a ..

no ja html a css v podstate viem akurát som nikdy nerobil takúto grafiku - spravenú najprv v ps alebo gimpe; takže by som potreboval sa doučit nejaký skill aby som vedel spravit ten krok medzi grafikou a html.

jedna z mnoha moznosti > vyrezes si buttony > <ul><li><a href="..." class="home"></a></li></ul>
css
li {float:left;}
a.home {width:buttonu px; height:..;display:block; background:#ccc url(./images/...jpg) no-repat;}

Pozri si toto :
http://www.tutorials.cz/clanek1330-jak-spravne-nakodovat-layout-1-cast#clanky

je to pomerne vycerpavajuci serial o tom ako spravne rozrezat a nakodovat graficky navrh webu.
Aspom ja som tam nasiel vsetko co k tomu na zaciatok potrebujes a je tam aj podrobny navod ako nastylovat menu.