skinning & dotnetnuke 4.9
DESCRIPTION
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.TRANSCRIPT
![Page 1: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/1.jpg)
Skinning & DotNetNuke 4.9 presented by
Cuong Dang, Engage Software
![Page 2: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/2.jpg)
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
![Page 3: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/3.jpg)
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
![Page 4: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/4.jpg)
Topics
• DotNetNuke Skinning Concepts • Skinning Approaches • Creating a DNN Skin Package • Changes with Skinning in DNN 4.9
![Page 5: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/5.jpg)
Skinning Concepts
• Panes • Modules • Containers
![Page 6: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/6.jpg)
Wireframe
![Page 7: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/7.jpg)
![Page 8: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/8.jpg)
![Page 9: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/9.jpg)
![Page 10: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/10.jpg)
Skinning Approaches
![Page 11: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/11.jpg)
DotNetNuke Skins
Item Files
DNNSkin Onefileactsasaskin(eitherHTMLorASCXbeforeinstalla=on)
DNNSkinPackage Onepackagemadeupofasingleormul=pleHTMLorASCXfiles,CSS,mediafilesaswellascontainersthatarecompressedinto
a.zipfileformat.
![Page 12: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/12.jpg)
Creating a Skin Package
• Web Standards • Skin Conversion • Layout and Panes • Navigation • Containers
![Page 13: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/13.jpg)
Web Standards
• W3C’s Recommendation: XHTML 1.0 • Separate Content and Presentation • Greater Accessibility – Machine – Human
![Page 14: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/14.jpg)
Skin Conversion
![Page 15: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/15.jpg)
![Page 16: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/16.jpg)
Layout and Panes
![Page 17: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/17.jpg)
Simple Floating
![Page 18: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/18.jpg)
Simple Floating
![Page 19: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/19.jpg)
TOKENS Placement
• [LOGO], [SEARCH] • [USER], [LOGIN] • [CONTENTPANE], [COPYRIGHT]
• Source: DotNetNuke Skinning Guide
![Page 20: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/20.jpg)
Navigation
• Core – SolPartMenu – dnnMENU
• Third Party – HouseMenu (www.houseofnuke.com)
– Telerik (www.telerik.com)
![Page 21: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/21.jpg)
Containers
• Similar to Skinning Concepts • Container Objects
![Page 22: Skinning & DotNetNuke 4.9](https://reader033.vdocuments.site/reader033/viewer/2022042521/554babbcb4c905b3618b54a8/html5/thumbnails/22.jpg)
Changes in 4.9
• New Tokens – [TEXT] - Localization – [STYLE]
• Enhancements – [SEARCH]