Hola, para empezar te presento el mejor editor de código que puedas conocer en tu vida!
Sublimetext -
http://www.sublimetext.com/
(con el tiempo veras por qué)
El editor de imágenes... muchos usan photoshop (incluyéndome), en lo personal este trabajo se lo dejo a los diseñadores, que ellos optimicen la parte gráfica y demás, yo sólo maqueto y listo; pero cuando me toca hacer todo, fireworks viene bien cuando photoshop ya no puede darte mas en cuanto recursos web.
Con lo del div que carga contenido, esto es muy sencillo y te recomiendo investigar un poco de jQuery (que no precisamente es Ajax). Te dejo un ejemplo rápido.
index.html archivo.html script.js
Código Javascript
:
Ver original$(function(){
$('#contenido').load('archivo.html');
});
Eso hace que en tu
div#contenido se cargue el contenido de
archivo.html (incluyendo archivos anexos a éste).
Por otra parte, todo es cuestión de practica, existen mejores formas que estas para hacer una web profesional ;)