DotNetNuke Corp. Confidential © 2011 All rights reserved.

Chris Hammond

Director of Training Programs

4/10/2012

DOTNETNUKE EXPLAINED –BASIC SKINNING

2 DotNetNuke Corp. Confidential © 2011 All rights reserved. 2 DotNetNuke Corp. Confidential © 2011 All rights reserved.

DOTNETNUKE EXPLAINED SERIES

• Free

• Recorded

• Upcoming » Installation (Recording available)

» Basic Site Administration (Recording available)

» Basic Skinning (Recording in progress)

» Basic Module Development April 17, 2012

» Upgrading DotNetNuke (TBA)

• http://www.dotnetnuke.com/Intro/Web-Seminars.aspx

3 DotNetNuke Corp. Confidential © 2011 All rights reserved. 3 DotNetNuke Corp. Confidential © 2011 All rights reserved.

AGENDA

• DotNetNuke Concepts for Skinning

• Exploring a Skin Package

• Installing and Applying Skins

• Containers

• CSS in DotNetNuke

• Q&A

4 DotNetNuke Corp. Confidential © 2011 All rights reserved. 4 DotNetNuke Corp. Confidential © 2011 All rights reserved.

5 DotNetNuke Corp. Confidential © 2011 All rights reserved. 5 DotNetNuke Corp. Confidential © 2011 All rights reserved.

6 DotNetNuke Corp. Confidential © 2011 All rights reserved. 6 DotNetNuke Corp. Confidential © 2011 All rights reserved.

7 DotNetNuke Corp. Confidential © 2011 All rights reserved. 7 DotNetNuke Corp. Confidential © 2011 All rights reserved.

8 DotNetNuke Corp. Confidential © 2011 All rights reserved. 8 DotNetNuke Corp. Confidential © 2011 All rights reserved.

9 DotNetNuke Corp. Confidential © 2011 All rights reserved. 9 DotNetNuke Corp. Confidential © 2011 All rights reserved.

DOTNETNUKE CONCEPTS FOR SKINNING

• Skinning Terminology

• Anatomy of a DotNetNuke Skin

• How Skinning Works

10 DotNetNuke Corp. Confidential © 2011 All rights reserved. 10 DotNetNuke Corp. Confidential © 2011 All rights reserved.

SKINNING TERMINOLOGY

• Skin Definition » What is a DotNetNuke Skin?

» What is a DotNetNuke Container?

11 DotNetNuke Corp. Confidential © 2011 All rights reserved. 11 DotNetNuke Corp. Confidential © 2011 All rights reserved.

ANATOMY OF A DOTNETNUKE SKIN

• Dynamic Elements (TOKENs)

• Panes

• Modules

• Containers

12 DotNetNuke Corp. Confidential © 2011 All rights reserved. 12 DotNetNuke Corp. Confidential © 2011 All rights reserved.

13 DotNetNuke Corp. Confidential © 2011 All rights reserved. 13 DotNetNuke Corp. Confidential © 2011 All rights reserved.

14 DotNetNuke Corp. Confidential © 2011 All rights reserved. 14 DotNetNuke Corp. Confidential © 2011 All rights reserved.

15 DotNetNuke Corp. Confidential © 2011 All rights reserved. 15 DotNetNuke Corp. Confidential © 2011 All rights reserved.

16 DotNetNuke Corp. Confidential © 2011 All rights reserved. 16 DotNetNuke Corp. Confidential © 2011 All rights reserved.

17 DotNetNuke Corp. Confidential © 2011 All rights reserved. 17 DotNetNuke Corp. Confidential © 2011 All rights reserved.

18 DotNetNuke Corp. Confidential © 2011 All rights reserved. 18 DotNetNuke Corp. Confidential © 2011 All rights reserved.

19 DotNetNuke Corp. Confidential © 2011 All rights reserved. 19 DotNetNuke Corp. Confidential © 2011 All rights reserved.

20 DotNetNuke Corp. Confidential © 2011 All rights reserved. 20 DotNetNuke Corp. Confidential © 2011 All rights reserved.

SKIN DEFINITIONS

21 DotNetNuke Corp. Confidential © 2011 All rights reserved. 21 DotNetNuke Corp. Confidential © 2011 All rights reserved.

22 DotNetNuke Corp. Confidential © 2011 All rights reserved. 22 DotNetNuke Corp. Confidential © 2011 All rights reserved.

23 DotNetNuke Corp. Confidential © 2011 All rights reserved. 23 DotNetNuke Corp. Confidential © 2011 All rights reserved.

DEVELOPMENT APPROACHES

24 DotNetNuke Corp. Confidential © 2011 All rights reserved. 24 DotNetNuke Corp. Confidential © 2011 All rights reserved.

HOW SKINNING WORKS

• Tokens and Skin Conversion

25 DotNetNuke Corp. Confidential © 2011 All rights reserved. 25 DotNetNuke Corp. Confidential © 2011 All rights reserved.

TOKENS

• TOKENS are placeholders of skin objects in DotNetNuke used by the skinning engine. When the skin is installed, DNN will find and replace TOKENS with the appropriate ASP.NET user controls.

26 DotNetNuke Corp. Confidential © 2011 All rights reserved. 26 DotNetNuke Corp. Confidential © 2011 All rights reserved.

27 DotNetNuke Corp. Confidential © 2011 All rights reserved. 27 DotNetNuke Corp. Confidential © 2011 All rights reserved.

28 DotNetNuke Corp. Confidential © 2011 All rights reserved. 28 DotNetNuke Corp. Confidential © 2011 All rights reserved.

29 DotNetNuke Corp. Confidential © 2011 All rights reserved. 29 DotNetNuke Corp. Confidential © 2011 All rights reserved.

EXPLORING A SKIN PACKAGE

• Pre and Post-Install Skin Packages

• Default DotNetNuke Skin/Commercial Skin

30 DotNetNuke Corp. Confidential © 2011 All rights reserved. 30 DotNetNuke Corp. Confidential © 2011 All rights reserved.

DEFAULT DNN SKIN PACKAGE

• File Structure

• File Types

31 DotNetNuke Corp. Confidential © 2011 All rights reserved. 31 DotNetNuke Corp. Confidential © 2011 All rights reserved.

FILE STRUCTURE

32 DotNetNuke Corp. Confidential © 2011 All rights reserved. 32 DotNetNuke Corp. Confidential © 2011 All rights reserved.

INSTALLING & APPLYING SKINS

• Install Approaches

• Install Methods

• Managing Skins

• Applying Skins

33 DotNetNuke Corp. Confidential © 2011 All rights reserved. 33 DotNetNuke Corp. Confidential © 2011 All rights reserved.

34 DotNetNuke Corp. Confidential © 2011 All rights reserved. 34 DotNetNuke Corp. Confidential © 2011 All rights reserved.

35 DotNetNuke Corp. Confidential © 2011 All rights reserved. 35 DotNetNuke Corp. Confidential © 2011 All rights reserved.

INSTALL APPROACHES

36 DotNetNuke Corp. Confidential © 2011 All rights reserved. 36 DotNetNuke Corp. Confidential © 2011 All rights reserved.

DNN TERMINOLOGY

37 DotNetNuke Corp. Confidential © 2011 All rights reserved. 37 DotNetNuke Corp. Confidential © 2011 All rights reserved.

DNN TERMINOLOGY

38 DotNetNuke Corp. Confidential © 2011 All rights reserved. 38 DotNetNuke Corp. Confidential © 2011 All rights reserved.

INSTALL METHODS

• HOST (Super User Account)

» Extensions

» Install Folder (XCOPY Deployment)

39 DotNetNuke Corp. Confidential © 2011 All rights reserved. 39 DotNetNuke Corp. Confidential © 2011 All rights reserved.

INSTALL METHODS

• ADMIN (Super User Acount)

» Extensions

» XCopy

40 DotNetNuke Corp. Confidential © 2011 All rights reserved. 40 DotNetNuke Corp. Confidential © 2011 All rights reserved.

MANAGING & APPLYING SKINS

• Host Level

• Site Level

41 DotNetNuke Corp. Confidential © 2011 All rights reserved. 41 DotNetNuke Corp. Confidential © 2011 All rights reserved.

MANAGING & APPLYING SKINS

• Host Level » Default Skin

» Edit/Admin Skin

42 DotNetNuke Corp. Confidential © 2011 All rights reserved. 42 DotNetNuke Corp. Confidential © 2011 All rights reserved.

MANAGING & APPLYING SKINS

• Site Level » Default Skin (site-wide)

» Home Page (tab or page-level)

» Specific Page (page-level)

» Edit/Admin Page (site-wide)

43 DotNetNuke Corp. Confidential © 2011 All rights reserved. 43 DotNetNuke Corp. Confidential © 2011 All rights reserved.

CONTAINERS

• File Types

• Installing

• Managing

44 DotNetNuke Corp. Confidential © 2011 All rights reserved. 44 DotNetNuke Corp. Confidential © 2011 All rights reserved.

CSS AND DOTNETNUKE

• CSS Precedence

• Developer Tools

45 DotNetNuke Corp. Confidential © 2011 All rights reserved. 45 DotNetNuke Corp. Confidential © 2011 All rights reserved.

CSS PRECEDENCE

46 DotNetNuke Corp. Confidential © 2011 All rights reserved. 46 DotNetNuke Corp. Confidential © 2011 All rights reserved.

DEVELOPER TOOLS

• Web Developer Toolbar (Firefox)

• Firebug Plug-in (Firefox, Chrome)

• IE Developer Toolbar

47 DotNetNuke Corp. Confidential © 2011 All rights reserved. 47 DotNetNuke Corp. Confidential © 2011 All rights reserved.

• Installing DNN, Portal Admin, Skinning, Module Development

DotNetNuke Explained

• ONDEMAND recordings. New live webinars coming with DotNetNuke 6.2

Training Subscription

DOTNETNUKE TRAINING

• http://bit.ly/dnnlearn

More Training Info: http://bit.ly/dnnlearn

48 DotNetNuke Corp. Confidential © 2011 All rights reserved. 48 DotNetNuke Corp. Confidential © 2011 All rights reserved.

Q&A