DotNetNuke provides a powerful feature in design call skinning. DotNetNuke administrators can very easily change the entire look and feel of an existing web site without compromising the content. In this session, we will learn about the skinning engine, how it works and dynamic elements. We will also discuss new changes in skinning engine that were introduced in the latest release of DotNetNuke. Presented by Cuong Dang of Engage Software.

1. Skinning & DotNetNuke 4.9
presented by
Cuong Dang, Engage Software

2. Brief Bio
EDUCATION B.S. Marketing & Management
Maryville University of St. Louis
EXPERTISE • DotNetNuke Skinning
• Usability & UI Design
• Branding & Marketing
HIGHTLIGHTS Wrox Author
Wrox Blox
Technical Reviewer (PACKT Publishing Co.)
DotNetNuke Skinning Tutorial book
Lead Skinning Instructor
Engage Software, Official DotNetNuke Training Provider
Featured Speaker
OpenForce, User Group Meeting

3. About Engage
• Based in St. Louis, MO
– Specializing in ASP.NET development
– DotNetNuke
• Module Development
• Skinning
• Implementation services
• Microsoft Certified Gold Partner
• Official DotNetNuke Training Provider

4. Topics
• DotNetNuke Skinning Concepts
• Skinning Approaches
• Creating a DNN Skin Package
• Changes with Skinning in DNN 4.9

5. Skinning Concepts
• Panes
• Modules
• Containers

6. Wireframe

10. Skinning Approaches

11. DotNetNuke Skins
Item Files
DNN Skin One file acts as a skin (either HTML or ASCX
before installa=on)
DNN Skin Package One package made up of a single or
mul=ple HTML or ASCX files, CSS, media files
as well as containers that are compressed into
a .zip file format.

12. Creating a Skin Package
• Web Standards
• Skin Conversion
• Layout and Panes
• Navigation
• Containers

13. Web Standards
• W3C’s Recommendation: XHTML 1.0
• Separate Content and Presentation
• Greater Accessibility
– Machine
– Human

14. Skin Conversion

16. Layout and Panes

17. Simple Floating

18. Simple Floating

19. TOKENS Placement
• [LOGO], [SEARCH]
• [USER], [LOGIN]
• [CONTENTPANE], [COPYRIGHT]
• Source: DotNetNuke Skinning Guide

20. Navigation
• Core
– SolPartMenu
– dnnMENU
• Third Party
– HouseMenu (www.houseofnuke.com)
– Telerik (www.telerik.com)

21. Containers
• Similar to Skinning Concepts
• Container Objects

22. Changes in 4.9
• New Tokens
– [TEXT] - Localization
– [STYLE]
• Enhancements
– [SEARCH]