Now that your boxes are drawn a labeled, it is time to write pseudo code for your HTML. Pseudo code is a structural representation of the code without all of the proper symbols and spacing. For instance, you will see “wrapper” at the top of the box and then “/wrapper” at the bottom. The forward slash represents the end of the division, however, in the HTML code these two phrases are written as

<div class=”wrapper”>

at the top and </div> at the bottom. As you can see the name of that division is not included on the end tag, so to keep your code straight you should use the division names.

You may also notice that there are still boxes drawn around the text, this will help you sort out what divisions are parents and children of other divisions. You can see how header, content, and footer are in their separate boxes but inside content are other child divisions.

You should also notice that I didn’t use the division “body”, this is because the body is already included automatically in the HTML page generated by Dreamweaver.

To write your pseudo code simply start with the division box that is the farthest outside and work your way in. It is always possible to divide a box more once it is created.