Skinning & DotNetNuke 4.9 presented by

Cuong Dang, Engage Software

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

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

Topics

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

Skinning Concepts

•  Panes •  Modules •  Containers

Wireframe

Skinning Approaches

DotNetNuke Skins

Item Files

DNNSkin Onefileactsasaskin(eitherHTMLorASCXbeforeinstalla=on)

DNNSkinPackage Onepackagemadeupofasingleormul=pleHTMLorASCXfiles,CSS,mediafilesaswellascontainersthatarecompressedinto

a.zipfileformat.

Creating a Skin Package

•  Web Standards •  Skin Conversion •  Layout and Panes •  Navigation •  Containers

Web Standards

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

Skin Conversion

Layout and Panes

Simple Floating

Simple Floating

TOKENS Placement

•  [LOGO], [SEARCH] •  [USER], [LOGIN] •  [CONTENTPANE], [COPYRIGHT]

•  Source: DotNetNuke Skinning Guide

Navigation

•  Core – SolPartMenu – dnnMENU

•  Third Party – HouseMenu (www.houseofnuke.com)

– Telerik (www.telerik.com)

Containers

•  Similar to Skinning Concepts •  Container Objects

Changes in 4.9

•  New Tokens –  [TEXT] - Localization –  [STYLE]

•  Enhancements –  [SEARCH]

www.cuongdang.net