Siempre he sido parco en el diseño de webs docentes:
http://redesdecomputadores.umh.es ,
http://hojadecalculo.umh.es ,
http://basededatos.umh.es ...
Utilizaba Times New Roman o Arial y los estilos H1, H2 y H3 para encabezados, además maquetaba con el arcaico tag table (algunas animaciones en Flash me las hacía Rafa).  Sin embargo, husmeando por Wwwwhat's new he descubierto la herramienta Drawter que crea en segundos estructuras de páginas web. Dibujamos las distintas zonas con las que dividimos la pantalla (por lo que ya no es necesario conocer la sintaxis de mis odiados DIV), Podemos definir colores, tamaños, textos… todo lo que consideremos necesario antes de generar el código html y su hoja de estilos correspondiente.