Semantic code and header tags within DotNetNuke skins

1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26   Think Vitamin - Article Page: http://www.thinkvitamin.com/features/css/stop-css-hacking (fig. 7) Left Column H1 – Features H2 – Article Title H3 – Sub Headings in the article H2 – Comments section H3 – Leave a Reply Right Column H2 – Feature categories H2 – Vitamin Likes H2 – Favourite Features H2 – Subscribe H2 – Vitamin by Email H2 – Search For article pages within the Vitamin website: H1 used to display category of article ie. Features H2 used for article titles and as titles for different content area sections H3 sub Headings in an article

10 | Page 11 of 26 | 12

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