Ciao rioblack,
tutto dipende da quanto a fondo vuoi andare...
Diciamo che le nozioni di base sono veramente pochine; quello che più conta è avere una discreta padronanza dei CSS.
Per iniziare direi che potresti buttarti su layout fissi (a dimensione orizzontale definita). Una volta fissata la larghezza del template puoi utilizzare due guide verticali per visualizzare l’area entro la quale comincerai a disporre gli oggetti.
Dopodichè puoi tracciare grossolanamente le sezioni del tuo layout con dei quadrettoni di sfondo uniforme:
- header
- logo (a dx)
- search box (a sx)
- navigation
- container
- footer
Ogni singolo quadrettone andrà poi diviso dagli altri da altre guide verticali e/o orizzontali in modo da ottenere una sorta di "griglia" le cui componenti possono poi essere comodamente esportate in formato gif o jpg. In linea di massima ad ogni quadrettone corrisponderà un elemento del dom del template xhtml (div, img, ul ecc...). Tutta la "magia" sta nel definire correttamente gli stili CSS da applicare ad ogni quadrettone in modo da rispecchiare il più possibile la griglia di partenza.
Quello che intendo lo trovi in dettaglio qua:
http://www.digital-web.com/articles/redesigning_the_expressionengine_site/
Tutto qua. In rete ci sono ottimi esempi di "grafica web 2.0" cui puoi attingere per un pò di idee...
http://www.smashingmagazine.com/2007/03/05/45-fresh-clean-and-impressive-designs/
Per approfondimenti google e "fireworks tutorial" potrebbero fare al caso tuo
