Sketching comes first
You received a web design project from a client, requirements and deadline are known—everything is fine. Before starting your graphic and text editors of choice, make sure you know what is expected from you. Don't try to design without having the real content of the page. This makes design decisions easier and more appropriate. Don't simply include graphics or text as placeholders—make sure they add real value to the overall layout.
After you have the content, decide how information will be organized (multi-level tree structure) and sketch how the web site will look like, decide what functionality it should offer and what feeling it should awake in the visitor. The concept allows you to concentrate on the real details, without worrying about tools and code. The idea flow is more natural and rapid on paper than on the PC. Try to create many different variants of the layout. Then evaluate them and decide, which one to choose, considering all the details.
After you are ready and you need to present your ideas to the client, create a mock-up from your sketch. If the client wants to see the functionality immediately and isn't very interested in the layout, it would be best to begin with writing the code as soon as possible.