guide:
html base: http://basic.html.it/guide/leggi/51/guida-html/
css base: http://basic.html.it/guide/leggi/2/guida-css-di-base/
xhtml: http://xhtml.html.it/guide/leggi/52/guida-xhtml/
layout con i css:http://css.html.it/guide/leggi/3/gui...iti-con-i-css/
web design: http://webdesign.html.it/guide/leggi...da-web-design/
usabilita': http://webdesign.html.it/guide/leggi...-dei-siti-web/
creare un logo: http://grafica.html.it/articoli/legg...reare-un-logo/

programmi:
pspad per html/xhtml e css: http://www.pspad.com/it/download.php
aptana sempre per html/xhtml e css: http://download.html.it/software/vedi/2760/aptana/ (piuttosto esigente in risorse)
gimp per il layout (grafica raster): http://download.html.it/software/vedi/2040/gimp/ (prima devi scaricare e installare gtk http://www.gtk.org/download.html )
gimpshop per il layout (con sfondo incorporato, ma in inglese): http://www.gimpshop.com/download.shtml
inkscape per i loghi (grafica vettoriale): http://www.inkscape.org/download/
filezilla per caricare le pagine in remoto: http://filezilla-project.org/download.php

programmi ce ne sono molti altri, questi li ho scelti perche' sono gratuitamente scaricabili e abbastanza facili da usare

sul come procedere:
-crei il logo con inkscape
-in base allo stile e ai colori del logo simuli la grafica con gimp
-ritagli i pezzi e li salvi in jpg o gif
-crei la struttura in html/xhtml con pspad o aptana
-monti la grafica sulla struttura con i css con pspad o aptana
-crei una pagina base con gli elementi comuni (header menu e footer, di solito)
-nel caso di un sito statico, la cloni tante volte quante sono le tue pagine e riempi ogni pagina con i relativi contenuti
-carichi in rete con filezilla
-nel caso di un sito dinamico: carichi struttura, foglio di stile (css) e immagini del layout in un cms (a seconda del cms caricherai i singoli elementi o il template gia' montato)