Creating Sample Page Sketches
Once the mind map is complete, take some time to hand draw some sketches of what the pages of your Web site will look like. You can start out (like I do) by drawing rectangles on a piece of paper, and crudely outlining where you want to place elements on the page; like arranging the furniture in a room, place page elements where they will be most comfortable and accessible to your visitors.
You don’t have to be pretty; just get a general idea of how the site will be visually laid out. You might even add notations as to colors and text. Eventually you’ll clean up these crude sketches by creating them on graph paper that matches the width to height ratio for each page, but more on that later.
The final step after the creation of the sketches is to give them the names you will use when you create them in Dreamweaver. Since these are file names, they should conform to standard file-naming conventions.
Sample Sketch