Semantic code and header tags within DotNetNuke skins

Veerle - Article Page: http://veerle.duoh.com/index.php (fig. 5) H1 – Main title of website (graphic header of site) Left column (main content area) H2 – Article Title H4 – Sub Heading of article H4 - Further Sub Headings of article H2 – Served So Far (Comments section) H3 – Name date and time of each comment H2 – Leave a comment H3 – Allowed required (sub heading of leave a comment) Right Column H2 – Flickrness H2 – Previously H2 – Search H2 – What’s Cookin here On an article page: H1 used for title of website H2 used for article title and for headings of different content sections H3 used as sub headings for left column under H2 comment sections H4 used as sub headings for articles

8 | Page 9 of 26 | 10

Article Contents

1. Tutorial Overview
2. Introduction - What is Semantic code?
3. How do we create semantic code?
4. Analysis of the pros | Helpful Tools
5. Header Tags Structure Analysis | A List Apart - Home Page
6. A List Apart - Article Page
7. ESPN - Home Page
8. Veerle – Home Page
9. Veerle - Article Page
10. Think Vitamin - Home Page
11. Think Vitamin - Article Page
12. Web Standards - Home Page
13. Web Standards - Article page
14. DotNetNuke – Header Tags Suggestions and Conclusions
15. Possible Header Tag Structures for the DNN-Blue skin
16. Applying the header tag structure to a DotNetNuke skin
17. Edit the container for h2 tags
18. Edit the container for h1 tags
19. Style the H3 and H4 tags
20. Further Styling Options
21. A step further
22. Styling the Module Titles
23. Putting it altogether
24. Demo of Fangs and Document Outline
25. Final Thoughts
26. References / Useful links