Skinning & DotNetNuke 4.9

23
Skinning & DotNetNuke 4.9 presented by Cuong Dang, Engage Software

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 of Skinning & DotNetNuke 4.9

Page 1: Skinning & DotNetNuke 4.9

Skinning & DotNetNuke 4.9 presented by

Cuong Dang, Engage Software

Page 2: Skinning & DotNetNuke 4.9

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

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

Topics

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

Page 5: Skinning & DotNetNuke 4.9

Skinning Concepts

•  Panes •  Modules •  Containers

Page 6: Skinning & DotNetNuke 4.9

Wireframe

Page 7: Skinning & DotNetNuke 4.9
Page 8: Skinning & DotNetNuke 4.9
Page 9: Skinning & DotNetNuke 4.9
Page 10: Skinning & DotNetNuke 4.9

Skinning Approaches

Page 11: Skinning & DotNetNuke 4.9

DotNetNuke Skins

Item Files

DNNSkin Onefileactsasaskin(eitherHTMLorASCXbeforeinstalla=on)

DNNSkinPackage Onepackagemadeupofasingleormul=pleHTMLorASCXfiles,CSS,mediafilesaswellascontainersthatarecompressedinto

a.zipfileformat.

Page 12: Skinning & DotNetNuke 4.9

Creating a Skin Package

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

Page 13: Skinning & DotNetNuke 4.9

Web Standards

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

Page 14: Skinning & DotNetNuke 4.9

Skin Conversion

Page 15: Skinning & DotNetNuke 4.9
Page 16: Skinning & DotNetNuke 4.9

Layout and Panes

Page 17: Skinning & DotNetNuke 4.9

Simple Floating

Page 18: Skinning & DotNetNuke 4.9

Simple Floating

Page 19: Skinning & DotNetNuke 4.9

TOKENS Placement

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

•  Source: DotNetNuke Skinning Guide

Page 20: Skinning & DotNetNuke 4.9

Navigation

•  Core – SolPartMenu – dnnMENU

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

– Telerik (www.telerik.com)

Page 21: Skinning & DotNetNuke 4.9

Containers

•  Similar to Skinning Concepts •  Container Objects

Page 22: Skinning & DotNetNuke 4.9

Changes in 4.9

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

•  Enhancements –  [SEARCH]