Normalmente se utiliza un programa de retoque como el photoshop o de dibujo vectorial para crear una imagen o un bozeto, algo donde tu ves un diseño de una web en este caso, esto lo haces para ver como quieres organizar la información de la página, como pondras el menú, los colores que pondras, porque a veces te lias a hacerlo a codigo (html, php,..) y no te gusta como queda y estar retocando el codigo te aseguro que se te va mucho tiempo sobre todo cuando no tienes una idea fija. A parte de utilizarse para tu tener una idea de lo que despues vas a implementar a código, se utiliza también para enseñarselo al cliente para que vea si le gusta o no, o los en casos donde trabajan un diseñador y un programador.
Puedes utilizar el Dreamweaver para empezar a programarla o un gestor de contenidos ya es sobre gustos. Es cierto que en el modo de trabajo de dreamweaver como diseño te crea mucho código sucio pero si conoces bien las estructuras de los lenguajes de programación te lo recomiendo de hecho los diseñadores trabajan en esta vista siempre que no tengan conocimientos sólidos de programación.
CSS son hojas de estilos, al programar en html por ejemplo pues tenías que ir añadiendo etiquetas a donde querías conseguir un tipo de formato (letras en negrita, color rojo, un alineamiento, un efecto de texto, etc..), esto era un coñazo la verdad. Las hojas de estilo te permite dividir por zonas donde quieres añadir estos formatos lo que hace que trabajes más rápido y sobre todo que si quieres hacer un cambio es mas óptimo. También es cierto que con el CSS consigues efectos que jamás harías con el Html solo.
Para intentar que te hagas un idea. Un Boceto de html solamente:
http://images03.olx.com.ve/ui/2/78/07/30227107_3.jpg
Una página utilizando CSS.
http://www.webdesignerwall.com/trend...s-design-2007/
Espero que te sirva de ayuda para orientarte. Suerte.