Informazioi progettazione pagina

Salve sono completamente 'bianco' riguardo linguaggio HTML e CCS ho aperto un sito proprio per esercitarmi e cercare di capire qualcosa in piu. Vorrei capire come realizzare una pagina con un menù a tendina tipo:

>CALCIO
>UEFA Coppe Europee
>UEFA Europa League
>Italia
>Serie A
>Serie B
>UK & Irlanda
>Premier League
>BASKET
ecc,ecc

Proprio come quello delle scommesse sportive non so se avete presente. Il mio sito dovrebbe appunto simulare la giocata di una schedina ad esempio. Non so se sono stato chiaro, a calcio ci devono essere sotto menu con le varie sezioni, ad ogni sezione altre etichette con le relative bandierine delle nazioni ad esempio. Scusate non so come spiegarvi meglio non possedendo un linguaggio tecnico. Spero in una risposta a breve

tanto per capire vorresti fare un menu tipo quello a sinistra di questo sito? http://www.diretta.it/calcio/

Non come quello, tipo quello che c'è nei siti di scommesse ideale sarebbe http://sportbook.betuniq.eu/Sport/De...spx?IDLingua=1 o una specie ma simile a quello che quando clikki sopra si apre un altro menu con i sottoinsiemi....se vai su quel sito e clicchi sport si dovrebbe vedere un menù come quello che vorrei. Grazie ille della risposta :)

http://sportbook.betuniq.eu/Sport/Gr...353&Antepost=0 piu precisamente questo è il menu :)

allora praticamente dovrebbero essere delle liste su dei contenitori che con css e jquery compaiono e scompaiono all'evento click.
visto che sei, cito: "completamente bianco" ti dico i tag che devi studiare:
<ul> <li> per le liste http://www.w3schools.com/tags/tag_ul.asp;
<div> o <span> sono i contenitori dove vanno le liste che "scompaiono";
display:none; è il comando css per farle scomparire http://www.w3schools.com/css/css_display_visibility.asp
display:inline; o display:block; è il comando css per farle ricomparire

occhei speravo in un copia e incolla e non in una progettazione XD pero va bene ci proverò, ma quindi io scrivo il progetto e inserisco i codici direttamente in una nuova pagina di wordpress?

non posso farti codice da copia e incolla anche perché non saprei cosa ci devi scrivere ma un codice veloce per spiegarti come funziona si:
<div id="contenitore_madre_calcio">CALCIO
</div>
<div id="contenitore_figlio_calcio" style="display:none;">
<ul>
<li>SERIE A</li>
<li>SERIE B</li>
<li>COPPA ITALIA</li>
</ul>
</div>
//al click sul contenitore madre il css display del contenitore figlio passa da none a block in modo da rendersi visibile ma qua ci vuole jquery e prima di metterci mano ti consiglio di capire bene questa parte in html
per quanto riguarda la creazione delle pagine usando wordpress mi sa che devi aspettare qualcun'altro che possa aiutarti

Ma conosci per caso qualche plugin che ti fa creare magari una tabella o un menu da inserire nella pagina o articolo in modo da semplificare il tutto? Grazie dell aiuto.

a questo punto usa dreamweaver