TANLA
Office of the President
Laura Williams
There were some specific requests for the design, to make sure that it would work with the way my friend teaches. The content had to be separated from the presentation, and every part of the design had to be made in way that would be easy to understand - and learn from. No advanced tricks, and minimal use of IDs or .classes in the stylesheet. A fixed position site menu and some neutral images was also asked for.
What's New
The easiest way to see my approach on the challenge is to view the code. Download the template and play with it for a while, and you will hopefully see that this every part of the template is created in an easy and effective way. For those of you who want some more information, I will try to explain how this design was built. Here are some short facts:
- The content is fully separated from the presentation. No inline styling has been used.
- Valid XHTML 1.1 and CSS2. Section 508 OK and AA-rated with the WCAG 1.0.
- Number of .classes: 0. Number of #id's: 3 (#sidebar, #menu and #content).
- Number of styled tags: 10 (html, body, ul, li, a, img, h1, h2, h3 and p).
- Two small images (total size: 142 bytes) have been used to improve the design, but the template works just as good without them.
- Two content image examples (total size: 9.2 kb) have also been included.
- The sidebar has fixed positioning to keep it in place when the rest of page scrolls.
site info
© Design by Andreas Viklund Elisa Braggins, Webmaster.